@charset "UTF-8";
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  font-size: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #1D2125;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100;
}

.float {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 20px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  z-index: 50;
  display: none;
}

.auth {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 101;
  display: none;
  background-color: #1166de;
  color: white;
  width: min(100%, 200px);
  padding: 10px;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.auth:hover {
  background-color: #0d50af;
}

.error {
  text-align: center;
  margin-top: 50px;
  font-size: 20px;
}

body.light {
  color: #172b4d;
  background: #F1F2F4;
}
body.light .topbar {
  background-color: #F1F2F4;
  border-top: 1px solid #BEC4CD;
}
body.light .cell {
  background-color: #F1F2F4;
  border-bottom: 1px solid #BEC4CD;
  border-right: 1px solid #BEC4CD;
}
body.light .cell.today {
  background-color: #97a8bf !important;
  border-bottom: 1px solid #97a8bf;
}
body.light .cell.week {
  background-color: #d4d7de;
}
body.light .cell.holiday {
  background-color: #e3e5e9;
}
body.light .sidebar {
  border-right: 1px solid #BEC4CD;
  border-left: 1px solid #BEC4CD;
  border-top: 1px solid #BEC4CD;
  -webkit-box-shadow: 6px 0px 10px 0px rgba(190, 196, 205, 0.8);
          box-shadow: 6px 0px 10px 0px rgba(190, 196, 205, 0.8);
}
body.light .red, body.light .orange, body.light .green {
  color: #F1F2F4;
}
body.light .float {
  background-color: #172b4d;
  color: #F1F2F4;
}
body.light .dot-dead, body.light .dot-text, body.light .dot-design {
  border: 1px solid #F1F2F4;
}
body.light .line-code {
  background-color: #9f8fef;
}
body.light .line-design {
  background-color: #a7c957;
}
body.light .line-text {
  background-color: #f5cd47;
}
body.light .loader {
  background-color: #F1F2F4;
}
body.light .pause {
  background-color: rgba(241, 242, 244, 0.9);
}
body.light .card-hover {
  background-color: #d1d6de !important;
}
body.light .selectable {
  border-bottom: 1px solid #BEC4CD;
  border-right: 1px solid #BEC4CD;
  background-color: #F1F2F4;
}
body.light .selectable:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M99.32 48.47a65.64 65.64 0 0 0-9.74-10.5c-3.62-3.13-7.56-5.83-11.72-8.03-4.24-2.24-8.72-3.96-13.32-5.13-4.73-1.2-9.62-1.8-14.53-1.8s-9.8.61-14.53 1.8c-4.6 1.16-9.08 2.89-13.32 5.13-4.16 2.2-8.1 4.9-11.72 8.03A66.07 66.07 0 0 0 .7 48.47c-.68.91-.68 2.16 0 3.07a65.64 65.64 0 0 0 9.74 10.5c3.62 3.13 7.56 5.83 11.72 8.03 4.24 2.24 8.72 3.96 13.32 5.13 4.73 1.2 9.62 1.8 14.53 1.8s9.8-.61 14.53-1.8c4.6-1.16 9.08-2.89 13.32-5.13 4.16-2.2 8.1-4.9 11.72-8.03a66.07 66.07 0 0 0 9.74-10.5c.68-.91.68-2.16 0-3.07zM5.99 50c6.93-8.74 15.79-15.12 25.66-18.66-.05.05-.11.1-.16.16-2.4 2.4-4.29 5.2-5.61 8.32-1.37 3.23-2.06 6.65-2.06 10.19s.69 6.96 2.06 10.19a25.94 25.94 0 0 0 5.61 8.32l.16.16c-9.87-3.54-18.74-9.92-25.66-18.66zm62.35 18.66c.05-.05.11-.1.16-.16 2.4-2.4 4.29-5.2 5.61-8.32 1.37-3.23 2.06-6.65 2.06-10.19s-.69-6.96-2.06-10.19a25.94 25.94 0 0 0-5.61-8.32l-.16-.16c9.87 3.54 18.74 9.92 25.66 18.66-6.93 8.74-15.79 15.12-25.66 18.66z' fill='%23BEC4CD' /%3E%3C/svg%3E");
}
body.light .selectable.active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M99.32 48.47a65.64 65.64 0 0 0-9.74-10.5c-3.62-3.13-7.56-5.83-11.72-8.03-4.24-2.24-8.72-3.96-13.32-5.13-4.73-1.2-9.62-1.8-14.53-1.8s-9.8.61-14.53 1.8c-4.6 1.16-9.08 2.89-13.32 5.13-4.16 2.2-8.1 4.9-11.72 8.03A66.07 66.07 0 0 0 .7 48.47c-.68.91-.68 2.16 0 3.07a65.64 65.64 0 0 0 9.74 10.5c3.62 3.13 7.56 5.83 11.72 8.03 4.24 2.24 8.72 3.96 13.32 5.13 4.73 1.2 9.62 1.8 14.53 1.8s9.8-.61 14.53-1.8c4.6-1.16 9.08-2.89 13.32-5.13 4.16-2.2 8.1-4.9 11.72-8.03a66.07 66.07 0 0 0 9.74-10.5c.68-.91.68-2.16 0-3.07zM50 71.02c-11.59 0-21.02-9.43-21.02-21.02S38.41 28.98 50 28.98 71.02 38.41 71.02 50 61.59 71.02 50 71.02zM5.99 50c6.93-8.74 15.79-15.12 25.66-18.66-.05.05-.11.1-.16.16-2.4 2.4-4.29 5.2-5.61 8.32-1.37 3.23-2.06 6.65-2.06 10.19s.69 6.96 2.06 10.19a25.94 25.94 0 0 0 5.61 8.32l.16.16c-9.87-3.54-18.74-9.92-25.66-18.66zm62.35 18.66c.05-.05.11-.1.16-.16 2.4-2.4 4.29-5.2 5.61-8.32 1.37-3.23 2.06-6.65 2.06-10.19s-.69-6.96-2.06-10.19a25.94 25.94 0 0 0-5.61-8.32l-.16-.16c9.87 3.54 18.74 9.92 25.66 18.66-6.93 8.74-15.79 15.12-25.66 18.66z' fill='%23172b4d' /%3E%3C/svg%3E");
}

body.dark {
  color: #B6C2CF;
  background: #1D2125;
}
body.dark .topbar {
  background-color: #1D2125;
  border-top: 1px solid #404B55;
}
body.dark .cell {
  background-color: #1D2125;
  border-bottom: 1px solid #404B55;
  border-right: 1px solid #404B55;
}
body.dark .cell.today {
  background-color: #385379 !important;
  border-bottom: 1px solid #385379;
}
body.dark .cell.week {
  background-color: #2f353c;
}
body.dark .cell.holiday {
  background-color: #282e33;
}
body.dark .sidebar {
  border-right: 1px solid #404B55;
  border-left: 1px solid #404B55;
  border-top: 1px solid #404B55;
  -webkit-box-shadow: 10px 10px 15px 0px rgba(29, 33, 37, 0.8);
          box-shadow: 10px 10px 15px 0px rgba(29, 33, 37, 0.8);
}
body.dark .float {
  background-color: #B6C2CF;
  color: #1D2125;
}
body.dark .loader {
  background-color: #1D2125;
}
body.dark .pause {
  background-color: rgba(29, 33, 37, 0.9);
}
body.dark .card-hover {
  background-color: #48515b !important;
}
body.dark .selectable {
  border-bottom: 1px solid #404B55;
  border-right: 1px solid #404B55;
  background-color: #1D2125;
}
body.dark .selectable:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M99.32 48.47a65.64 65.64 0 0 0-9.74-10.5c-3.62-3.13-7.56-5.83-11.72-8.03-4.24-2.24-8.72-3.96-13.32-5.13-4.73-1.2-9.62-1.8-14.53-1.8s-9.8.61-14.53 1.8c-4.6 1.16-9.08 2.89-13.32 5.13-4.16 2.2-8.1 4.9-11.72 8.03A66.07 66.07 0 0 0 .7 48.47c-.68.91-.68 2.16 0 3.07a65.64 65.64 0 0 0 9.74 10.5c3.62 3.13 7.56 5.83 11.72 8.03 4.24 2.24 8.72 3.96 13.32 5.13 4.73 1.2 9.62 1.8 14.53 1.8s9.8-.61 14.53-1.8c4.6-1.16 9.08-2.89 13.32-5.13 4.16-2.2 8.1-4.9 11.72-8.03a66.07 66.07 0 0 0 9.74-10.5c.68-.91.68-2.16 0-3.07zM5.99 50c6.93-8.74 15.79-15.12 25.66-18.66-.05.05-.11.1-.16.16-2.4 2.4-4.29 5.2-5.61 8.32-1.37 3.23-2.06 6.65-2.06 10.19s.69 6.96 2.06 10.19a25.94 25.94 0 0 0 5.61 8.32l.16.16c-9.87-3.54-18.74-9.92-25.66-18.66zm62.35 18.66c.05-.05.11-.1.16-.16 2.4-2.4 4.29-5.2 5.61-8.32 1.37-3.23 2.06-6.65 2.06-10.19s-.69-6.96-2.06-10.19a25.94 25.94 0 0 0-5.61-8.32l-.16-.16c9.87 3.54 18.74 9.92 25.66 18.66-6.93 8.74-15.79 15.12-25.66 18.66z' fill='%2348515b' /%3E%3C/svg%3E");
}
body.dark .selectable.active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M99.32 48.47a65.64 65.64 0 0 0-9.74-10.5c-3.62-3.13-7.56-5.83-11.72-8.03-4.24-2.24-8.72-3.96-13.32-5.13-4.73-1.2-9.62-1.8-14.53-1.8s-9.8.61-14.53 1.8c-4.6 1.16-9.08 2.89-13.32 5.13-4.16 2.2-8.1 4.9-11.72 8.03A66.07 66.07 0 0 0 .7 48.47c-.68.91-.68 2.16 0 3.07a65.64 65.64 0 0 0 9.74 10.5c3.62 3.13 7.56 5.83 11.72 8.03 4.24 2.24 8.72 3.96 13.32 5.13 4.73 1.2 9.62 1.8 14.53 1.8s9.8-.61 14.53-1.8c4.6-1.16 9.08-2.89 13.32-5.13 4.16-2.2 8.1-4.9 11.72-8.03a66.07 66.07 0 0 0 9.74-10.5c.68-.91.68-2.16 0-3.07zM50 71.02c-11.59 0-21.02-9.43-21.02-21.02S38.41 28.98 50 28.98 71.02 38.41 71.02 50 61.59 71.02 50 71.02zM5.99 50c6.93-8.74 15.79-15.12 25.66-18.66-.05.05-.11.1-.16.16-2.4 2.4-4.29 5.2-5.61 8.32-1.37 3.23-2.06 6.65-2.06 10.19s.69 6.96 2.06 10.19a25.94 25.94 0 0 0 5.61 8.32l.16.16c-9.87-3.54-18.74-9.92-25.66-18.66zm62.35 18.66c.05-.05.11-.1.16-.16 2.4-2.4 4.29-5.2 5.61-8.32 1.37-3.23 2.06-6.65 2.06-10.19s-.69-6.96-2.06-10.19a25.94 25.94 0 0 0-5.61-8.32l-.16-.16c9.87 3.54 18.74 9.92 25.66 18.66-6.93 8.74-15.79 15.12-25.66 18.66z' fill='%23BEC4CD' /%3E%3C/svg%3E");
}

p {
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

.topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 25;
  top: 10px;
  z-index: 1;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
.topbar .dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-weight: 700;
}
.topbar .dates .cell {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-header, .deadline-header, .project-header {
  font-weight: 700;
}

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 100;
  z-index: 50;
}
@media screen and (max-width: 900px) {
  .sidebar {
    position: relative;
  }
}
.sidebar .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar .project {
  white-space: nowrap;
  width: 250px;
}
.sidebar .project .cell {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .list {
  white-space: nowrap;
}
.sidebar .list .red {
  background-color: #f87168;
  color: #702e00;
}
.sidebar .list .red:after {
  content: "v procesu";
  color: #702e00;
  background-color: #f87168;
}
.sidebar .list .orange {
  background-color: #fea362;
  color: #702e00;
}
.sidebar .list .orange:after {
  content: "čeká na schválení";
  color: #702e00;
  background-color: #fea362;
}
.sidebar .list .green {
  background-color: #4bce97;
  color: #164b35;
}
.sidebar .list .green:after {
  content: "schváleno";
  color: #164b35;
  background-color: #4bce97;
}
.sidebar .list .red, .sidebar .list .orange, .sidebar .list .green {
  position: relative;
  font-weight: 700;
}
.sidebar .list .red:after, .sidebar .list .orange:after, .sidebar .list .green:after {
  position: absolute;
  top: 0;
  right: 2px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  padding: 5px 10px;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  white-space: nowrap;
  z-index: 50;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar .list .red:hover:after, .sidebar .list .orange:hover:after, .sidebar .list .green:hover:after {
  opacity: 1;
}
.sidebar .list .re, .sidebar .list .bl {
  position: absolute;
  color: white;
  font-weight: normal;
  font-size: 11px;
  position: absolute;
  height: 19px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.sidebar .list .re {
  background-color: #596773;
  top: 0;
  right: 0;
}
.sidebar .list .bl {
  background-color: #943d73;
  bottom: 0;
  right: 0;
}
.sidebar .list .cell {
  padding-right: 30px;
  position: relative;
}
.sidebar .cell {
  padding: 10px;
  white-space: nowrap;
}

.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.content .row, .content .dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-weight: 700;
}
.content .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.content .cell {
  white-space: nowrap;
  position: relative;
  width: 60px;
}

.buffer {
  height: 40px;
}

.cell {
  border-bottom: 1px solid #404B55;
  border-right: 1px solid #404B55;
  height: 40px;
}

.dates .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}

.line-code, .line-design, .line-text {
  height: 20px;
  width: 60px;
  position: absolute;
}

.dot-dead, .dot-text, .dot-design {
  z-index: 20;
  position: absolute;
  border: 1px solid #1D2125;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: all;
}
.dot-dead:before, .dot-text:before, .dot-design:before {
  content: attr(data-tool);
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  color: black;
  white-space: nowrap;
  z-index: 50;
}
.dot-dead:hover:before, .dot-text:hover:before, .dot-design:hover:before {
  opacity: 1;
}
.dot-dead {
  background-color: #e63946;
}
.dot-dead::before {
  background-color: #e63946;
}
.dot-text {
  background-color: #fcca46;
}
.dot-text::before {
  background-color: #fcca46;
}
.dot-design {
  background-color: #a7c957;
}
.dot-design::before {
  background-color: #a7c957;
}

.line {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-transform: uppercase;
  color: #212121;
  font-size: 12px;
  border-radius: 20px;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
  padding: 3px 10px;
}
.line-code {
  background-color: #9f8fef;
}
.line-design {
  background-color: #a7c957;
}
.line-text {
  background-color: #fcca46;
}
.line.active {
  opacity: 1;
}

.cell:has(.dot-text, .dot-dead, .dot-design) .line {
  padding-left: 50px;
}

.round-left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 10px;
  padding-top: 3px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

.round-right {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: right;
  padding-right: 10px;
  padding-top: 3px;
  position: relative;
  z-index: 2;
}

.sticky {
  position: sticky;
  left: 600px;
  z-index: 50;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 900px) {
  .sticky {
    left: 10px;
  }
}

.pause {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  z-index: 21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.selectable {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
}
.selectable:before {
  content: "";
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}