html {
  overflow-y: hidden; }

body {
  font-family: Roboto, sans-serif; }

.cursor-pointer {
  cursor: pointer; }

.wsnw {
  white-space: nowrap; }

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

.application.theme--light a.text-link {
  color: #333333; }

.application.theme--dark a.text-link {
  color: white; }

.v-btn--floating.v-btn--small.v-btn--floating-small {
  height: 32px;
  width: 32px; }

.v-btn--floating.v-btn--small.v-btn--floating-small .material-icons {
  font-size: 20px; }

table.v-table.v-table--compact tbody td,
table.v-table.v-table--compact tbody th {
  height: 34px; }

.isotope-container {
  margin: 0 auto; }

.v-btn.pj-drag-active,
.pj-drag-active {
  color: white !important;
  background-color: #333333 !important; }

img.pj-drag-active {
  filter: grayscale(75%) blur(5px); }

.w-200 .grid-sizer,
.w-200 .item {
  width: 200px; }

.w-200 .item {
  margin-bottom: 20px; }

.w-200 .gutter {
  width: 20px; }

.w-250 .grid-sizer,
.w-250 .item {
  width: 250px; }

.w-250 .item {
  margin-bottom: 25px; }

.w-250 .gutter {
  width: 25px; }

.w-300 .grid-sizer,
.w-300 .item {
  width: 300px; }

.w-300 .item {
  margin-bottom: 30px; }

.w-300 .gutter {
  width: 30px; }

.w-350 .grid-sizer,
.w-350 .item {
  width: 350px; }

.w-350 .item {
  margin-bottom: 35px; }

.w-350 .gutter {
  width: 35px; }

.w-400 .grid-sizer,
.w-400 .item {
  width: 400px; }

.w-400 .item {
  margin-bottom: 40px; }

.w-400 .gutter {
  width: 40px; }

.w-450 .grid-sizer,
.w-450 .item {
  width: 450px; }

.w-450 .item {
  margin-bottom: 45px; }

.w-450 .gutter {
  width: 45px; }

.w-500 .grid-sizer,
.w-500 .item {
  width: 500px; }

.w-500 .item {
  margin-bottom: 50px; }

.w-500 .gutter {
  width: 50px; }

.w-550 .grid-sizer,
.w-550 .item {
  width: 550px; }

.w-550 .item {
  margin-bottom: 55px; }

.w-550 .gutter {
  width: 55px; }

.w-600 .grid-sizer,
.w-600 .item {
  width: 600px; }

.w-600 .item {
  margin-bottom: 60px; }

.w-600 .gutter {
  width: 60px; }

.item {
  position: relative;
  cursor: pointer;
  opacity: 0;
  transition: .4s opacity; }

.item.pj-visible {
  opacity: 1; }

.item img {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.item .todo-amount {
  position: absolute;
  left: 3px;
  bottom: 13px;
  color: white;
  background-color: #EF5350;
  border-radius: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold; }

.item .time-bar {
  display: flex;
  background-color: lightgrey;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 6px;
  left: 0; }

.item .time-bar .green,
.item .time-bar .orange,
.item .time-bar .red {
  height: 4px; }

.item .time-bar .green {
  background-color: #66BB6A; }

.item .time-bar .orange {
  background-color: #FFCA28; }

.item .time-bar .red {
  background-color: #EF5350; }

.item .overlay {
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  transition: .5s all;
  pointer-events: none; }

.item .overlay.-top {
  top: 0;
  text-align: center;
  padding: 8px 12px;
  opacity: .85; }

.item .overlay.-bottom {
  bottom: 6px;
  padding: 4px 12px;
  opacity: 0;
  text-align: center; }

.item .overlay.-bottom i {
  margin-right: 6px; }

.item .overlay .user:first-of-type .comma {
  display: none; }

.item .play-container {
  position: absolute;
  bottom: 8px;
  right: 0;
  opacity: 0;
  transition: .3s all;
  z-index: 1; }

.item:hover .overlay {
  opacity: .85; }

.item:hover .play-container {
  opacity: 1; }

.application--wrap {
  flex-direction: row; }

aside {
  width: 178px;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  max-height: 100vh; }

aside .title {
  text-align: center; }

aside > div {
  padding: 8px 0; }

aside > div:first-of-type {
  padding-top: 0; }

aside h4 {
  margin-bottom: 8px; }

aside .images-size {
  display: flex;
  align-items: center;
  width: 90%;
  margin: auto; }

aside .images-size .text {
  flex-grow: 1; }

aside .images-size .v-btn {
  min-width: initial;
  width: 32px; }

aside .status ul, aside .status li {
  margin: 0;
  padding: 0; }

aside .status ul {
  justify-content: center;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  flex-wrap: wrap; }

aside .status > a {
  display: flex;
  color: #333;
  text-decoration: none; }

aside .status li,
aside .status > a {
  width: 90%;
  list-style: none;
  background-color: white;
  color: #333;
  border-radius: 4px;
  margin: 0 auto 6px;
  padding: 3px 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: .3s all;
  cursor: pointer; }

aside .status li.selected,
aside .status > a.selected {
  background-color: #1976d2;
  color: white; }

aside .status li.discreet,
aside .status > a.discreet {
  opacity: .8;
  font-style: italic; }

aside .status li.user,
aside .status > a.user {
  display: flex;
  align-items: center; }

aside .status li.user, aside .status li.tag,
aside .status > a.user,
aside .status > a.tag {
  width: auto;
  padding-left: 7px;
  padding-right: 7px;
  margin-left: 2px;
  margin-right: 2px; }

aside .status li .number,
aside .status > a .number {
  opacity: .5; }

aside .status li i,
aside .status > a i {
  margin-right: 4px;
  opacity: .5;
  font-size: 20px; }

aside .status li span,
aside .status > a span {
  pointer-events: none; }

main {
  flex-grow: 1;
  padding: 24px 10px;
  max-height: 100vh;
  overflow-y: auto; }

main.tracking {
  padding-top: 62px; }

.application.theme--light main {
  background-color: white; }

.v-card__title {
  padding-bottom: 0;
  justify-content: center; }

.edit-content {
  display: flex;
  flex-direction: row; }

.edit-content .image,
.edit-content .edition {
  flex: 0 0; }

.edit-content .image img:not(.file-preview-img),
.edit-content .edition img:not(.file-preview-img) {
  width: 100%; }

.edit-content .image {
  flex-basis: 40%; }

.edit-content .edition {
  flex-basis: 60%;
  padding-right: 16px;
  padding-left: 16px; }

.edit-content .edition .v-messages {
  display: none; }

.edit-content .edition .v-subheader {
  text-transform: uppercase; }

.edit-content .image-wrapper {
  position: relative; }

.edit-content .image-wrapper .over-buttons {
  position: absolute;
  opacity: 0;
  transition: .3s all;
  width: 100%; }

.edit-content .image-wrapper .over-buttons.-top {
  top: 0; }

.edit-content .image-wrapper .over-buttons.-bottom {
  bottom: 5px; }

.edit-content .image-wrapper:hover .over-buttons {
  opacity: 1; }

.edit-content .tags .v-text-field__details,
.edit-content .notes .v-text-field__details {
  display: none; }

.status-user {
  display: flex; }

.status-user .status,
.status-user .user {
  flex: 1 1;
  padding: 6px 6px 0; }

.status-user .status {
  flex-basis: 60%; }

.status-user .user {
  flex-basis: 40%; }

.taglist .number {
  opacity: .5; }

.todo-list .todo-item .controls i,
.todo-list .v-list__tile .controls i,
.files .todo-item .controls i,
.files .v-list__tile .controls i {
  opacity: .3;
  transition: .3s all;
  cursor: pointer;
  line-height: 1.5; }

.todo-list .todo-item .controls i.img,
.todo-list .v-list__tile .controls i.img,
.files .todo-item .controls i.img,
.files .v-list__tile .controls i.img {
  color: #1976d2;
  opacity: .7; }

.todo-list .todo-item .controls a,
.todo-list .v-list__tile .controls a,
.files .todo-item .controls a,
.files .v-list__tile .controls a {
  color: rgba(0, 0, 0, 0.87); }

.todo-list .todo-item:hover .controls i,
.todo-list .v-list__tile:hover .controls i,
.files .todo-item:hover .controls i,
.files .v-list__tile:hover .controls i {
  opacity: .6; }

.todo-list .todo-item:hover .controls i:hover,
.todo-list .v-list__tile:hover .controls i:hover,
.files .todo-item:hover .controls i:hover,
.files .v-list__tile:hover .controls i:hover {
  opacity: .9; }

.todo-list .todo-item:hover .controls i.img,
.todo-list .v-list__tile:hover .controls i.img,
.files .todo-item:hover .controls i.img,
.files .v-list__tile:hover .controls i.img {
  opacity: .9; }

.todo-list .todo-item:hover .controls i.img:hover,
.todo-list .v-list__tile:hover .controls i.img:hover,
.files .todo-item:hover .controls i.img:hover,
.files .v-list__tile:hover .controls i.img:hover {
  opacity: 1; }

.theme--dark .todo-list .todo-item .controls a {
  color: white; }

.theme--dark .todo-list .todo-item .controls a i.img {
  color: #81b4e6; }

.todo-list {
  margin-top: 12px;
  margin-bottom: 12px; }

.todo-list header {
  font-weight: 500;
  padding: 0 16px;
  font-size: 12px;
  text-transform: uppercase; }

.todo-list .todo-list-scroll-wrapper {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-height: 330px;
  overflow-y: auto;
  margin-right: -32px;
  padding-right: 16px; }

.todo-list .new-item-form .v-text-field {
  margin-top: 0; }

.todo-list .v-input--checkbox {
  margin-top: 0px; }

.todo-list .v-input__slot {
  margin-bottom: 8px; }

.todo-list .v-input--selection-controls__input {
  margin-right: 12px; }

.todo-list .v-input--selection-controls__ripple {
  margin: 0 7px; }

.todo-list .todo-item {
  display: flex;
  align-items: center;
  flex: 0 0; }

.todo-list .todo-item:not(:last-of-type) {
  margin-bottom: 5px; }

.todo-list .todo-item .text {
  flex-grow: 1; }

.todo-list .todo-item .text .date {
  opacity: .5;
  font-size: .85em;
  display: block;
  margin-bottom: -4px; }

.todo-list .todo-item .text.done {
  text-decoration: line-through; }

.todo-list .todo-item .controls {
  display: flex;
  padding-left: 6px; }

.todo-list .todo-item .controls i {
  margin: 0 2px; }

.application.theme--light .todo-list header {
  color: rgba(0, 0, 0, 0.54); }

.files .v-btn--floating {
  margin-left: 16px; }

.files .v-list__tile {
  position: relative;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0; }

.files .v-list__tile .file-preview {
  display: block;
  position: absolute;
  right: 0;
  bottom: 90%; }

.files .v-list__tile .file-preview img {
  background-color: white; }

.files .v-list__tile__sub-title {
  font-size: .85em;
  margin-bottom: -4px; }

.files .v-list__tile__action--stack {
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.search-button-container,
.calendar-button-container {
  position: fixed;
  right: 16px; }

.search-button-container {
  top: 6px; }

.calendar-button-container {
  bottom: 6px; }

.search-container {
  position: fixed;
  top: 0;
  left: 178px;
  right: 0;
  display: flex;
  justify-content: center;
  pointer-events: none; }

.search-container .v-input {
  pointer-events: initial;
  width: 220px;
  flex-grow: 0;
  margin-top: 0;
  padding: 4px 16px 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.search-container .v-input.theme--light {
  background-color: #fafafa; }

.search-container .v-input.theme--dark {
  background-color: #333; }

.search-container .v-input .v-text-field__details {
  display: none; }

.calendar-card .v-card__text {
  padding-left: 0;
  padding-right: 0; }

.calendar-card .v-calendar-weekly__day {
  min-height: 60px;
  max-height: 160px;
  overflow-y: auto;
  padding-top: 24px; }

.calendar-card .v-calendar-weekly__day-label {
  height: 24px;
  width: 24px;
  line-height: 24px; }

.calendar-card .v-calendar-weekly__day.v-present .v-calendar-weekly__day-label {
  border: none;
  font-weight: bold; }

.calendar-card .my-event {
  border-radius: 2px;
  width: 100%;
  font-size: 12px;
  padding: 3px 4px;
  margin-bottom: 1px;
  background-color: white; }

.calendar-card .my-event.done {
  text-decoration: line-through;
  opacity: .4; }

.calendar-card .my-event:not(.colorWeekNumber) {
  cursor: pointer;
  border: 1px solid #1976d2;
  color: #1976d2; }

.calendar-card .my-event:not(.deployed) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.calendar-card .my-event.colorWeekNumber {
  position: absolute;
  top: 2px;
  right: 3px;
  width: 42px;
  padding: 1px 2px;
  text-align: center;
  opacity: .66;
  background-color: #64b5f6;
  color: white; }

.calendar-card .my-event.color0 {
  color: #d32f2f;
  border-color: #d32f2f; }

.calendar-card .my-event.color1 {
  color: #c2185b;
  border-color: #c2185b; }

.calendar-card .my-event.color2 {
  color: #7b1fa2;
  border-color: #7b1fa2; }

.calendar-card .my-event.color3 {
  color: #512da8;
  border-color: #512da8; }

.calendar-card .my-event.color4 {
  color: #303f9f;
  border-color: #303f9f; }

.calendar-card .my-event.color5 {
  color: #0288d1;
  border-color: #0288d1; }

.calendar-card .my-event.color6 {
  color: #0097a7;
  border-color: #0097a7; }

.calendar-card .my-event.color7 {
  color: #00796b;
  border-color: #00796b; }

.calendar-card .my-event.color8 {
  color: #388e3c;
  border-color: #388e3c; }

.calendar-card .my-event.color9 {
  color: #689f38;
  border-color: #689f38; }

.calendar-card .v-calendar-weekly__day-label {
  cursor: initial; }

.calendar-card .v-calendar-weekly__day-label:hover {
  text-decoration: none; }

.calendar-card .calendar1,
.calendar-card .calendar2 {
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0; }

.calendar-card .calendar1 .v-calendar-weekly__day.v-outside,
.calendar-card .calendar2 .v-calendar-weekly__day.v-outside {
  overflow: hidden; }

.calendar-card .calendar1 .v-calendar-weekly__day.v-outside *,
.calendar-card .calendar2 .v-calendar-weekly__day.v-outside * {
  opacity: 0;
  pointer-events: none; }

.calendar-card .calendar1 .v-present,
.calendar-card .calendar2 .v-present {
  background-color: rgba(33, 150, 243, 0.4); }

.application.theme--dark .my-event {
  color: white !important;
  background-color: #303030; }

#report-wrapper {
  max-height: 100vh;
  overflow-y: auto; }

#report-wrapper .data-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 760px; }

#report-wrapper tbody tr:first-of-type {
  opacity: .7;
  font-style: italic; }

#report-wrapper th {
  padding: 0 12px; }

#report-wrapper th .material-icons {
  vertical-align: middle;
  font-size: 14px; }

#report-wrapper thead th {
  white-space: initial; }

#report-wrapper td:not(.project-title) {
  padding: 0 12px;
  text-align: center; }

#report-wrapper .classic-link {
  color: inherit;
  text-decoration: initial; }

#report-wrapper .classic-link:hover {
  text-decoration: underline; }

#report-wrapper .project-title {
  width: 99%;
  text-align: right;
  cursor: pointer; }

#report-wrapper .project-title strong {
  display: inline-block;
  white-space: nowrap;
  max-width: 30ch;
  text-overflow: ellipsis;
  overflow: hidden; }

#report-wrapper tr {
  border-bottom: 1px solid rgba(140, 140, 140, 0.25); }

#report-wrapper tr > *:not(.project-title) {
  width: 1%; }

/*
** Recap modal styling
** (HTML is in index.html)
*/
table.recap-table tbody td {
  height: 36px; }

table.recap-table tbody .status-line {
  padding-top: 12px; }

.pj-icon-start,
.pj-icon-end {
  font-size: 20px; }

.tracking-widget {
  position: fixed;
  left: 178px;
  top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tracking-widget.active {
  padding: 4px 6px 4px 10px;
  z-index: 1; }

.tracking-widget > div {
  display: flex;
  align-items: center;
  justify-content: center; }

.tracking-widget > div > * {
  margin-left: 3px;
  margin-right: 3px; }

.tracking-widget .v-text-field {
  padding-top: 0;
  max-width: 140px; }

.tracking-widget .v-text-field__details {
  display: none; }

.popup-app {
  max-height: 100vh;
  overflow-y: auto; }

.tracking-widget-popup {
  padding: 4px 6px 4px 10px;
  width: 100%;
  justify-content: center; }

.tracking-widget,
.tracking-widget-popup {
  display: flex;
  align-items: center; }

.tracking-widget .stop .v-btn--small,
.tracking-widget .restart .v-btn--small,
.tracking-widget-popup .stop .v-btn--small,
.tracking-widget-popup .restart .v-btn--small {
  height: 26px;
  width: 26px;
  margin: 3px 4px; }

.tracking-widget .stop .v-btn--small i,
.tracking-widget .restart .v-btn--small i,
.tracking-widget-popup .stop .v-btn--small i,
.tracking-widget-popup .restart .v-btn--small i {
  font-size: 16px; }

.tracking-widget .stop,
.tracking-widget-popup .stop {
  padding-left: 8px; }

.tracking-widget .restart-container,
.tracking-widget-popup .restart-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 98%; }

.tracking-widget .restart-container .restart,
.tracking-widget-popup .restart-container .restart {
  display: flex;
  align-items: center;
  border: 1px solid lightgrey;
  padding: 2px 6px 2px 10px;
  border-radius: 4px;
  margin: 4px; }

.tracking-widget .restart-container .restart .v-btn--small,
.tracking-widget-popup .restart-container .restart .v-btn--small {
  margin-left: 12px; }

.application.theme--light .tracking-widget,
.application.theme--light .tracking-widget-popup {
  background-color: white; }

.application.theme--dark .tracking-widget,
.application.theme--dark .tracking-widget-popup {
  background-color: #555555; }

.item-tracking {
  padding-top: 8px; }

.item-tracking header {
  display: flex;
  align-items: center; }

.item-tracking header > * {
  flex: 0 0 50%; }

.item-tracking header h3 {
  padding-left: 4px; }

.item-tracking header i {
  vertical-align: top;
  margin-right: 4px; }

.item-tracking header .v-text-field__details {
  display: none; }

.item-tracking table {
  margin-top: 12px;
  margin-bottom: 16px; }

.item-tracking table thead tr {
  height: 32px; }

.item-tracking table th:not(.progress-th),
.item-tracking table td {
  padding-left: 16px !important;
  padding-right: 16px !important;
  text-align: center; }

.item-tracking table td:nth-of-type(2),
.item-tracking table td:nth-of-type(3) {
  border-left: 1px solid rgba(0, 0, 0, 0.12); }

.item-tracking table td:nth-of-type(3),
.item-tracking table td:nth-of-type(5),
.item-tracking table td:last-of-type {
  padding-right: 0 !important;
  text-align: center; }

.item-tracking table td:nth-of-type(4),
.item-tracking table td:nth-of-type(6) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center; }

.item-tracking table .v-btn--small {
  height: 22px;
  width: 22px; }

.item-tracking table .v-btn--small i {
  font-size: 14px; }

.v-btn.v-btn--outline {
  border-width: 2px; }

.select-user-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px; }

.select-user {
  border: 1px solid gray;
  margin: 8px 16px;
  padding: 8px 12px;
  display: flex;
  flex-grow: 0;
  cursor: pointer;
  border-radius: 32px; }

.select-user i {
  margin-right: 4px; }

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */