.add-card {
  display: flex;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em; }
  .add-card i {
    font-size: 4em;
    opacity: .1; }

.item-add md-card {
  padding: 1em; }

.md-dialog-content {
  min-width: 50vw; }
  .md-dialog-content .form-content {
    display: flex;
    flex-direction: column; }

.upload {
  position: relative;
  display: inline-block; }

.upload label {
  cursor: pointer;
  /* width: 90px; */
  height: 90px;
  position: relative;
  display: block;
  border: 1px dashed rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
  transition: background ease .5s;
  pointer-events: none; }

.input-file {
  opacity: 0;
  /*This*/
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.add-image {
  display: flex;
  width: 100%;
  /* margin: 30px auto; */
  text-align: center;
  flex-direction: column;
  padding: 1em; }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden; }

.custom-file-input::before {
  width: 100%;
  height: 6em;
  border: 1px dashed #333;
  padding: 5em; }

.custom-file-input:hover::before {
  border-color: black; }

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }

.item-card {
  outline: 0 !important; }
  .item-card md-card {
    background: white;
    min-height: 200px;
    width: 200px;
    height: 350px; }
    @media only screen and (max-device-width: 480px) {
      .item-card md-card {
        height: 260px; } }
    .item-card md-card .image-container img {
      width: 50px; }
    .item-card md-card .md-headline {
      font-weight: 900; }
    .item-card md-card .md-subhead {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 1em;
      flex: 1; }
  .item-card:hover {
    cursor: pointer; }
  .item-card .card-button {
    display: flex;
    min-width: 0; }
  .item-card .attachments-button {
    color: #46A9D4; }
  .item-card .comments-button {
    color: #46A9D4; }

.badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }

.badge[data-badge]:after {
  content: attr(data-badge);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: red;
  color: white; }

.md-toolbar-tools {
  color: black;
  font-weight: 900;
  font-size: 0.8em !important;
  background-color: white;
  height: 64px !important;
  max-height: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .md-toolbar-tools > i {
    width: 2em;
    display: flex;
    justify-content: flex-end;
    cursor: pointer; }
    @media only screen and (max-device-width: 480px) {
      .md-toolbar-tools > i {
        text-align: center;
        margin: 0; } }
  .md-toolbar-tools .timeline-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 400;
    font-size: 14px; }
    .md-toolbar-tools .timeline-container md-progress-linear {
      width: 10em;
      margin-right: 2em;
      margin-left: 1em; }
  @media only screen and (max-device-width: 480px) {
    .md-toolbar-tools #mobile-toolbar > * {
      width: 2em;
      text-align: center; } }
  .md-toolbar-tools .md-menu {
    margin: 0; }
    @media only screen and (max-device-width: 480px) {
      .md-toolbar-tools .md-menu > button {
        height: 10em; }
        .md-toolbar-tools .md-menu > button .material-icons {
          margin-right: -17px; } }
  .md-toolbar-tools #user-block {
    display: flex;
    align-items: center; }
    .md-toolbar-tools #user-block #user-meta {
      margin-right: 1em;
      font-weight: 400; }
    .md-toolbar-tools #user-block #user-avatar {
      height: 50px;
      width: 50px;
      border-radius: 100%; }
  .md-toolbar-tools h2 {
    margin-left: 3em; }
    @media only screen and (max-device-width: 480px) {
      .md-toolbar-tools h2 {
        margin-left: 0em;
        flex: .7; } }
  .md-toolbar-tools ul {
    display: flex;
    align-items: center;
    flex: 1; }
    .md-toolbar-tools ul li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      margin-right: 1em;
      font-weight: 400;
      cursor: pointer !important; }

md-divider {
  margin-bottom: 1em;
  background: #f2f2f2;
  height: 4px;
  margin-left: -2em;
  margin-right: -2em; }

#main-view {
  background: white; }
  #main-view md-tabs {
    border-radius: 0; }
    #main-view md-tabs md-content {
      background: #DEEAEE;
      padding-left: 1em; }
      @media only screen and (max-device-width: 480px) {
        #main-view md-tabs md-content {
          padding: 0em; } }
  #main-view h1 {
    display: flex;
    align-items: center;
    flex: 1; }
    @media only screen and (max-device-width: 480px) {
      #main-view h1 {
        margin: 0;
        margin-left: 8px; } }
    #main-view h1 i {
      margin-right: 8px; }
  #main-view .lane {
    margin-bottom: 1em;
    overflow-x: scroll; }
  #main-view #add-button {
    float: right;
    justify-content: flex-end;
    display: flex;
    width: 100%; }
  #main-view #top-tabs {
    color: white; }
    @media only screen and (max-device-width: 480px) {
      #main-view #top-tabs md-tabs-wrapper md-prev-button.md-disabled, #main-view #top-tabs md-tabs-wrapper md-next-button.md-disabled {
        background: #01aef0 !important;
        opacity: 0.9 !important; } }
    #main-view #top-tabs md-next-button .md-icon, #main-view #top-tabs md-prev-button .md-icon {
      color: white; }
    @media only screen and (max-device-width: 480px) {
      #main-view #top-tabs md-next-button, #main-view #top-tabs md-prev-button {
        background: #01aef0 !important;
        color: white; } }
    #main-view #top-tabs md-tabs-canvas {
      background: #01aef0;
      height: 64px; }
      #main-view #top-tabs md-tabs-canvas md-pagination-wrapper {
        height: 64px; }
        #main-view #top-tabs md-tabs-canvas md-pagination-wrapper md-tab-item {
          height: 64px;
          display: flex;
          align-items: center; }
    @media only screen and (max-device-width: 480px) {
      #main-view #top-tabs {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px; } }
    #main-view #top-tabs .md-tab {
      color: #eee;
      font-weight: 400; }
    #main-view #top-tabs .md-tab.md-active {
      color: white;
      font-weight: 900; }

md-tabs.md-default-theme .md-tab[disabled], md-tabs .md-tab[disabled], md-tabs.md-default-theme .md-tab[disabled] md-icon, md-tabs .md-tab[disabled] md-icon {
  color: white !important; }

.mobile-overview {
  background: #f2f2f2;
  min-height: 500px; }
  .mobile-overview .recap-heading {
    line-height: 0; }
    .mobile-overview .recap-heading h1 {
      padding: 0;
      margin: 0; }
      .mobile-overview .recap-heading h1 i {
        margin-left: 8px; }
  .mobile-overview .recap-list {
    padding: 0; }
    .mobile-overview .recap-list .last-notifications {
      padding-right: 3em; }
    @media only screen and (max-device-width: 480px) {
      .mobile-overview .recap-list {
        font-size: .8em; } }
    .mobile-overview .recap-list .greeting {
      flex: 1; }
    .mobile-overview .recap-list .md-subheader-inner {
      width: 100%; }
    .mobile-overview .recap-list .md-3-line {
      box-shadow: none;
      background: none;
      margin-bottom: 6px;
      width: 100%; }
      @media only screen and (max-device-width: 480px) {
        .mobile-overview .recap-list .md-3-line {
          width: 100%; } }
      .mobile-overview .recap-list .md-3-line .md-button:hover {
        background: none; }
    .mobile-overview .recap-list .indent-line {
      margin-left: 1em; }
    .mobile-overview .recap-list .md-list-item-text h3 {
      font-weight: 700 !important; }
    .mobile-overview .recap-list .material-icons {
      font-size: 3em;
      color: #838383; }
      @media only screen and (max-device-width: 480px) {
        .mobile-overview .recap-list .material-icons {
          font-size: 2em; } }
    .mobile-overview .recap-list .md-avatar {
      height: auto;
      width: 1em; }
    .mobile-overview .recap-list .comment-recap .indent-list-item {
      margin-left: 1em; }

.item-detail .md-button {
  display: flex;
  align-items: center; }
  @media only screen and (max-device-width: 480px) {
    .item-detail .md-button {
      line-height: 2em; } }
  .item-detail .md-button i {
    margin-right: 8px; }

.card-detail-attachment-row {
  display: flex;
  align-items: center; }
  .card-detail-attachment-row i {
    margin-right: 8px; }

.md-toolbar-tools h2 {
  margin-left: 0em; }

.md-headline {
  font-weight: 600; }

.md-headline.smallerHead {
  font-size: 1em; }

md-list-item {
  padding: 0; }

.message-input {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  color: gray; }
  .message-input:hover {
    background: none; }
  .message-input md-input-container {
    width: 100%; }
    @media only screen and (max-device-width: 480px) {
      .message-input md-input-container {
        width: 80%; } }
  .message-input md-button {
    margin-top: 1em; }

#commentbox md-content {
  max-height: 250px; }
#commentbox md-tab-body {
  background: #f2f2f2 !important; }
#commentbox md-tabs-content-wrapper {
  padding-bottom: 1em; }
#commentbox .md-3-line {
  box-shadow: none;
  border-bottom: 1px solid lightgray;
  display: flex;
  align-items: center; }
#commentbox md-list {
  max-height: 400px;
  overflow-y: scroll; }
#commentbox .vote-up {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px; }
  #commentbox .vote-up .smallIcon {
    margin-left: 8px;
    color: #c9caca; }
#commentbox .smallIcon {
  font-size: 2em !important;
  cursor: pointer; }

md-tab-label i.fa {
  margin-right: 8px !important;
  font-size: 1.5em; }

#scroll-container .md-3-line {
  box-shadow: none; }

.comment-container {
  overflow-y: scroll; }

.comments {
  padding: 15px;
  min-height: 48px;
  margin-bottom: 10px;
  color: #ccc;
  border-bottom: 2px solid; }
  .comments .avatar {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    margin-right: 1em; }
  .comments .body {
    margin-left: 55px; }
    .comments .body p {
      color: black;
      margin-top: -8px; }

.padding {
  padding: 20px; }

.clearfix {
  display: table;
  overflow: hidden; }

.clearfix:before {
  content: " ";
  display: block; }

.font-size-small {
  font-size: 0.7rem; }

.chat-wrapper {
  width: 100%;
  display: table;
  overflow: hidden; }

.chat-wrapper:before {
  content: " ";
  display: block; }

.chat-wrapper .chat-content {
  background-color: #fff; }

.chat-wrapper .chat-image {
  float: left;
  border-radius: 50%; }

.chat-wrapper .chat-image.chat-image-default {
  width: 60px;
  height: 60px; }

.chat-wrapper .chat-message {
  margin-bottom: 20px;
  width: 100%;
  display: table;
  overflow: hidden; }

.chat-wrapper .chat-message:before {
  content: " ";
  display: block; }

.chat-wrapper .chat-message:last-of-type {
  margin-bottom: 0; }

.chat-wrapper .chat-message .chat-message-wrapper {
  max-width: 70%;
  display: table;
  margin: 0 20px;
  padding-top: 10px;
  position: relative; }

.chat-wrapper .chat-message .chat-message-wrapper:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  top: 20px;
  position: absolute;
  z-index: 2; }

.chat-wrapper .chat-message .chat-message-wrapper p {
  padding: 10px 20px;
  color: #fff;
  border-top: 1px solid; }

.chat-wrapper .chat-message .chat-message-wrapper p:first-of-type {
  border-top: 0 !important; }

.chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper,
.chat-wrapper .chat-message.chat-message-recipient .chat-message-content {
  float: left; }

.chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper:before {
  left: -20px;
  border-right-color: #91D98A; }

.chat-wrapper .chat-message.chat-message-recipient p {
  background-color: #91D98A;
  border-top-color: #7dc576; }

.chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper,
.chat-wrapper .chat-message.chat-message-sender .chat-message-content {
  float: right; }

.chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper:before {
  right: -20px;
  border-left-color: #8AC0D9; }

.chat-wrapper .chat-message.chat-message-sender p {
  background: #8AC0D9;
  border-top-color: #76acc5; }

.chat-wrapper .chat-message.chat-message-sender img {
  float: right; }

.chat-wrapper .chat-message .chat-message-content {
  display: table;
  overflow: hidden;
  border-radius: 4px; }

.chat-wrapper .chat-message .chat-message-content:before {
  content: " ";
  display: block; }

.chat-wrapper .chat-message .chat-details {
  clear: both;
  width: 100%;
  display: table;
  overflow: hidden; }

.chat-wrapper .chat-message .chat-details:before {
  content: " ";
  display: block; }

.chat-wrapper .chat-message .chat-details span {
  margin-right: 4px;
  color: #bbb; }

.topic .numComments {
  font-size: 1.5em;
  margin-right: 8px;
  width: 2em; }
.topic .topic-title {
  margin-left: 1em; }

md-expansion-panel md-expansion-panel-collapsed .md-title, md-expansion-panel md-expansion-panel-collapsed md-expansion-panel-header .md-title {
  max-width: 400px; }
md-expansion-panel md-expansion-panel-expanded md-expansion-panel-content {
  padding: 0; }
  md-expansion-panel md-expansion-panel-expanded md-expansion-panel-content > p, md-expansion-panel md-expansion-panel-expanded md-expansion-panel-content h4 {
    padding-left: 1em; }
md-expansion-panel md-expansion-panel-expanded .md-title, md-expansion-panel md-expansion-panel-expanded md-expansion-panel-header .md-title {
  max-width: 400px; }

.md-title {
  display: flex;
  align-items: center; }
  .md-title i {
    margin-right: 1em; }

@media only screen and (max-device-width: 480px) {
  .md-title {
    width: 100px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap; }

  .md-summary {
    text-align: end;
    padding-right: 10px;
    width: 8em; }

  md-expansion-panel-collapsed .md-summary, md-expansion-panel-header .md-summary {
    flex: none !important; } }
discussion-board md-tabs {
  background: white; }

.list-attachments {
  margin-top: 1em; }
  @media only screen and (max-device-width: 480px) {
    .list-attachments {
      margin-top: 0; } }
  .list-attachments .attachment-item {
    margin-top: 1em;
    display: flex;
    align-items: center; }
    @media only screen and (max-device-width: 480px) {
      .list-attachments .attachment-item {
        margin-top: 0; } }
    .list-attachments .attachment-item md-input-container {
      margin: 0 !important;
      padding: 0 !important;
      display: flex; }
      .list-attachments .attachment-item md-input-container label, .list-attachments .attachment-item md-input-container input {
        margin: 0 !important;
        padding: 0 !important; }
    @media only screen and (max-device-width: 480px) {
      .list-attachments .attachment-item > p {
        display: none !important; } }
    .list-attachments .attachment-item i.material-icons {
      margin-right: 1em !important; }
    @media only screen and (max-device-width: 480px) {
      .list-attachments .attachment-item md-card-actions {
        display: flex;
        flex-direction: column; } }
  @media only screen and (max-device-width: 480px) and (max-device-width: 480px) {
    .list-attachments .attachment-item md-card-actions > div {
      flex: 1;
      width: 100%;
      justify-content: center;
      display: flex;
      margin-bottom: 8px; } }

    .list-attachments .attachment-item .upload-buttons > div {
      margin: 1em !important;
      width: 100% !important;
      flex: 1 !important; }

@media only screen and (max-device-width: 480px) {
  .upload-btn {
    margin-bottom: 1em !important; } }
.upload-btn .md-button {
  width: 100%;
  flex: 1; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #DEEAEE;
  font-weight: 300; }

#main-container #main-view {
  width: 100%;
  background: #DEEAEE; }
  @media only screen and (max-device-width: 480px) {
    #main-container #main-view {
      padding: 0; }
      #main-container #main-view .swimlane {
        padding-left: 8px; } }

item-detail, item-add {
  width: 50vw; }
  @media only screen and (max-device-width: 480px) {
    item-detail, item-add {
      width: 100%; } }

recap {
  width: 30vw; }
  @media only screen and (max-device-width: 480px) {
    recap {
      width: 100%; }
      recap .greeting {
        font-size: 12px; } }

.md-subheader {
  color: white;
  background: #01aef0;
  height: 64px;
  display: flex;
  align-items: center; }

.button-green {
  background: #4CAF50 !important;
  color: white !important; }

.button-green:hover, .button-green:focus, .button-green:active {
  background: #4CAF50 !important;
  color: white !important; }

.button-red {
  background: #F44336 !important;
  color: white !important; }

md-input-container {
  width: 100%; }

md-dialog .md-dialog-content {
  padding: 0; }

.grayBackground {
  background: #DEEAEE; }

.align-button {
  padding: 8px 1em;
  display: flex;
  align-items: center; }

md-dialog {
  overflow-x: hidden;
  background: #f2f2f2; }
  @media only screen and (max-device-width: 480px) {
    md-dialog {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      height: 100%;
      border-radius: 0;
      max-width: 100vw;
      max-height: 100vh;
      margin: 1em; } }
  md-dialog md-dialog-actions {
    padding-right: 1em; }

.custom-dialog-scroll {
  overflow: scroll; }

.md-subheader-inner {
  width: 100%; }

.md-3-line {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background: white;
  margin-bottom: 6px; }
  .md-3-line .md-button:hover {
    background: none; }
  .md-3-line .material-icons {
    font-size: 3em;
    color: #838383; }

.indent-line {
  margin-left: 1em; }

.md-list-item-text h3 {
  font-weight: 700 !important; }

.md-avatar {
  height: auto;
  width: 1em; }

md-card-title-text h4 {
  margin: 0; }

md-card {
  margin: 1em 1em 0 1em; }

.button-row {
  margin: 8px; }

md-card-actions {
  flex-wrap: wrap; }
  md-card-actions .md-button {
    margin: 1em; }

.md-button {
  min-width: 10em;
  justify-content: center;
  display: flex; }
  @media only screen and (max-device-width: 480px) {
    .md-button {
      min-width: 0em; } }
  .md-button i {
    margin-right: 8px; }

#workflowDialog md-input-container {
  margin: 0; }
#workflowDialog md-datepicker {
  display: flex;
  align-items: center; }

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