:root {
  --main-bg-color: brown;
  --labit-background-gray: #f0f4f8;
  --labit-background-gray-trans: #f0f4f8cc;
  --labit-gray: #cacdd2;
  --labit-light-gray: #eaedf1;
  --labit-darkgray: #646464;
  --labit-text-lightgray: #80889d;
  --labit-card-gray: #35425b;
  --labit-card-lightgray: #a8b1c2;
  --labit-card-hover-background: #fbfbfb;
  --labit-card-labit-background: #35425b;
  --labit-card-labit-hover-background: #283245;
  --labit-dialog-background: #d7e1ea;
  --labit-bar: #696cff;
  --labit-bar-background: #ebebeb;
  --labit-card-red: #ff7777;
  --labit-login-icon-gray: #35425b;
  --labit-login-icon-red: #ff7777;
  --labit-login-icon-green: #b8ea4f;
  --labit-button-icon: #9be731;
  --labit-light-green: #77ff77;
  --labit-light-yellow: #ffff77;
  --labit-light-red: #ff7777;
  --labit-light-green-strong: #a7e521;
  --labit-light-yellow-strong: #ffd422;
  --labit-light-red-strong: #ff3e1d;
  --labit-black-button: #35425b;
  --labit-rds-work: #6793f1;
  --labit-rds-meet: #b7efd9;
  --labit-rds-we: #ffd26a;
  --labit-rds-wash: #f0f0f0;
  --labit-rds-operate: #c3c3c3;
  --labit-rds-circulate: #fff7df;
  --labit-room-item: #d3eea2;
  --labit-room-item-wrong: #f6aba1;
  --labit-rdstable-header: #f0f4f8;
  --labit-rdstable-header-text: #72809d;
  --labit-rdstable-content-text: #696868;
  --labit-rdstable-card-header: #646464;
  --labit-button-green: #a7ef7e;
  --labit-faded-div: #637186;
  --labit-dashboard-title-gray: #707070;
  --labit-dashboard-light-gray: #c8c8c8;
  --labit-white: #ffffff;
  --labit-black: #000000;
  --labit-selected: #cdefcd;
  --labit-notselected-tab: #e3e9ef;
  --labit-people-work: #d7d9ff;
  --labit-people-work-plan: #888eff;
  --labit-people-work-plan-light: #acb0ff;
  --labit-people-task: #5358b5;
  --labit-people-overloaded: #ff6666;
  --labit-people-task-maybe: #71b3ff;
  --labit-people-task-not-assigned-yet: #ff9571;
  --labit-people-holidays: #ffffd1;
  --labit-project-1: #ffffd8;
  --labit-project-2: #ffe1e1;
  --labit-status-online: #00cc28;
  --labit-status-away: #ff980b;
  --labit-status-offline: #cacaca;
  --labit-background-bar-light: #72809d;
  --labit-postit: #f9fc82;
}

@font-face {
  font-family: Karla;
  src: url(../fonts/Karla-Regular.ttf);
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: "Karla";
  font-size: 15px;
  /*scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;*/
  color: #212321;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  /*user-select: none;*/

  background-color: var(--labit-background-gray);

  font-family: Karla;
}

input {
  margin: 0px;
}

.customScrollbars::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

.customScrollbars::-webkit-scrollbar-track {
  background: transparent;
}

.customScrollbars::-webkit-scrollbar-thumb {
  background-color: #ebebeb;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  background-clip: content-box;
}

textarea {
  resize: none;
  margin: 0px;
}

div.box div.selectContainer,
div.box input.values {
  background-color: white !important;
}

div.projectInfo div.content {
  height: 100%;
}

div.projectInfo div.content textarea {
  height: 100%;
}

div.projectInfo div.span {
  height: 100%;
  max-height: none;
}

div.projectInfo div.span span {
  height: 100%;
}

div.optionsMenu div.selectedItem,
div.optionsMenu input.inputImage,
div.optionsMenu div.submenuButton,
div.optionsMenu div.MSContainer input.values {
  color: var(--labit-card-gray);
  font-weight: bold;
}

div.optionsMenu input.inputImage::placeholder {
  font-weight: normal;
}

div.optionsMenu div.selectContainer,
div.optionsMenu input.inputImage,
div.optionsMenu div.submenuButton,
div.optionsMenu div.MSContainer input.values {
  border-color: var(--labit-card-gray) !important;
}

div.optionsMenu div.selectContainer div.listContainer div.listItem div.hover {
  background-color: var(--labit-card-lightgray) !important;
  color: white;
}

div.optionsMenu div.selectContainer div.listContainer div.listItem div.active {
  background-color: var(--labit-card-gray) !important;
  color: white;
}

div.adsk-viewing-viewer {
  width: 950px !important;
  height: 690px !important;
  border: none !important;
  border-radius: 19px !important;
}

table.RDS {
  height: 1px;
}

table.RDS td {
  height: 100%;
  border: 2px solid white;
}

table.RDS td div.cell {
  height: 100%;
}

table.RDS:not(.printed) td.fixedRow0 {
  position: sticky;
  top: 0;
  z-index: 2;
}

table.RDS:not(.printed) td.fixedRow1 {
  position: sticky;
  top: 86px;
  z-index: 2;
}

table.RDS:not(.printed) td.fixedColumn0 {
  position: sticky;
  left: 0;
  z-index: 1;
}

table.RDS:not(.printed) td.fixedColumn1 {
  position: sticky;
  left: 134;
  z-index: 1;
}

table.RDS td.fixedRow0.fixedColumn0,
table.RDS td.fixedRow0.fixedColumn1,
table.RDS td.fixedRow1.fixedColumn0,
table.RDS td.fixedRow1.fixedColumn1 {
  z-index: 3;
}

div.optionsMenu {
  z-index: 5;
}

div#fadedDiv {
  width: 100%;
  height: 100%;
  background-color: var(--labit-faded-div);
  position: absolute;
  z-index: 999;
  opacity: 0.5;
}

input.suggestions[list] {
  color: red;
}

.forgeNoToolbar .adsk-toolbar {
  display: none;
}

*:focus {
  outline: none;
}

div.withURL a {
  text-decoration: none;
}

canvas#taskChartContainer {
  z-index: 190;
}

@media print {
  body {
    background-color: white !important;
  }
}

webview.slack-webview {
  width: 100%;
  height: 100%;
  border-radius: 19px;
  border-style: none;
}

div.contextMenu {
  display: none;
}

div.contextMenuShow {
  display: block !important;
  position: absolute;
}

.hiddenElement {
  display: none !important;
}

.requiredElement {
  font-weight: bold;
}

.requiredElement:after {
  content: " *";
}

.fc .fc-daygrid-body {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

.fc .fc-scrollgrid > tbody table {
  min-width: 100%;
  min-height: 100%;
}

div.phasesScopes span {
  overflow: unset !important;
}

div.dashboardContainer .chartjs-render-monitor {
  position: relative;
  z-index: 1;
}

/* Animations */

.fadedButton {
  opacity: 1;
  transition: opacity 0.5s linear 0s;
  cursor: pointer;
}

.fadedButton:hover {
  opacity: 0.5;
}