.tooltip {
  font-size: 16px;
}

.border-none{
	border-radius: none;
}
.user-avatar{
	max-width: 2.5rem;
}
/* Switch off Bootstrap default collapsing transition*/
.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
/*Fixed width in percent*/
.fixed-w-15{
  width:15%;
}
.fixed-w-50{
  width:50%
}
.signature{
  /* width: 3.125rem;
  height: 3.125rem; */
  border-radius: 0px;
}
/* Investitor fields */
.height-absolute{
  height: 2.03rem;
}
.font-weight-300{
  font-weight: 300;
}
.default-line{
  padding: .375rem .75rem !important;
  font-size: .8125rem !important;
}
/* Loader */
.loader {
  border: 3px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-left: 3px solid #3498db; /* Blue */
  border-right: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  visibility: hidden;
}
.loader-dark {
  border: 3px solid transparent;
  border-top: 3px solid var(--light);
  border-left: 3px solid var(--light);
  border-right: 3px solid var(--light);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  visibility: hidden;
}

.loader-lg {
  border: 7.5px solid #f3f3f3; /* Light grey */
  border-top: 7.5px solid #3498db; /* Blue */
  border-left: 7.5px solid #3498db; /* Blue */
  border-right: 7.5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  visibility: hidden;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.invisible-square{
  width: 20px;
  height: 20px;
  visibility: hidden;
}
/* Alerts */
.fade-in-onload{
  position:absolute;
  width:100%;
  z-index: 2;
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
   }
}

.fixed-right-bottom-corner{
  position: fixed;
  bottom:1rem;
  right:2rem;
}
@media only screen and (max-width: 600px) {
  .fixed-right-bottom-corner{
    position: fixed;
    bottom:0rem;
    width:100%;
    right:0rem;
  }
}
.fixed-left-top-corner{
  position: fixed;
  top:5rem;
  left:2rem;
}
.arrow-left{
  position: fixed;
  top:0rem;
  left:0rem;
  height:100%;
}
.arrow-left:hover{
  background-color: rgba(90, 97, 105, 0.5);
}
.arrow-right{
  position: fixed;
  top:0rem;
  right:0rem;
  height:100%;
}
.arrow-right:hover{
  background-color: rgba(90, 97, 105, 0.5);
}
/* Toolbar make unrounded */
.ql-toolbar{
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.log-sidebar{
  position: fixed;
  width:15vw;
  top: 3.75rem !important;
}
.log-sidebar-helper{
  position: relative;
  width:15vw;
}
.z-index-0{
  z-index: 0 !important;
}
@media only screen and (max-width: 600px) {
  .log-sidebar {
    width:30vw;
  }
}
/* Highlight pages dates */
.highlightClosedDate{
  color: black !important;
}
.highlightClosedDate .ui-state-default{
  color: LightBlue !important;
}
.highlightNotSigned .ui-state-default{
  color: coral !important;
}
.highlightOpen .ui-state-default{
  color: lightgreen !important;
}
.row .h-fixed{
  min-height: 65px;
}
.h-100{
  height:100% !important;
}
.add-new-post__editor{
  border-bottom: 0px !important;
}

/* Animation for shaking a map */
.shaking {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.1s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-0.2px, -0.4px) rotate(-0.2deg); }
  20% { transform: translate(-3px, 0px) rotate(0.2deg); }
  30% { transform: translate(3px,0.4px) rotate(0deg); }
  40% { transform: translate(0.2px, -0.2px) rotate(0.2deg); }
  50% { transform: translate(-0.2px,0.4px) rotate(-0.2deg); }
  60% { transform: translate(-3px, 0.2px) rotate(0deg); }
  70% { transform: translate(3px, 0.2px) rotate(-0.2deg); }
  80% { transform: translate(-0.2px, -0.2px) rotate(0.2deg); }
  90% { transform: translate(0.2px,0.4px) rotate(0deg); }
  100% { transform: translate(0.2px, -0.4px) rotate(-0.2deg); }
}

/* Form header */
.text-form-header{
  color: #8AA8BC;
}
.bg-form-accent{
  background-color: #D5DCE4;
}
.text-form-accent{
  color: #1E73AC;
}

.main-sidebar.closed {
  transform: translateX(-100%);
  box-shadow: none;
}
.main-sidebar.open {
  transform: translateX(0);
  box-shadow: 0 0.125rem 9.375rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.5rem rgba(90, 97, 105, 0.12), 0 0.9375rem 1.375rem rgba(90, 97, 105, 0.1), 0 0.4375rem 2.1875rem rgba(165, 182, 201, 0.1);
}
.mt-4rem{
  margin-top: 4rem
}
.drag-and-drop{
  height: 100px!important;
  border: 1px dashed gray;
  text-align: center;
  color: gray;
  border-radius: 7px;
}

/* .file-anchor{
  border: 2px solid #00b8d8;
  border-radius: 5px;
  padding: 7px;
  margin: 4px;
} */
.file-anchor{
  border: 1px solid #5a6169;
  border-radius: 0px;
  padding: 0px;
  margin: 4px;
}
.text-break{
  overflow-wrap: break-word;
  word-break: break-word;
}
.file-row{
  color: black;
  height: 100%;
}
.file-row .file-prepend{
  padding:7px;
  padding-right: 0px;
}
.file-row .trash{
  padding:7px;
  padding-left: 0px;
}
.file-row a{
  padding: 7px 0px;
}
/* .file-row */
#fileList div:hover{
  background-color: rgba(0,0,0,0.01);
}
#fileList div{
  position: relative;
}
.ql-container{
  height: calc(100% - 40px) !important;
}
#measurement-container{
  height: 100vh !important;
  display: flex;
  flex-direction: column; /* Make children stack vertically */
}

#measurement-content  {
    flex-grow: 0; /* Takes only the space needed */
    flex-shrink: 1;
    overflow-y: auto; /* Allows scrolling if needed */
}
.row {
    flex-grow: 1; /* Takes up the remaining space */
    min-height: 0; /* Ensures it shrinks if needed */
}
.measurement-content {
    flex-grow: 1; /* Expands to fill available space */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Pushes input to the bottom */
}
.col-lg-2 {
    display: flex;
    flex-direction: column;
}
#workDescriptionContainer.is-invalid{
  border-width: 1px !important;
  border-color: #c4183c !important;
  box-shadow: 0 5px 11.5px rgba(196,24,60,.1);
}
#remarksContainer.is-invalid{
  border-width: 1px !important;
  border-color: #c4183c !important;
  box-shadow: 0 5px 11.5px rgba(196,24,60,.1);
}
.ql-container{
  font-size: 17px !important;
}
strong{
  font-weight: bolder !important;
}
#demoStop{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1100;
}

#demoRegister{
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1100;
}
#demoPalette{
  position: absolute;
  top: 60px;
}
#demoPaletteDashboard{
  bottom: 0px;
}
#demoPaletteDashboard a{
  padding: 2rem 1.75rem;;
}
.CTAorange{
  color: white;
  background-color: #FD862D;
}
.CTAorange:hover{
  background: white !important;
  color:#FD862D !important;
  border-color: #FD862D !important;
}
.CTAblack{
  color: white;
  background-color: black;
}
.CTAblack:hover{
  background: white !important;
  color: black !important;
  border-color: black !important;
}
#measurement-content p{
    margin-bottom: 0rem !important;
}
#measurement-container{
    margin: 0 -16px !important;
}
#measurement-container .list-group-item{
    padding: 0;
}
.px-12{
    padding-left: 12px !important;
    padding-right: 12px !important;;
}
/* Hide the button by default */
/*.row>.hover .close {*/
/*  display: none;*/
/*}*/
/*!* Show the button when the row is hovered *!*/
/*.row:hover>.hover .col-auto .close {*/
/*  display: block;*/
/*}*/

/* Subtle affordance for remove (close) buttons in measurement entries */
#measurement-content .list-group-item .close {
  opacity: .22;
  transition: opacity .15s ease-in-out;
  visibility: visible;
}

#measurement-content .list-group-item:hover .close,
#measurement-content .list-group-item .close:focus {
  opacity: 1;
}
#measurement-content .list-group-item .close:hover{
  color: var(--danger);
}



#measurement-content li .row{
    min-height: 36px;
}

.pl-10{
  padding-left: 10px !important;
}

.tr-selected {
  background-color: rgba(0, 0, 0, .075);
}

.labeled-selection .dropdown-item.selected::after {
  content: " ✓︎";
  color: var(--green) !important; /* optional styling */
}

.pg-hide{
  display: none !important;;
}

/* Base styling for header */
th.sortable {
  position: relative;
  cursor: pointer;
}

/* Container for arrows */
.dt-column-order {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 24px;
  margin-left: 5px;
  vertical-align: middle;
}

/* Up arrow */
.dt-column-order::before {
  content: "\25B2"; /* ▲ */
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.6rem;
  color: var(--secondary); /* dimmed by default */
}

/* Down arrow */
.dt-column-order::after {
  content: "\25BC"; /* ▼ */
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.6rem;
  color: var(--secondary); /* dimmed by default */
}

/* Active ASC sort: highlight up arrow */
th.sorted-asc .dt-column-order::before {
  color: #ffffff; /* active color */
}

th.sorted-asc .dt-column-order::after {
  color: var(--secondary); /* dimmed */
}

/* Active DESC sort: highlight down arrow */
th.sorted-desc .dt-column-order::before {
  color: var(--secondary); /* dimmed */
}

th.sorted-desc .dt-column-order::after {
  color: #ffffff; /* active color */
}

.list-group-item.disabled,
.list-group-item.disabled .totalAddend,
.input-group-text.disabled-carry,
#page-data-form select.disabled-carry,
#page-data-form input.disabled-carry{
  background-color: #f5fff0 !important;
  color: var(--secondary);
}

@font-face {
  font-family: 'Inter Black';
  src: url(../fonts/Inter-Black.otf);
}

.inter-black{
  font-family: 'Inter Black';
}
.logo-labeled{
  max-width: 40px;
}
/*Configure nav tabs for nav pane*/
.nav-tabs .nav-link.active{
  border-bottom-color: transparent !important;
}
.nav-tabs .nav-link{
  color: var(--gray);
}

/* Make tab content a flexbox so children stretch equally */
.tab-content {
  display: flex;
}

/* All tab panes take full width and same height */
.tab-pane {
  flex: 1;                /* take equal space */
  display: none;          /* hidden by default */
}

/* Bootstrap adds .active for visible tab */
.tab-pane.active {
  display: block;
}

/* Optional: set a min-height so the modal doesn't jump */
.tab-pane {
  min-height: 500px; /* adjust to your design */
}

.border-black{
  border-width: 1px !important;
  border-color: black !important;
}

.fixed-table{
  table-layout: fixed;
  width: 100%; /* or a fixed pixel width */
}

.user-card{
  max-width: 300px;
  line-height: 1.2;
}
.user-card-body{
  max-width: 250px;
}
.text-normal{
  color: rgb(90, 97, 105);
}

.border-1{
  border: 1px solid lightgray;
}

.min-height-40{
  min-height: 60px!important;
}

.mw-300{
  max-width: 300px !important;
}

.mw-600{
  max-width: 600px !important;
}

.mw-200{
  max-width: 200px !important;
}

.palette{
  background-color: white;
}

.dropdown-menu {
  /* downward-only layered shadow */
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.05) !important;
}

.btn-outline-light.disabled{
  color: #6c757d !important;
}

/* Keep element appearance unchanged on hover/focus/active */
.no-hover:hover,
.no-hover:focus,
.no-hover:active,
.no-hover:focus-visible {
  color: inherit !important;
  background-color: inherit !important;
  border-color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: default !important;
}

/* Also neutralize nested .nav-link states when applied on parent li/a */
.no-hover.nav-link,
.no-hover.nav-link:hover,
.no-hover.nav-link:focus {
  color: inherit !important;
}

.no-hover:hover i {
  color: #cacedb !important;
}

/* Work Valuation Statement - Fullscreen Preview Overlay */
.wvs-preview-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wvs-preview_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2px);
}
/* Center loader on overlay */
#wvsPreviewOverlay #loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  border-width: 4px;
  visibility: hidden;
}
.wvs-preview_dialog {
  position: relative;
  width: 92vw;
  height: 92vh;
  background: #0b0d12;
  box-shadow: 0 10px 40px rgba(0,0,0,.4);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
}
.wvs-preview_dialog iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #0b0d12;
}
.wvs-preview_close {
  position: absolute;
  top: 8px;
  right: 12px;
  color: rgba(0, 0, 0, 0.4);
  opacity: .9;
  font-size: 40px;
  line-height: 1;
  z-index: 2;
  text-shadow: none;
}
.wvs-preview_close:hover {
  opacity: 1;
}

.required-asterisk {
  color: #dc3545;
  font-weight: 700;
  margin-left: 2px;
}
.required-note {
  color: #6c757d;
}

.overflow-visible {
  overflow: visible !important;
}

.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 40;
  font-size: 40px;
}

.material-symbols-outlined.md-40 { font-size: 40px; }