@import url(https://fonts.googleapis.com/css?family=Fira+Sans);
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
  font-family: 'plando-font';
  src: url(/static/media/Ailerons-Typeface.c7d5266a.otf) format('truetype');
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background-color: #f5f5f5;
}

b {
  font-weight: bold;
}

a {
  cursor: pointer;
}

table {
  font-size: 0.9rem;
}

table th {
  font-weight: bold;
  vertical-align: middle;
}

table tbody td {
  font-size: 0.85rem;
}

table td,
table th {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
}

table tr:nth-child(even) {
  background-color: #f7f9fc;
}

table thead tr {
  background-color: #f7f9fc;
}

.widget-container {
  padding: 1rem;
  padding-top: 1rem;
}
.widget {
  display: inline-block;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  vertical-align: top;
}
@media (max-width: 800px) {
  .widget {
    width: 100%;
  }
}

td > button {
  border: 0;
  font-size: 0.85rem;
  padding: 0;
  outline: 0;
  text-align: left;
}

@keyframes blink {50% { color: transparent }}
.loader-dot { animation: 1s blink infinite }
.loader-dot:nth-child(2) { animation-delay: 250ms }
.loader-dot:nth-child(3) { animation-delay: 500ms }

.toggle-button {
  display: flex;
}
.toggle-button__item {
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem;
    color: #000000;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #cccccc;
    margin-left: -1;
}

.toggle-button__item:hover {
  background-color: #e6e6e6;
}
.toggle-button__item:active {
  box-shadow: inset 0 0.2rem 0.6rem rgba(0, 0, 0, .125);
  background-color: #e6e6e6;
}
.toggle-button__item:focus {
  outline: 0;
}

.toggle-button__item--active {
  box-shadow: inset 0 0.2rem 0.6rem rgba(0,0,0,.125);
  background-color: #e6e6e6;
}
.toggle-button__item--first {
  border-top-left-radius: 3;
  border-bottom-left-radius: 3;
}
.toggle-button__item--last {
  border-top-right-radius: 3;
  border-bottom-right-radius: 3;
}
.ms-list {
  padding: 10px 6px;
  cursor: pointer;
  font-size: .90rem;
}
.ms-list:hover {
 background-color: #eee;
}

.ms-list__selected {
  background-color: #ffebe8;
  position: relative;
}

.ms-list__selected::after {
  position: absolute;
  display: inline-block;
  content: '\27A4';
  right: 8px;
}

.ms-row {
  cursor: pointer;
}

.ms-row.disabled {
  color: #6f6f6f;
  pointer-events: none;
}

.ms-row:hover {
  background-color: #eee;
}

.ms-list-col {
  width: 100px;
}


@media (max-width: 1140px) {
  .ms-list-col {
    width: 80px;
  }
}

@media (min-width: 1366px) and (max-width: 1800px) {
  .ms-list-col {
    width: 120px;
  }
}

@media (min-width: 1800px) {
  .ms-list-col {
    width: 150px;
  }
}


.underline-hover:hover {
  text-decoration: underline;
}
.header {
  cursor: pointer;
}
.header:hover {
  text-decoration: underline;
}
.table-container {
  height: 100%;
  width: 100%;
}
.thead-container {
  flex: 0 0 auto;
  table-layout: fixed;
}

.project-status-widget {
  width: 640px;
  margin: 0 auto;
  position: relative;
  height: 100px;
  font-size: 0.85rem;
  display: flex;
  justify-content: space-between;
}
.project-status-widget .status-field {
  height: 80px;
  width: 80px;
  border-radius: 50px;
  border: 1px solid #fff;
  position: absolute;
  background-color: #fff;
  padding: 1px;
  box-sizing: border-box;
}
.project-status-widget .status-field.dates {
  right: 0px;
}
.project-status-widget .status-field.progress {
  /* right: 52px; */
}
.project-status-widget .status-field.status {
  left: 26px;
}
.project-status-widget .status-field.status .status-text {
  position: relative;
  top: 32px;
  font-weight: bold;
  text-align: center;
  font-size: 0.8rem;
}
.project-status-widget .status-field .top,
.project-status-widget .status-field .bottom {
  height: 50%;
  position: relative;
}
.project-status-widget .status-field .bottom {
  background-color: #f5f5f5;
  border-radius: 0 0 38px 38px;
}
.project-status-widget .status-field .content {
  /* position: absolute; */
  position: relative;
  top: 6px;
  left: 0px;
  width: 80px;
  text-align: center;
}
.project-status-widget .h-separator {
  width: 130px;
  border-top: 1px dotted #aaa;
  /* position: absolute; */
  position: relative;
  top: 40px;
}
.project-status-widget .h-separator .separation-text {
  position: absolute;
  padding-top: 4px;
}
.project-status-widget .h-separator .separation-text.top {
  top: -24px;
}
.project-status-widget .h-separator.right {
  right: 0px;
}
.project-status-widget .h-separator.right .separation-text {
  right: 0px;
}
.project-status-widget .v-separator {
  position: absolute;
  top: 42px;
  left: 0px;
}
.project-status-widget .v-separator > .left,
.project-status-widget .v-separator > .right {
  position: absolute;
}
.project-status-widget .v-separator > .left {
  left: -85px;
}
.project-status-widget .v-separator > .right {
  left: 156px;
  width: 150px;
}

.project-status-widget .arrow {
  position: relative;
}
.project-status-widget .arrow .arrow-head {
  display: inline-block;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  width: 5px;
  height: 5px;
}
.project-status-widget .arrow.left .arrow-head {
  transform: rotate(135deg);
}
.project-status-widget .arrow.right .arrow-head {
  transform: rotate(-45deg);
}
.project-status-widget .arrow .arrow-line {
  position: absolute;
  top: 7px;
  width: 30px;
  border-top: 1px solid #aaa;
}
.project-status-widget .arrow.right .arrow-line {
  right: 0px;
}

.project-status-widget .float-r {
  float: right;
}
.project-status-widget .float-l {
  float: left;
}

.project-status-widget .status-field {
  height: 100px;
  width: 100px;
  border-radius: 60px;
}
.project-status-widget .status-field .content {
  width: 100px;
  top: 8px;
}
.project-status-widget .status-field .bottom {
  border-radius: 0 0 46px 46px;
}
.project-status-widget .h-separator {
  top: 50px;
  width: 150px;
}
.project-status-widget .status-field.status .status-text {
  font-size: 0.9rem;
  top: 38px;
}

.status-block {
  position: relative;
  width: 152px;
}
.status-block.dates {
  width: 158px;
}
.status-block.dates .h-separator {
  width: 156px;
}
.status-block.status {
  margin-left: 8px;
}

.weekInfo {
  position: absolute;
  top: 46px;
  left: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.project-status-widget {
  width: 640px;
  margin: 0 auto;
  position: relative;
  height: 100px;
  font-size: 0.85rem;
  display: flex;
  justify-content: space-between;
}
.project-status-widget .status-field {
  height: 80px;
  width: 80px;
  border-radius: 50px;
  border: 1px solid #fff;
  position: absolute;
  background-color: #fff;
  padding: 1px;
  box-sizing: border-box;
}
.project-status-widget .status-field.dates {
  right: 0px;
}
.project-status-widget .status-field.progress {
  /* right: 52px; */
}
.project-status-widget .status-field.status {
  left: 26px;
}
.project-status-widget .status-field.status .status-text {
  position: relative;
  top: 32px;
  font-weight: bold;
  text-align: center;
  font-size: 0.8rem;
}
.project-status-widget .status-field .top,
.project-status-widget .status-field .bottom {
  height: 50%;
  position: relative;
}
.project-status-widget .status-field .bottom {
  background-color: #f5f5f5;
  border-radius: 0 0 38px 38px;
}
.project-status-widget .status-field .content {
  /* position: absolute; */
  position: relative;
  top: 6px;
  left: 0px;
  width: 80px;
  text-align: center;
}
.project-status-widget .h-separator {
  width: 130px;
  border-top: 1px dotted #aaa;
  /* position: absolute; */
  position: relative;
  top: 40px;
}
.project-status-widget .h-separator .separation-text {
  position: absolute;
  padding-top: 4px;
}
.project-status-widget .h-separator .separation-text.top {
  top: -24px;
}
.project-status-widget .h-separator.right {
  right: 0px;
}
.project-status-widget .h-separator.centre {
  width: 100px;
  left: 26px;
}
.project-status-widget .h-separator.right .separation-text {
  right: 0px;
}
.project-status-widget .v-separator {
  position: absolute;
  top: 42px;
  left: 0px;
}
.project-status-widget .v-separator > .left,
.project-status-widget .v-separator > .right {
  position: absolute;
}
.project-status-widget .v-separator > .left {
  left: -85px;
}
.project-status-widget .v-separator > .right {
  left: 156px;
  width: 150px;
}

.project-status-widget .arrow {
  position: relative;
}
.project-status-widget .arrow .arrow-head {
  display: inline-block;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  width: 5px;
  height: 5px;
}
.project-status-widget .arrow.left .arrow-head {
  transform: rotate(135deg);
}
.project-status-widget .arrow.right .arrow-head {
  transform: rotate(-45deg);
}
.project-status-widget .arrow .arrow-line {
  position: absolute;
  top: 7px;
  width: 30px;
  border-top: 1px solid #aaa;
}
.project-status-widget .arrow.right .arrow-line {
  right: 0px;
}

.project-status-widget .float-r {
  float: right;
}
.project-status-widget .float-l {
  float: left;
}

.project-status-widget .status-field {
  height: 100px;
  width: 100px;
  border-radius: 60px;
}
.project-status-widget .status-field .content {
  width: 100px;
  top: 8px;
}
.project-status-widget .status-field .bottom {
  border-radius: 0 0 46px 46px;
}
.project-status-widget .h-separator {
  top: 50px;
  width: 150px;
}
.project-status-widget .status-field.status .status-text {
  font-size: 0.9rem;
  top: 38px;
}

.status-block {
  position: relative;
  width: 152px;
}
.status-block.dates {
  width: 158px;
}
.status-block.dates .h-separator {
  width: 156px;
}
.status-block.status {
  margin-left: 8px;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.vertical-line {
  width: 5px;
  background-color: rgb(170, 170, 170);
  display: block;
  /* margin-right: 20px; */
  margin-left: 8px;
}

.horizontal-line {
  display: block;
  position: absolute;
  border: 1px solid rgb(170, 170, 170);
  left: 12px;
  width: 32px;
}
.saveButton {
  color: #ffffff;
  font-size: 12px;
  background: #0098D2;
  border: 0 rgba(0,0,0,0);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 3px;
}
.saveButton:hover {
  background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.saveButton:active {
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
  letter-spacing: 0.3px ;
}
.saveButton:focus {
  outline:0;
}
.saveButton[disabled] {
  background-image: none;
  opacity: .4;
  cursor: not-allowed;
}
.flex-sp-bet {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.delay-reason {
  border: 1px solid grey;
  padding: 10px 10px;
  width: 400px;
  font-size: 12px;
}

.description-field {
  border-color: #ccc;
  padding: 4px;
  width: 100%;
  height: 14px;
  resize: none;
 }

 .buttonGroup {
  display: flex;
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 20px;
}

.rejectButton {
  color: #ffffff;
  font-size: 12px;
  background: #d20000;
  border: 0 rgba(0,0,0,0);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 3px;
}
.rejectButton:hover {
  background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.rejectButton:active {
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
  letter-spacing: 0.3px ;
}
.rejectButton:focus {
  outline:0;
}

.approveButton {
  color: #ffffff;
  font-size: 12px;
  background: #00d266;
  border: 0 rgba(0,0,0,0);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 3px;
}
.approveButton:hover {
  background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.approveButton:active {
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
  letter-spacing: 0.3px ;
}
.approveButton:focus {
  outline:0;
}


.underline-hover:hover {
  text-decoration: underline;
}
.header {
  cursor: pointer;
}

.header:hover {
  text-decoration: underline;
}

.deletedGrey {
  color: #6f6f6f;
  pointerEvents: none;
  cursor: default;
}
/* .table-container {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.tablehead-container {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
  display: table;
  table-layout: fixed;
}
.tablebody-container {
  flex: 1 1 auto;
  display: block;
  overflow-y: scroll;
  max-height: 320px;
} */

.grid-container {
  display: grid;
	grid-template-columns: 3fr 0.4fr 0.5fr 0.6fr 1fr 1fr 1fr;
	max-height:350px;
  overflow:auto;
  font-size: 0.9rem;
}
.grid-container .header {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
  font-weight: bold;
  vertical-align: middle;
  position:sticky;
  top:0;
  cursor: pointer;
  background-color: #f7f9fc;
}
.grid-container .header:hover {
  text-decoration: underline;
}

.grid-container .cell {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;

}
.grid-container .cell.odd-row {
  background-color:#f7f9fc;
}

.underline-hover:hover {
  text-decoration: underline;
}
.header {
  cursor: pointer;
}
.header:hover {
  text-decoration: underline;
}
/* .table-container {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.tablehead-container {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
  display: table;
  table-layout: fixed;
}
.tablebody-container {
  flex: 1 1 auto;
  display: block;
  overflow-y: scroll;
  max-height: 320px;
} */

.grid-container_constraint {
  display: grid;
	grid-template-columns: 1.5fr 1.5fr 0.4fr 0.4fr 0.6fr 0.75fr 0.75fr 1fr;
	max-height:350px;
  overflow:auto;
  font-size: 0.9rem;
  margin-top: 10px;
}
.grid-container_constraint .header {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
  font-weight: bold;
  vertical-align: middle;
  position:sticky;
  top:0;
  cursor: pointer;
  background-color: #f7f9fc;
}
.grid-container_constraint .header:hover {
  text-decoration: underline;
}

.grid-container_constraint .cell {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
}

.grid-container_constraint .cell.odd-row {
  background-color:#f7f9fc;
}



.fs-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  width: 100%;
}

.fs-card{
  background-color: white;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07);
  padding:16px 16px;
  border-radius: 4px;
  display: flex;
}

.fs-title{
  font-size: 25px;
  margin-bottom: 8px;
  font-weight: 500;
}

.fs-subtitle{
  font-size: 14px;
}
.flow-container{
  padding: 0 2rem;
}

.flow-content{
  padding: 2rem 0;
}

.flow-tabs{
  padding-top: 40px;
}

.wigt-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.07);
  background-color: white;
  margin-top: 24px;
}

.wigt-header {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 500;
  justify-content: center;
}

.tbl-content{
  width: 100%;
}

.tbl-header{
  font-size: 10px;
  color: #727272;
  padding: 0 10px;
}

.tbl-activityName {
  font-weight: 500;
  margin-bottom: 4px;
}

.tbl-parentChain {
  font-size: 11px;
}

.tbl-items {
  padding: 0 10px;
}

.tbl-redLabel {
  color: red;
  padding: 0 10px;
}

.tbl-nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #727272;
}

.anchorTag {
  color: #2e3e46;
  text-decoration: none;
}

.anchorTag:hover {
  text-decoration: underline;
}



.tab-text-week-item {
  text-decoration: none;
  margin: 12px 12px 16px;
}

.rectangle-week-item {
  width: 106px;
  height: 106px;
  border: 1px solid #484848;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rectangle-week-item:hover {
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
}

.dates-week-item {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: normal;
  text-align: center;
  color: #484848;
}

.line-week-item {
  width: 70px;
  height: 0px;
  border: solid 1px #707070;
  margin-top: 11px;
}

.week-number-week-item {
  font-size: 1rem;
  color: #484848;
  margin-top: 7px;
}
.header-widget-common {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 1rem;
  height: 36px;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
}

.plan-reliability-header {
  height: 54px;
  line-height: 22px;
}

.past-week:focus {
  outline: 0;
}

.past-week {
  display: flex;
}

.past-week-button {
  cursor: pointer;
  outline: 0;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version; currently
                                  supported by Chrome and Opera */
}

.arrow-down-weekly {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #2e3e46;
  display: flex;
  margin: 4px 3px;
}

.tab-text-weekly {
  font-size: 0.85rem;
  color: #2e3e46;
}

.button-weekly {
  width: 90px;
  height: 28px;
  /* border-radius: 4px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1px;
  outline: 0;
}

.tab-container-weekly {
  background-color: #ffffff;
}

.tabs-weekly {
  display: flex;
  margin-left: 2rem;
}

.link-weekly {
  text-decoration: none;
}

.current-week-label {
  color: #2e3e46;
  padding: 14px 2rem 0px;
  font-size: 0.875rem;
}

.dates-week-label {
  font-weight: bold;
}
.flex-container {
  width: 800px;
  color: #484848;
}

.center-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-size {
  width: 106px;
  height: 53px;
  font-size: 0.85rem;
}

.box-size-text {
  width: 100px;
}

.circle-common {
  border: 1px solid #3777b0;
  font-size: 0.85rem;
  font-weight: normal;
}

.half-circle-top {
  width: 106px;
  height: 53px;
  border-radius: 106px 106px 0 0;
  border-bottom: 0;
}

.half-circle-bottom {
  width: 106px;
  height: 53px;
  border-radius: 0 0 106px 106px;
  border-top: 0;
  background: #3777b0;
  color: #ffffff;
}

.full-circle-hollow {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  flex-direction: column;
}

.type-container {
  font-size: 0.85rem;
}

.horizontal-line-status {
  width: 100%;
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #ccc;
}

/* @media screen and (min-width: 1441px) {
  .horizontal-line-status {
    width: 338px;
  }
  .box-size {
    width: 220px;
  }
} */

.arrow-container {
  flex: 1;
}

.arrow-common {
  margin: 0 10px;
}

.arrow-right {
  width: 0;
  height: 0;
  padding-left: 5px;
  border-left: 10px solid #ccc;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.arrow-left {
  width: 0;
  height: 0;
  padding-right: 5px;
  border-right: 10px solid #ccc;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.status-type {
  font-size: 0.9rem;
}

.status-common {
  margin-top: 10px;
  font-size: 0.85rem;
  font-weight: bold;
}

.dotted-horizontal-line {
  border-top: 1px dotted #3777b0;
}

.dotted-horizontal-line-left {
  margin-left: 20px;
}

.dotted-horizontal-line-right {
  margin-right: 20px;
}
.week-summary-container {
  display: flex;
}

.container-rate-progress {
  display: flex;
}

.arrow-container-rate-progress {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
}

.vertical-line-rate-progress {
  width: 8px;
  height: 300px;
  background-color: #484848;
}

.triangel-up-rate-progress {
  margin-top: 30px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #484848;
}

.horizontal-right-line-rate-progress {
  width: 50px;
  border: solid 1px #fadd00;
  margin-left: -14px;
}

.horizontal-left-line-rate-progress {
  width: 50px;
  border: solid 1px #ff6500;
  margin-right: -14px;
  z-index: 0;
}

.triangle-left-rate-progress {
  border-top: 5px solid transparent;
  border-right: 10px solid #fadd00;
  border-bottom: 5px solid transparent;
  margin-left: -2px;
}
.triangle-right-rate-progress {
  border-top: 5px solid transparent;
  border-left: 10px solid #ff6500;
  border-bottom: 5px solid transparent;
  margin-right: -2px;
}

.right-value-container {
  margin-bottom: -3px;
  font-size: 0.875rem;
  font-weight: bold;
}

.left-value-container {
  margin-bottom: -3px;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: end;
}

.right-text-container {
  font-size: 0.875rem;
  margin-left: 6px;
}

.left-text-container {
  font-size: 0.875rem;
  margin-right: 6px;
}

.absolute-position {
  position: absolute;
}
.margin-left-rate-progress {
  margin-left: -140px;
}

.margin-left-rate-progress.required-rate {
  margin-left: -156px;
}


.align-center{
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 100px);
}
.container-commitment-reliability {
  width: 100%;
  display: flex;
  padding: 10px;
  height: 294px;
}

.cpr-container-commitment-reliability {
  width: 31%;
}

.other-container-commitment-reliability {
  display: flex;
  flex-direction: column;
  width: 23%;
}

.legend-box-commitment-reliability {
	height: 10px;
	width: 10px;
	display: inline-block;
}

.legend-commitment-reliability {
  font-size: 0.85rem;
  padding: 0 10px;
  margin-left: 10px;
  margin-top: -15px;
  line-height: 16px;
}
.days-suffix {
  font-size: 0.75rem;
  font-weight: normal;
}
.header {
  cursor: pointer;
}
.header:hover {
  text-decoration: underline;
}
.select-box-container {
  width: 340px;
  font-size: 0.75rem;
}

.top-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.shortfall-container {
  width: 27%;
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding-right: 12px;
}

.graph-container {
  width: 40%;
}

.graph-table-container {
  width: 60%;
  margin-right: 4px;
}

.graph-vertical-line {
  height: 336px;
  width: 1px;
  background-color: #aaa;
  display: block;
  margin: 0 20px;
}

.tabs-table {
  display: flex;
  width: 96%;
  padding: 0 2% 2% 0;
}

.tabs-button {
  font-size: 0.75rem;
  width: 18%;
  height: 18px;
  padding: 5px;
  margin-left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #979797;
  cursor: pointer;
  outline: 0;
}

.tabs-button:hover {
  background-color: #e6e6e6;
}

.table-container {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}

.thead-container {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
  display: table;
  table-layout: fixed;
}

.tbody-container {
  flex: 1 1 auto;
  display: block;
  overflow-y: scroll;
  height: 250px;
}

.tbody-tr-container {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.header {
  cursor: pointer;
}

.header:hover {
  text-decoration: underline;
}
.week-summary-container {
  display: flex;
}

.single-widget-container {
  width: 33.3%;
  margin: 0.5rem;
}
.week-summary-container {
  display: flex;
}

.single-widget-container {
  width: 33.3%;
  margin: 0.5rem;
}
.underline-hover:hover {
  text-decoration: underline;
}

.delete-grid-container {
  display: grid;
	grid-template-columns: 1.5fr 3fr 1fr 1fr;
	max-height:350px;
  overflow:auto;
  font-size: 0.9rem;
}

.delete-grid-container .header {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
  font-weight: bold;
  vertical-align: middle;
  position:sticky;
  top:0;
  background-color: #f7f9fc;
}

.delete-grid-container .cell {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;

}
.delete-grid-container .cell.odd-row {
  background-color:#f7f9fc;
}

@media only screen and (max-width: 1240px) {
  .hide-element {
    display: none;
  }
}
.tab-container {
  display: flex;
  align-items: center;
  padding: 32px 2rem 18px;
}

.tabs {
  display: flex;
  margin-right: 50px;
}

.project-name {
  font-size: 1.125rem;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
}

.link {
  text-decoration: none;
}

.tab-text {
  font-size: 0.85rem;
  color: #2e3e46;
}

.button {
  width: 90px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: solid 1px #2e3e46;
}

/* .overview {
  border-radius: 4px 0 0 4px;
} */

.weekly {
  /* border-radius: 0 4px 4px 0; */
  margin-left: -1px;
}

.row{
  display: flex;
  align-items: center;
}

.label{
  margin-left: 8px;
}


.logo{
  height: 30px;
  margin-left: 12px;
}
.btn-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  height: 32px;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.tab-radio{
  display: none;
}

.tab-group{
  display: flex;
  align-items: center;
  gap: 24px;
}

.tab-label{
  border-bottom: 2px solid transparent;
  padding-bottom: 8px;
  font-weight: 500;
}

.tab-radio:checked + .tab-label{
  border-bottom-color: #E9624A;
}


.pd-item {
  display: grid;
  grid-template-columns: 40% 30% 10% 20%;
  padding: 12px 0 ;
  border-bottom: 2px solid #f4f4f4;
}

.pd-item:first-child {
  border-bottom: 2px solid #f4f4f4;
}

.pd-item:last-child {
  border-bottom: none;
}
.ptd-item {
  display: grid;
  grid-template-columns: 40% 30% 30%;
  padding: 12px 0 ;
  border-bottom: 2px solid #f4f4f4;
}

.ptd-item:last-child {
  border-bottom: none;
}

.ptd-item:first-child {
  border-bottom: 2px solid #f4f4f4; 
}

.cw-item {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 12px 0 ;
  border-bottom: 2px solid #f4f4f4;
}

.cw-item:last-child {
  border-bottom: none;
}

.cw-item:first-child {
  border-bottom: 2px solid #f4f4f4; 
}

.dr-item {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  padding: 12px 0 ;
  border-bottom: 2px solid #f4f4f4;
}

.dr-item:last-child {
  border-bottom: none;
}

.dr-item:first-child {
  border-bottom: 2px solid #f4f4f4; 
}

.c-level__dashboard {

}

.c-level__widge_body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background-color: #f5f8ff;
  display: flex;
}

.c-level__header-widget-common {
  font-size: 1.6rem;
  /* text-align: ; */
  margin-bottom: 1rem;
  height: 36px;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
}

.c-level__widget-container {
  padding: 1rem;
  padding-top: 1rem;
  flex: 1;
}


.c-level__widget {
  padding-top: 2rem;
}

.c-level__section {
  padding: 8px;
  display: flex;
   /* justify-content: center; */
  /* 1282415661880 */
}

.c-level__content-row {
  display: flex;
  justify-content: center;
  flex: 1;
}

.c-level__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-level__table {
  font-size: 0.9rem;
  width: 100%;
  text-align: left;
}

.c-level__table th {
  font-weight: bold;
  vertical-align: middle;
}

.c-level__table tbody td {
  font-size: 0.85rem;
}

.c-level__table td,
.c-level__table th {
  padding: 0.4rem 0.4rem;
  line-height: 1.4;
}

.c-level__table tr:nth-child(even) {
  background-color: #edf4ff;
}

.c-level__table thead tr {
  background-color: #edf4ff;
}

.c-level__marginSmall {
  margin-bottom: 8px;
}

.c-level__marginMedium {
  margin-bottom: 12px;
}

.c-level__marginLarge {
  margin-bottom: 16px;
}

.c-level__icon {
  margin-right: 6px;
}

/*# sourceMappingURL=main.f0dc0a5a.css.map*/