/* BUTTONS */

.button,
button,
input[type="button"],
input[type="image"],
input[type="reset"],
input[type="submit"] {
  background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: linear-gradient(top, #f5f5f5, #f1f1f1);
  border: 1px solid #dcdcdc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  cursor: default;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 29px;
  line-height: 27px;
  margin: 0;
  min-width: 72px;
  outline: 0;
  padding: 0 8px;
  text-align: center;
  white-space: nowrap;
}

.button {
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
}

.button.action,
.button.blue,
button.action,
button.blue,
input[type="button"].action,
input[type="button"].blue,
input[type="submit"].action,
input[type="submit"].blue {
  background: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background: -o-linear-gradient(top, #4d90fe, #4787ed);
  background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff;
}

.button.create,
.button.red,
button.create,
button.red,
input[type="button"].create,
input[type="button"].red,
input[type="submit"].create,
input[type="submit"].red {
  background: -moz-linear-gradient(top, #dd4b39, #d14836);
  background: -ms-linear-gradient(top, #dd4b39, #d14836);
  background: -o-linear-gradient(top, #dd4b39, #d14836);
  background: -webkit-linear-gradient(top, #dd4b39, #d14836);
  background: linear-gradient(top, #dd4b39, #d14836);
  border: 1px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .1);
  text-transform: uppercase;
}

.button.green,
.button.share,
button.green,
button.share,
input[type="button"].green,
input[type="button"].share,
input[type="submit"].green,
input[type="submit"].share {
  background: -moz-linear-gradient(top, #3d9400, #398a00);
  background: -ms-linear-gradient(top, #3d9400, #398a00);
  background: -o-linear-gradient(top, #3d9400, #398a00);
  background: -webkit-linear-gradient(top, #3d9400, #398a00);
  background: linear-gradient(top, #3d9400, #398a00);
  border: 1px solid #29691d;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .1);
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="image"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  color: #111;
  text-decoration: none;
}

.button.action:hover,
.button.blue:hover,
button.action:hover,
button.blue:hover,
input[type="button"].action:hover,
input[type="button"].blue:hover,
input[type="submit"].action:hover,
input[type="submit"].blue:hover {
  background: -moz-linear-gradient(top, #4d90fe, #357ae8);
  background: -ms-linear-gradient(top, #4d90fe, #357ae8);
  background: -o-linear-gradient(top, #4d90fe, #357ae8);
  background: -webkit-linear-gradient(top, #4d90fe, #357ae8);
  background: linear-gradient(top, #4d90fe, #357ae8);
  border: 1px solid #2f5bb7;
  color: #fff;
}

.button.create:hover,
.button.red:hover,
button.create:hover,
button.red:hover,
input[type="button"].create:hover,
input[type="button"].red:hover,
input[type="submit"].create:hover,
input[type="submit"].red:hover {
  background: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background: -moz-linear-gradient(top, #dd4b39, #c53727);
  background: -ms-linear-gradient(top, #dd4b39, #c53727);
  background: -o-linear-gradient(top, #dd4b39, #c53727);
  background: linear-gradient(top, #dd4b39, #c53727);
  border: 1px solid #b0281a;
  border-bottom: 1px solid #af301f;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #fff;
}

.button.green:hover,
.button.share:hover,
button.green:hover,
button.share:hover,
input[type="button"].green:hover,
input[type="button"].share:hover,
input[type="button"].green:hover,
input[type="submit"].share:hover {
  background: -moz-linear-gradient(top, #3d9400, #368200);
  background: -ms-linear-gradient(top, #3d9400, #368200);
  background: -o-linear-gradient(top, #3d9400, #368200);
  background: -webkit-linear-gradient(top, #3d9400, #368200);
  background: linear-gradient(top, #3d9400, #368200);
  border: 1px solid #2d6200;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .3);
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="image"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  -moz-box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #ccc;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  color: #111;
}

.button.action:active,
.button.blue:active,
button.action:active,
button.blue:active,
input[type="button"].action:active,
input[type="button"].blue:active,
input[type="submit"].action:active,
input[type="submit"].blue:active {
  background: #357ae8;
  border: 1px solid #2f5bb7;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  color: #fff;
}

.button.create:active,
.button.red:active,
button.create:active,
button.red:active,
input[type="button"].create:active,
input[type="button"].red:active,
input[type="submit"].create:active,
input[type="submit"].red:active {
  background: -moz-linear-gradient(top, #dd4b39, #b0281a);
  background: -ms-linear-gradient(top, #dd4b39, #b0281a);
  background: -o-linear-gradient(top, #dd4b39, #b0281a);
  background: -webkit-linear-gradient(top, #dd4b39, #b0281a);
  background: linear-gradient(top, #dd4b39, #b0281a);
  border: 1px solid #992a1b;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  color: #fff;
}

.button.green:active,
.button.share:active,
button.green:active,
button.share:active,
input[type="button"].green:active,
input[type="button"].share:active,
input[type="submit"].green:active,
input[type="submit"].share:active {
  background: #368200;
  border: 1px solid #2d6200;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  color: #fff;
}

.button.disabled,
button:disabled,
input[type="button"]:disabled,
input[type="image"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
  background: #fff;
  border: 1px solid #dcdcdc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  opacity: .5;
}

.button.action.disabled,
.button.blue.disabled,
button.action:disabled,
button.blue:disabled,
input[type="button"].action:disabled,
input[type="button"].blue:disabled,
input[type="submit"].action:disabled,
input[type="submit"].blue:disabled {
  background: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background: -o-linear-gradient(top, #4d90fe, #4787ed);
  background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff;
}

.button.create.disabled,
.button.red.disabled,
button.create:disabled,
button.red:disabled,
input[type="button"].create:disabled,
input[type="button"].red:disabled,
input[type="submit"].create:disabled,
input[type="submit"].red:disabled {
  background: -moz-linear-gradient(top, #dd4b39, #d14836);
  background: -ms-linear-gradient(top, #dd4b39, #d14836);
  background: -o-linear-gradient(top, #dd4b39, #d14836);
  background: -webkit-linear-gradient(top, #dd4b39, #d14836);
  background: linear-gradient(top, #dd4b39, #d14836);
  border: 1px solid transparent;
  color: #fff;
}

.button.green.disabled,
.button.share.disabled,
button.green:disabled,
button.share:disabled,
input[type="button"].green:disabled,
input[type="button"].share:disabled,
input[type="submit"].green:disabled,
input[type="submit"].share:disabled {
  background: -moz-linear-gradient(top, #3d9400, #398a00);
  background: -ms-linear-gradient(top, #3d9400, #398a00);
  background: -o-linear-gradient(top, #3d9400, #398a00);
  background: -webkit-linear-gradient(top, #3d9400, #398a00);
  background: linear-gradient(top, #3d9400, #398a00);
  border: 1px solid #29691d;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .1);
}

.button + .button,
button + button,
input + input {
  margin-left: 12px;
}



/* GANTT */

.gantt .grid-background {
  fill: none; }

.gantt .grid-header {
  fill: #ffffff;
  stroke: #e0e0e0;
  stroke-width: 1.4; }

.gantt .grid-row {
  fill: #ffffff; }

.gantt .grid-row:nth-child(even) {
  fill: #f5f5f5; }

.gantt .row-line {
  stroke: #ebeff2; }

.gantt .tick {
  stroke: #e0e0e0;
  stroke-width: 0.2; }
  .gantt .tick.thick {
    stroke-width: 0.4; }

.gantt .today-highlight {
  fill:  #fcf8e3; 
  opacity: 0.5; }

.gantt .arrow {
  fill: none;
  stroke: #c3c3c3;
  stroke-width: 1.4; }

.gantt .bar {
  fill: #b8c2cc;
  stroke: #8D99A6;
  stroke-width: 0;
  transition: stroke-width .3s ease;
  user-select: none; }

.gantt .bar-progress {
  fill: #2fee8f; } /*#a3a3ff; */

.gantt .bar-invalid {
  fill: transparent;
  stroke: #8D99A6;
  stroke-width: 1;
  stroke-dasharray: 5; }
  .gantt .bar-invalid ~ .bar-label {
    fill: #555; }

.gantt .bar-label {
  fill: #fff;
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 12px;
  font-weight: lighter; }
  .gantt .bar-label.big {
    fill: #555;
    text-anchor: start; }

.gantt .handle {
  fill: #ddd;
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease; }

.gantt .bar-wrapper {
  cursor: pointer;
  outline: none; }
  .gantt .bar-wrapper:hover .bar {
   /* fill:#f16704;*/
    stroke: #ff751f;
  stroke-width: 4;} /*#a9b5c1  COLOR and behavior on Mouse OVER     */
  .gantt .bar-wrapper:hover .bar-progress {
    /*fill: #8a8aff;*/ } /*Color change (now disabled) on progress on mous over */
  .gantt .bar-wrapper:hover .handle {
    visibility: visible;
    opacity: 1; }
  .gantt .bar-wrapper.active .bar {
  /*  fill: #f16704;*/
      stroke: #ff751f;
  stroke-width: 4;} /*#a9b5c1  COLOR on Mouse SELECT (now disabled)    */
  .gantt .bar-wrapper.active .bar-progress {
    /*fill: #8a8aff;*/ } /*Color change (now disabled) on progress on mous over */ 

.gantt .lower-text, .gantt .upper-text {
  font-size: 12px;
  text-anchor: middle; }

.gantt .upper-text {
  fill: #555; }

.gantt .lower-text {
  fill: #333; }

.gantt .hide {
  display: none; }

.gantt-container {
  position: relative;
  overflow: auto;
  font-size: 12px; }
  .gantt-container .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(157, 164, 170); /*rgba(0, 0, 0, 0.8);*/
    padding: 0;
    color: #0c0d0e; 
    border-radius: 5px; }
    .gantt-container .popup-wrapper .title {
      border-bottom: 3px solid #2fee8f; /*#a3a3ff; */
      padding: 10px; }
    .gantt-container .popup-wrapper .subtitle {
      padding: 10px;
      color: #dfe2e5; }
    .gantt-container .popup-wrapper .pointer {
      position: absolute;
      height: 5px;
      margin: 0 0 0 -5px;
      border: hidden; /* 5px solid transparent; 
      border-top-color: rgba(0, 0, 0, 0.8); */}