/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/style/style.scss ***!
  \***************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*!***************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/style/scrollbar.css ***!
  \***************************************************************************/
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-tertiary-color);
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--bs-secondary-color);
    }

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/style/style.scss (1) ***!
  \*******************************************************************************************************************/
.overlay-container {
  display: block;
  position: relative;
  padding: revert;
  margin: revert;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(233, 236, 239, 0.2);
  opacity: 0;
}

.overlay-container:hover .overlay {
  opacity: 1;
}

.text-truncate-table-col {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root {
  --banner-height: 105px;
}

body {
  font-family: "Open Sans", sans-serif;
}

.text-prewrap {
  white-space: pre-wrap;
}

.fixed-table-loading {
  background: var(--bs-body-bg) !important;
}

.content-main {
  height: calc(100vh - var(--banner-height));
  overflow: hidden;
}

.content-left {
  overflow: visible;
  z-index: 999;
}

@media (max-width: 550px) {
  .content-left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
  }
}
td.truncate-td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workDashboardCharts svg text {
  fill: var(--bs-body-color);
}

.tooltip-inner {
  max-width: 500px !important;
}

.ql-snow * {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-body-bg) !important;
}
.ql-snow * .ql-stroke {
  stroke: var(--bs-body-color) !important;
}
.ql-snow * .ql-fill,
.ql-snow * .ql-stroke.ql-fill {
  fill: var(--bs-body-color) !important;
}