.cookie-notice {
    color: #fff;
    font-size: 16px;
    position: fixed;
    bottom: 1.5rem;
    z-index: 9999;
}
  
.cookie-notice-layout {
    background-color: rgba(0,0,0,0.8);
    /* opacity: 0.85; */
    border-radius: 12px;
    width: auto!important;
    min-height: 100px;
}

.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

.pass-icon-lg {
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 18px;
    cursor: pointer;
}

.pass-icon {
  position: absolute;
  z-index: 999;
  right: 14px;
  top: 14px;
  cursor: pointer;
}

input#editVatNumber {
    text-transform: uppercase;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image:none!important;
    padding-right: inherit;
}

.was-validated .form-control:invalid, .form-control.is-valid {
    background-image:none!important;
    padding-right: inherit;
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    background-image:none!important;
}

.was-validated .form-select:invalid, .form-select.is-valid {
    background-image:none!important;
}

.tooltip{
    font-size: 0.8rem;
}

.box {
    padding: .8rem;
    border-radius: .35rem;
    border: 1px solid #dee2e6
}

.box img {
    max-width: 100%
}

.d-aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.select-countries-block {
  padding: 5px;
}

.select-countries-scroll {
  overflow-y: scroll;
  height: 200px;
}

.descr-block {
  overflow-y: auto;
  max-height: 200px;
  padding: 0.75rem 1rem !important;
}
  
.bt-i{
    margin: 0 !important;
}
  
.i-info:hover {
  cursor: pointer;
}

.d-aside {
  display: flex;
  align-items: center;
}

.drawing-block {
  display: flex;
  align-items:center;
  justify-content: center;
  margin-bottom: 20px;
}

.drawing-block img {
  max-height: 180px;
}

.tab-pane {
  position: relative;
}

.nonevis{
  display: none !important;
}

.ov-block-vo {
  max-height: 40vh;
  overflow: scroll;
  overflow-x: hidden;
  padding-left: 4px;
  padding-right: 4px;
}

.ov-block-2 {
  max-height: 370px;
  overflow: scroll;
  overflow-x: hidden;
  padding-left: 4px;
  padding-right: 4px;
}

.p-warn {
  color: red;
  font-size: smaller;
}

.blue-txt{
  color: blue;
  text-decoration: underline 1px blue;
}

.d-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.blue-txt:hover {
  cursor: pointer;
}


.clear-but {
  display: flex;
  justify-content: flex-end;
}

.d-a-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav.nav-tabs {
  width: max-content !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
}

.rotate-image-90 {
  transform: rotate(90deg);
}


.btn-round-big-i i {
  font-size: 0.9rem !important;
  margin-left: 1px;
}

.ms-2px {
  margin-left: 2px;
}

.tabulator .alias-column-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  white-space: normal !important; 
}

.tabulator .descr-column-text {
  font-size: 0.9rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  white-space: normal !important; 
}

.tabulator .date-column-text{
  font-size: 0.9rem;
}

/* .tabulator-row { height:70px;}  */

/* tabulator */
.tabulator { 
  font-size: var(--bs-body-font-size); 
}

.tabulator .tabulator-header .tabulator-col {
  background-color: var(--bs-dark)!important;
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 66px;
}

.tabulator {
  min-height: 150px;
}


.tabulator .tabulator-header {
  color:#fff;
}

/*Allow column header names to wrap lines*/
.tabulator .tabulator-header .tabulator-col,
.tabulator .tabulator-header .tabulator-col-row-handle {
  white-space: normal;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
  cursor: initial;
}
.tabulator-row.tabulator-selectable:hover {
  cursor: initial;
}
.tabulator-row.tabulator-selected:hover {
  cursor: initial;
}
.tabulator-row.tabulator-group:hover {
  cursor: initial;
}
.tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even.tabulator-selectable:hover {
  cursor: initial;
}
.tabulator.table-striped:not(.table) .tabulator-row.tabulator-row-even.tabulator-selected:hover {
  cursor: initial;
}

.tabulator .tabulator-footer {
  border-top: 0;
  text-align: center;
  padding: 1.25rem 1.25rem !important;
}

.tabulator .tabulator-footer .tabulator-paginator{
  font-size: 1rem !important;
  border-radius: 0.325rem !important;
}

.tabulator .tabulator-footer .tabulator-page {
  margin-top: 1rem;
  padding:  0.7rem 1rem;
  color: var(--bs-gray-600);
}

.tabulator .tabulator-footer .tabulator-page.active {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  color: #fff;
}

.tabulator .tabulator-footer .tabulator-page {
  border: 1px solid #dee2e6;
  border-radius: 6px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{
  padding-right: 5px;
}




/* Tabulator: Allow text wrapping only inside the title container */
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  white-space: normal !important;
  /* text-overflow: clip !important; */
  word-break: break-word;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  position: absolute !important;
  top: 5px !important;
}

#all-requests-table .tabulator-page[data-page='last'] {
    display: none !important;
}


.btn-pen {
  padding: 0px 5px !important;
  margin: 0px;
}

.img-setdef {
  margin-top: 2px;
  margin-right: 1px;
  fill: #fff!important;
}


#draggable {
  position: absolute; 
  z-index: 999;
  min-width: 300px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}


#draggable::before {
  content:'';
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
}

#draggable::after {
  content:'';
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -6px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}

#draggable .drp-buttons {
  clear: both;
  text-align: right;
  padding: 0px 5px;
  /* border-top: 1px solid #ddd; */
  line-height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#draggable textarea {
  padding: 0px 5px;
  resize: none;
}

.card-img-title {
  /* width: 148px; */
  margin: 10px auto;
  height: 180px !important;
  object-fit: contain;
  display: flex;
  align-items: left;
  justify-content: center;
}

.card-img-title-min {
  height: 150px !important;
  object-fit: contain;
  display: flex;
  align-items: left;
  justify-content: center;
}

.text-115 {
  font-size: 1.15rem;
}

.input-borderless select {
  border: none;
}

#profileDropdownMenu .avatar-img {
  height: auto;
}

.w-25rem {
  max-width: 20rem;
}

.pr-warning-mess {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.nda-edit-block{
  min-width: 90px;
}

.bg-nda-default {
  --bs-bg-opacity: 0.1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.h-66px{
  height: 66px;
}

.modal-content .tab-pane {
  min-height: 260px;
}

.accordion.accordion-circle .accordion-header .accordion-button {
  color: var(--bs-body-color);
}

.accordion.accordion-circle h6 {
  font-size: inherit;
}

.optionGroup {
  font-weight: bold;
}
  
.optionChild {
  padding-left: 15px !important;
}

.update-href {
  position: absolute;
  right: -1rem;
  cursor: pointer;
  top: -3rem;
  z-index: 9999;
}

a[data-bs-toggle="tooltip"] {
  /* pointer-events: none; */
  color: inherit;
  text-decoration: inherit;
}

.nav-tabs.wnav {
  width: 100%!important;
}

.nav-white {
  color: white;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-white:hover, .nav-white:focus {
  color: white;
}

.nav-simple {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.card-descr {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  white-space: normal !important; 
  min-height: 3em;
}

.w-350px {
  width: 350px !important;
}

.mw-350px {
  max-width: 400px;
}


.cursor-pointer {
  cursor: pointer;
}


.paginator-nav {
  margin-top: 1.25rem;
}


.heart-btn-owl {
  position: absolute;
  z-index: 999;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.heart-btn-owl i {
  font-size:1.2em;
}

.btn-icon {
  width: 36px;
}


a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

.gallery-wrap .img-big-wrap {
  max-height: 360px !important;
}

.gallery-wrap .img-big-wrap img{
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 360px !important;
  display: block;
}

.gallery-wrap .thumbs-wrap img {
  cursor: pointer !important;
}

.output-textarea {
  width: 100%;
  height: auto;
  padding: 12px 20px;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  background-color: transperent;
  font-size: 16px;
  resize: none;
  
}

.rating-stars {
  font-size: 2rem;
  color: #ddd;
}
.rating-stars .star {
  transition: color 0.2s;
}
.rating-stars .star.active,
.rating-stars .star:hover {
  color: #ffc107;
}

.link-secondary-title {
  color: var(--bs-secondary) !important;
}

.link-secondary-title:hover, .link-secondary-title:focus {
  color: var(--bs-primary) !important;
}

.link-purple-title {
  color: var(--bs-purple)
}

.link-purple-title:hover, .link-purple-title:focus {
  color: var(--bs-primary) !important;
}

.pt-05 {
  padding-top: 0.125rem !important;
}

@keyframes pulse {
  0% {
      box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }

  70% {
      box-shadow: 0 0 0 15px rgba(0, 123, 255, 0);
  }

  100% {
      box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}

.btn-pulse {
  animation: pulse 1.5s infinite;
}

.round-block{
  border-radius: 100%; 
  width: 1.5rem;     
  height: 1.5rem; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.round-block-in-href{
  border-radius: 50%; 
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-right: 1px;
  text-align: center;
  vertical-align: middle;
}

.slider-image {
  max-height: 400px;
}

.hero-desc {
  max-width: 500px;
}

.hero-title {
  font-size: 50px;
}


.step-item-desc {
  max-width: 150px;
}

.step-icon {
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  font-size: 0.9rem;
}

.progress {
  height: 5px;
}

.progress-bar-animated {
  animation: progress-bar-stripes-forward 1s linear infinite !important;
}

@keyframes progress-bar-stripes-forward {
  0% {
      background-position: -1rem 0;
  }
  100% {
      background-position: 0 0;
  }
}

@media (min-width: 992px) {
  .step-item {
      flex: 1 0 0%;
  }

  .step-text {
      font-size: 0.85rem;
  }
}

.input-cleared {
  position: relative;
}
.input-cleared input {
  padding-right: 20px;
}

.btn-input-clear{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.btn-round.btn-sm2 {
  height: 20px;
  width: 20px;
  line-height: 18px;
}

.btn-round.btn-sm2 i {
  font-size: 1rem;
}

.badge-autohide {
  display: none;
}

.pulse-refresh-link {
  display: inline-block;
  text-align: center;
}


.w-180px {
  width: 180px !important;
}

.thin-scroll {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

.thin-scroll::-webkit-scrollbar {
  width: 6px;
}

.thin-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.thin-scroll::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 10px;
}