@import '0_base-dir.scss';
/*=====================================
          Functionalities
======================================*/

//disable clicks in selected area
.disableClicks {
  background-color: rgba(1, 1, 1, 0.4);
  // pointer-events: none;
  // background: rgba(0, 0, 0, 0.32);
  // opacity: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
}


//disable certain/choosen html elements
.HTMLelement_disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(255, 255, 255, 0.6) !important;
}


//hover over url turns CI blue
.url:hover {
  color: $hrColor-DarkBlue;
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.url {
  color: $hrColor-Link;
  @extend .underline;
}

.cdk-global-scrollblock {
  overflow-y: inherit;
}

.cdk-overlay-pane {
  width: auto !important;
  min-width: 200px;
  font-size: 14px;
  max-width: calc(100vw - 100px) !important; //max-width of popups
}
