[v-cloak] {
  display: none; }

.ftp-settings p.title {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

.ftp-settings .row div {
  margin-bottom: 0.5rem; }

strong {
  font-weight: 600; }

button:focus {
  background-color: inherit; }

.no-margin {
  margin: 0; }

.el-input__icon {
  font-size: inherit; }

.container {
  margin-top: 1rem; }

.paginate-list {
  width: 100%; }

.paginate-links {
  display: flex;
  margin-bottom: 1rem;
  width: 100%; }
  .paginate-links li {
    flex-grow: 1;
    text-align: center;
    color: #c5c7cf;
    cursor: pointer; }
    .paginate-links li a {
      color: #c5c7cf;
      width: 100%;
      display: block; }
    .paginate-links li.number.active {
      background-color: #a9acb8;
      border-radius: 5px; }
      .paginate-links li.number.active a {
        color: white; }

[unselectable] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  opacity: 0.6; }

@font-face {
  font-family: element-icons;
  src: url(https://unpkg.com/element-ui@1.4.2/lib/theme-default/fonts/element-icons.woff) format("woff"), url(https://unpkg.com/element-ui@1.4.2/lib/theme-default/fonts/element-icons.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

.btn {
  border-radius: 0; }

.amcharts-chart-div a[href*="amcharts"] {
  display: none !important; }

.publishbtn {
  background-color: rgba(225, 226, 230, 0.2);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0; }
  .publishbtn:hover {
    background-color: rgba(225, 226, 230, 0.6); }
  .publishbtn.active {
    background-color: #f4f5f6;
    color: white; }
    .publishbtn.active:hover {
      background-color: #d3d5da; }

body,
html, body .fluid {
  height: 100%;
  width: 100%; }
  @media only screen and (max-width: 48em) {
    body,
    html, body .fluid {
      height: inherit; } }
  @media only screen and (min-width: 48em) and (max-width: 64em) {
    body,
    html, body .fluid {
      height: inherit; } }

[v-cloak] {
  display: none; }

body {
  background: #EFF2F7;
  font-family: "Open Sans", sans-serif; }
  body .fluid {
    display: flex;
    flex-direction: row;
    height: 100%; }
    @media only screen and (max-width: 48em) {
      body .fluid {
        flex-direction: column; } }
    @media only screen and (min-width: 48em) and (max-width: 64em) {
      body .fluid {
        flex-direction: column; } }
    body .fluid .content-side {
      flex-grow: 1;
      display: flex;
      flex-direction: column; }
      body .fluid .content-side .scrolled-wrapper {
        overflow-y: scroll;
        height: 100%; }
        body .fluid .content-side .scrolled-wrapper::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
          background-color: #F5F5F5; }
        body .fluid .content-side .scrolled-wrapper::-webkit-scrollbar {
          width: 6px;
          background-color: #F5F5F5; }
        body .fluid .content-side .scrolled-wrapper::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          background-color: #C1C1C1; }
  body main {
    flex-grow: 1; }
    body main .standard {
      display: flex;
      align-content: stretch; }
      body main .standard nav.left {
        flex-grow: 1;
        width: inherit;
        background-color: transparent;
        box-shadow: none;
        height: inherit; }
      body main .standard div.right {
        flex-grow: 1; }
  body .spinner-container {
    margin: 1rem auto;
    text-align: center; }

.picker__weekday-display {
  background-color: #0d2030;
  font-weight: 700; }

.picker__date-display {
  background-color: #183a58; }

.picker__day.picker__day--today {
  color: #0173ce;
  font-weight: bold; }

.picker__close, .picker__today {
  color: #0173ce; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  background-color: #183a58; }

header {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  z-index: 1;
  background-color: #FFFFFF; }
  header nav {
    background: transparent;
    box-shadow: none; }
  header .top {
    display: flex;
    width: 100%;
    height: 64px; }
    @media only screen and (max-width: 48em) {
      header .top .item-menu {
        display: none !important; } }
    @media only screen and (min-width: 48em) and (max-width: 64em) {
      header .top .item-menu {
        display: none !important; } }
    header .top .space {
      flex-grow: 1; }
    header .top div.logo {
      width: 264px;
      font-weight: 100;
      background-color: #E1E2E6;
      font-size: 120%;
      cursor: pointer;
      color: #ADB6BB; }
      @media screen and (max-width: 1370px) {
        header .top div.logo {
          width: 210px;
          font-size: 100%; } }
      header .top div.logo:hover {
        background-color: #d3d5da; }
      header .top div.logo a {
        color: rgba(255, 255, 255, 0.8); }
    header .top a div.item, header .top div.item {
      align-items: center;
      display: flex;
      justify-content: center;
      height: 100%;
      padding: 0.1em 1.15em;
      box-sizing: border-box; }
      header .top a div.item:hover, header .top div.item:hover {
        background-color: rgba(0, 0, 0, 0.02); }
      header .top a div.item img.logo, header .top div.item img.logo {
        height: 34px;
        cursor: pointer; }
      header .top a div.item img.profile, header .top div.item img.profile {
        height: 32px; }
      header .top a div.item img.item, header .top div.item img.item {
        height: 24px; }
      header .top a div.item img.logout, header .top div.item img.logout {
        opacity: 0.5; }
        header .top a div.item img.logout:hover, header .top div.item img.logout:hover {
          opacity: 0.9; }
      header .top a div.item img.click, header .top div.item img.click {
        cursor: pointer; }
      header .top a div.item .material-icons, header .top div.item .material-icons {
        color: #c5c7cf;
        cursor: pointer;
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center; }
        header .top a div.item .material-icons:hover, header .top div.item .material-icons:hover {
          color: #a9acb8; }
      header .top a div.item .dropdown-button, header .top div.item .dropdown-button {
        background-color: inherit;
        color: #E1E2E6; }
        header .top a div.item .dropdown-button:hover, header .top div.item .dropdown-button:hover {
          background-color: rgba(0, 0, 0, 0.04); }
      header .top a div.item ul#userdropdown li a, header .top div.item ul#userdropdown li a {
        color: #E1E2E6; }
      header .top a div.item.notifications, header .top div.item.notifications {
        margin-right: 2rem;
        display: block; }
  header div.middle {
    flex-grow: 1;
    display: flex; }
    header div.middle .left {
      flex-grow: 1;
      color: #fff; }
      header div.middle .left h2 {
        font-weight: 300;
        margin-bottom: 0; }
      header div.middle .left h5 {
        margin-top: 2px;
        font-size: 1em;
        color: rgba(255, 255, 255, 0.75); }
    header div.middle .right {
      width: 268px; }
      header div.middle .right .card {
        height: 70%;
        background-color: #1b2a33;
        opacity: 0.1; }
        header div.middle .right .card:hover {
          opacity: 0.9; }
      header div.middle .right .card {
        display: flex;
        border-radius: 0.5em; }
        header div.middle .right .card .info {
          flex-grow: 1;
          color: #fff;
          padding-left: 1em;
          align-items: center;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          header div.middle .right .card .info p {
            margin: 0;
            width: 100%; }
          header div.middle .right .card .info .text {
            font-size: 0.8em;
            width: 100%;
            color: rgba(255, 255, 255, 0.7); }
          header div.middle .right .card .info .data {
            font-weight: 800; }
          header div.middle .right .card .info .extra {
            font-size: 0.62em;
            color: rgba(255, 255, 255, 0.6); }
        header div.middle .right .card .icon {
          width: 128px;
          align-items: center;
          display: flex;
          justify-content: center;
          padding: 1.5em 0.5em 1.5em 0; }
          header div.middle .right .card .icon img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            height: 94px; }
  header nav.bottom {
    height: 34px; }
    header nav.bottom ul {
      height: 100%; }
      header nav.bottom ul li {
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 1em; }
      header nav.bottom ul li.active {
        border-bottom: 5px #b3b3b3 solid;
        background: transparent; }
      header nav.bottom ul li a:hover {
        background-color: transparent; }

.menu-side {
  width: 264px;
  background-color: #E5E9F2;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
  @media screen and (max-width: 1370px) {
    .menu-side {
      width: 250px; } }
  .menu-side::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5; }
  .menu-side::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
  .menu-side::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #C1C1C1; }
  @media only screen and (max-width: 48em) {
    .menu-side {
      order: 2;
      width: 100%; } }
  @media only screen and (min-width: 48em) and (max-width: 64em) {
    .menu-side {
      order: 2;
      width: 100%; } }
  .menu-side .menu {
    flex-grow: 1; }
    @media only screen and (max-width: 48em) {
      .menu-side .menu {
        display: none; } }
    @media only screen and (min-width: 48em) and (max-width: 64em) {
      .menu-side .menu {
        display: none; } }
    .menu-side .menu ul {
      margin-bottom: 0;
      padding: 1rem; }
    .menu-side .menu div.item {
      align-items: center;
      display: flex;
      justify-content: center;
      padding: 0.1em 0.5em;
      height: 64px;
      font-size: 110%;
      text-align: center;
      color: #ADB6BB; }
      @media screen and (max-width: 1370px) {
        .menu-side .menu div.item {
          font-size: 100%; } }
      .menu-side .menu div.item:hover, .menu-side .menu div.item:focus {
        background-color: #D3DCE6; }
      .menu-side .menu div.item a {
        color: rgba(51, 51, 51, 0.8);
        font-weight: 100; }
    .menu-side .menu ul {
      margin-top: 0; }
      .menu-side .menu ul li {
        height: 59.5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem; }
        .menu-side .menu ul li a {
          color: #333333;
          width: 100%;
          height: 100%;
          display: flex;
          font-weight: 100;
          font-size: 1.1em;
          border-radius: 4px; }
          .menu-side .menu ul li a:hover, .menu-side .menu ul li a.active, .menu-side .menu ul li a.router-link-exact-active {
            background-color: #D3DCE6; }
          .menu-side .menu ul li a i {
            width: 59.5px;
            font-size: 1.7em;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            color: #ADB6BB; }
          .menu-side .menu ul li a span {
            flex-grow: 1;
            display: flex;
            align-items: center;
            margin-left: 1em; }

.projects-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .projects-grid .grid-item {
    flex-grow: 1;
    width: 25%; }

.projects-page {
  background-color: white;
  padding: 2em; }
  .projects-page a {
    color: #E1E2E6; }
  .projects-page .createProject {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }

.project .row {
  margin: 0; }

.project .el-tabs {
  width: 100%; }

.project #issues, .project #files {
  padding-right: 1em;
  padding-left: 1em;
  width: 100%; }

.project h1.title {
  margin-top: 0;
  font-size: 1.5em;
  text-align: center;
  padding: 0.25em 0;
  margin-bottom: 0.5rem; }
  .project h1.title span.company {
    font-weight: 700; }
  .project h1.title span.key {
    color: rgba(0, 0, 0, 0.4); }

.project .btn {
  background-color: #E1E2E6; }

.project .btn-gantt {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.01);
  border: 2px solid rgba(0, 0, 0, 0.6);
  color: black;
  display: flex; }
  .project .btn-gantt a {
    flex-grow: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5em;
    padding: 10px; }

.project .searchbox {
  display: flex; }
  .project .searchbox input {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.05);
    padding-left: 1em;
    border-radius: 5px; }

.project ul.tabs {
  margin-bottom: 1em; }
  .project ul.tabs .indicator {
    background-color: #E1E2E6; }
  .project ul.tabs a {
    color: white; }
    .project ul.tabs a:hover {
      color: #c5c7cf; }

.project .pag {
  display: flex;
  justify-content: center;
  align-items: center; }
  .project .pag ul.pagination {
    text-align: center; }
  .project .pag li.active {
    background-color: #E1E2E6; }

.project-component {
  cursor: pointer; }
  .project-component a {
    color: #E1E2E6; }
    .project-component a:hover {
      text-decoration: underline; }
  .project-component .collapsible-header {
    color: #333333;
    font-weight: 600; }
  .project-component .collapsible-body a {
    color: #333333; }

.issues-list div.col-md-6 {
  display: flex; }
  .issues-list div.col-md-6 ul.collapsible {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    .issues-list div.col-md-6 ul.collapsible .collapsible-body {
      border-bottom: none; }
    .issues-list div.col-md-6 ul.collapsible .collapsible-header {
      border-top: 1px solid #ddd; }
    .issues-list div.col-md-6 ul.collapsible li.active {
      flex-grow: 1; }

.clndr-component .clndr-day .clndr-day-name {
  background-color: #D3DCE6;
  color: #333333;
  text-align: center;
  font-size: 1.2em;
  padding: 8px;
  font-weight: 100; }
  @media screen and (max-width: 1370px) {
    .clndr-component .clndr-day .clndr-day-name {
      font-size: 1em;
      padding: 0.20em 0px 0.20em 0px; } }

.clndr-component .clndr-day .clndr-day-number {
  font-size: 2.5em;
  font-weight: 300;
  display: inline-block;
  width: 45%;
  text-align: right;
  box-sizing: border-box;
  color: #333333;
  padding: 0.5rem 0; }

.clndr-component .clndr-day .clndr-day-colors {
  display: inline-block;
  width: 50%;
  box-sizing: border-box; }

.clndr-component .clndr-controls {
  background-color: #D3DCE6;
  color: #333333;
  font-size: 1em;
  display: flex;
  padding: 8px; }
  @media screen and (max-width: 1370px) {
    .clndr-component .clndr-controls {
      font-size: 1em;
      padding: 0; } }
  .clndr-component .clndr-controls .clndr-previous-button {
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center; }
  .clndr-component .clndr-controls .current-month {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    font-size: 1em; }
    @media screen and (max-width: 1370px) {
      .clndr-component .clndr-controls .current-month {
        font-size: 1em;
        padding: 0.20em 0px 0.20em 0px; } }
  .clndr-component .clndr-controls .clndr-next-button {
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center; }

.clndr-component .clndr-body {
  display: flex; }
  .clndr-component .clndr-body .clndr-grid {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    .clndr-component .clndr-body .clndr-grid .days-of-the-week {
      display: flex; }
      .clndr-component .clndr-body .clndr-grid .days-of-the-week .header-day {
        width: 14.285714285%;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: center;
        color: #333333;
        font-weight: bold;
        font-size: 0.9em; }
        @media screen and (max-width: 1370px) {
          .clndr-component .clndr-body .clndr-grid .days-of-the-week .header-day {
            font-size: 0.9em; } }
    .clndr-component .clndr-body .clndr-grid .days {
      display: flex;
      flex-direction: column; }
      .clndr-component .clndr-body .clndr-grid .days .week {
        display: flex; }
        .clndr-component .clndr-body .clndr-grid .days .week .day {
          color: #333333;
          font-size: 0.9em;
          width: 14.285714285%;
          padding: 7px 0;
          border-radius: 4px;
          margin: 2px;
          line-height: 1.35;
          text-align: center;
          cursor: pointer; }
          @media screen and (max-width: 1370px) {
            .clndr-component .clndr-body .clndr-grid .days .week .day {
              padding: 5px 0; } }
          .clndr-component .clndr-body .clndr-grid .days .week .day.today {
            background-color: rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.15); }
          .clndr-component .clndr-body .clndr-grid .days .week .day.event {
            font-weight: bold; }
          .clndr-component .clndr-body .clndr-grid .days .week .day.last-month, .clndr-component .clndr-body .clndr-grid .days .week .day.next-month {
            color: rgba(0, 0, 0, 0.2); }
          .clndr-component .clndr-body .clndr-grid .days .week .day.overdue {
            background-color: #FB607F; }
          .clndr-component .clndr-body .clndr-grid .days .week .day.done {
            background-color: #A9D26A; }
          .clndr-component .clndr-body .clndr-grid .days .week .day.todo {
            background-color: #4680FE; }
          .clndr-component .clndr-body .clndr-grid .days .week .day.inprogress {
            background-color: #FFB64D; }
  .clndr-component .clndr-body .event-listing {
    display: none;
    width: 30%;
    background-color: rgba(0, 0, 0, 0.03); }
    .clndr-component .clndr-body .event-listing .event-listing-title {
      padding: 14px;
      background-color: #71bbd2;
      text-align: center;
      font-weight: 700;
      color: white; }
    .clndr-component .clndr-body .event-listing .event-item {
      padding: 14px; }
      .clndr-component .clndr-body .event-listing .event-item .event-item-name {
        font-weight: 700; }

.calendar ul.collapsible {
  width: 100%;
  max-width: 100%; }

@media only screen and (max-width: 48em) {
  .calendar .el-dialog {
    width: inherit !important; } }

@media only screen and (min-width: 48em) and (max-width: 64em) {
  .calendar .el-dialog {
    width: inherit !important; } }

.error404 {
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin: 4em 0 4em 0; }
  .error404 .cont {
    margin: 4em;
    width: 100%; }
    .error404 .cont .top {
      text-align: center; }
    .error404 .cont .bottom {
      display: flex; }
      .error404 .cont .bottom .left {
        flex-grow: 1;
        width: 100%;
        padding: 1em; }
        .error404 .cont .bottom .left h1 {
          color: #686868;
          font-size: 10em;
          font-weight: 900;
          margin: 0em; }
        .error404 .cont .bottom .left h2 {
          font-size: 2em;
          margin: 0.1em; }
        .error404 .cont .bottom .left h3 {
          font-size: 1.5em;
          margin: 0.05em; }
        .error404 .cont .bottom .left p {
          font-size: 0.7em; }
        .error404 .cont .bottom .left .back {
          border: 2px solid #686868;
          color: #686868;
          padding: 1em;
          margin-top: 2em; }
          .error404 .cont .bottom .left .back:hover {
            font-weight: 700; }
      .error404 .cont .bottom .right {
        flex-grow: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .error404 .cont .bottom .right img {
          width: 100%; }

.user h1 {
  width: 100%; }

.user a {
  cursor: pointer; }

.user .btn {
  background-color: #E1E2E6; }

.user table.records {
  background-color: #DDD;
  border-radius: 1em; }

.user summary:hover, .user summary:focus {
  outline-width: 0; }

.user .log-dialog .el-dialog__body {
  padding: 0; }

.user .log-dialog .card.card-settings {
  margin-bottom: 0; }

.dialog-log-container .el-select, .dialog-log-container .el-input, .dialog-log-container .el-input-number, .dialog-log-container .el-textarea {
  width: 100%; }

.dialog-log-container .el-col {
  margin-bottom: 1rem; }

.dialog-log-container .keep-logging {
  display: inline-block;
  float: left;
  color: gray;
  padding-top: 0.25rem; }

.search {
  align-self: center;
  width: 100%; }
  .search .search-icon {
    cursor: pointer;
    height: inherit;
    line-height: inherit;
    font-size: 1.5rem; }
  .search .el-input .el-input-group__prepend {
    background-color: transparent;
    border-width: 0;
    padding: 0.25rem 0 0 1rem; }
  .search .el-input input[type=text] {
    border-width: 0; }

.stats {
  background-color: #D3DCE6; }
  .stats .row {
    margin-bottom: 0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  .stats .number {
    font-weight: 600; }

.overview .card .card-content {
  padding-top: 0;
  padding-bottom: 0; }

.overview .line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  width: 100%; }

.overview .panel.panel-todo {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 1em; }
  @media only screen and (max-width: 48em) {
    .overview .panel.panel-todo {
      border-right-width: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 48em) and (max-width: 64em) {
    .overview .panel.panel-todo {
      border-right-width: 0;
      padding-right: 0; } }

.overview .panel .panel-heading h3 {
  text-align: center;
  font-size: 1.5em;
  padding: 0.5em 0;
  text-transform: uppercase;
  border-bottom: solid 3px black;
  margin-top: 0; }
  .overview .panel .panel-heading h3.todo {
    border-bottom-color: #4680FE; }
  .overview .panel .panel-heading h3.inprogress {
    border-bottom-color: #FFB64D; }

footer.page-footer {
  background-color: #E0E0E0;
  color: #333333;
  padding-top: 0; }
  footer.page-footer .footer-copyright {
    background-color: #333333;
    padding: 0 1rem; }
  footer.page-footer img.logo {
    opacity: 0.7; }
    footer.page-footer img.logo:hover {
      opacity: 0.3; }

#login {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  background-image: url("http://dftech.co/platform/images/backgrounds/default.jpg");
  background-size: cover;
  flex-direction: column; }
  #login .errorMsg {
    background-color: rgba(255, 87, 112, 0.4);
    width: 370px;
    text-align: center;
    padding: 0.7em;
    border-radius: .5em;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.2rem; }
    @media screen and (max-width: 1370px) {
      #login .errorMsg {
        font-size: 1rem;
        margin-bottom: 0.5em;
        width: 270px; } }
  #login .panel {
    display: flex;
    flex-direction: column;
    height: 720px;
    width: 400px;
    background: -webkit-linear-gradient(top, rgba(13, 32, 48, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(13, 32, 48, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%); }
    @media screen and (max-width: 1370px) {
      #login .panel {
        height: 550px;
        width: 300px; } }
    #login .panel .img {
      align-items: center;
      display: flex;
      justify-content: center;
      height: 400px;
      margin-bottom: auto; }
      @media screen and (max-width: 1370px) {
        #login .panel .img {
          height: 400px; }
          #login .panel .img img {
            width: 200px; } }
    #login .panel form {
      display: flex;
      flex-direction: column;
      padding: 1.5em; }
      #login .panel form .el-input {
        margin-bottom: 1rem;
        opacity: 0.7; }
      #login .panel form button[type=submit] {
        background-color: rgba(255, 255, 255, 0.3);
        color: #020508;
        border-radius: 3rem;
        height: 4rem;
        font-size: 1.5rem;
        text-transform: capitalize;
        transition: background-color ease 0.7s; }
        @media screen and (max-width: 1370px) {
          #login .panel form button[type=submit] {
            font-size: 1rem; } }
        #login .panel form button[type=submit]:hover {
          background-color: rgba(255, 255, 255, 0.9); }
      #login .panel form .forget {
        flex-grow: 1;
        align-items: center;
        display: flex;
        justify-content: center; }
        #login .panel form .forget p {
          align-self: flex-end;
          color: #ffffff; }
          @media screen and (max-width: 1370px) {
            #login .panel form .forget p {
              font-size: 0.7em; } }

.taskpage .el-button + .el-button {
  margin-left: 0; }

.taskpage .taskslist .collapsible {
  display: inline-block; }

.taskpage .clearfix .row {
  margin-bottom: 0; }

.taskpage .descriptionbox {
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 1em; }

.taskpage .chip {
  background-color: rgba(0, 0, 0, 0.05);
  word-wrap: break-word;
  word-break: break-all;
  overflow-y: hidden; }

.taskpage a.project {
  background-color: rgba(57, 73, 171, 0);
  color: rgba(0, 0, 0, 0.4);
  width: 100%;
  display: block;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1em;
  padding: 0.25em 0; }

.taskpage h1.title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
  font-size: 1.2em;
  height: 36px;
  text-align: center; }
  .taskpage h1.title span.company {
    font-weight: 700; }
  .taskpage h1.title span.key {
    font-weight: bold; }

.taskpage .btn-subt {
  background-color: #E1E2E6; }

.taskpage .involved .chip {
  width: 100%;
  text-align: center;
  cursor: pointer; }

.taskpage .involved h4 {
  background-color: rgba(225, 226, 230, 0.1);
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0;
  margin-top: 0;
  height: 36px;
  align-items: center;
  display: flex;
  justify-content: center; }

.taskpage .involved h5 {
  background-color: rgba(225, 226, 230, 0.07);
  color: rgba(0, 0, 0, 0.45);
  width: 100%;
  text-align: center;
  font-size: 0.85em;
  padding: 0.4em; }

.taskpage .involved .h6 {
  display: block;
  color: rgba(0, 0, 0, 0.38);
  width: 100%;
  text-align: center;
  font-size: 0.7em;
  padding: 0.2em;
  margin-bottom: 0.5em; }

.taskpage .involved .involved-row {
  justify-content: center; }

.taskpage .dates .duetitle {
  background-color: rgba(225, 226, 230, 0.1);
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  padding: 0.2em 0.4em;
  margin-bottom: 0;
  margin-top: 0;
  height: 36px;
  align-items: center;
  display: flex;
  justify-content: center; }

.taskpage .dates .date {
  font-size: 1.5em;
  padding-top: 0.5em;
  color: rgba(0, 0, 0, 0.6); }

.taskpage .statstask .statstitle {
  background-color: rgba(225, 226, 230, 0.1);
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  padding: 0.2em 0.4em;
  margin-bottom: 0;
  margin-top: 0;
  height: 36px;
  align-items: center;
  display: flex;
  justify-content: center; }

.taskpage .statstask .status {
  display: flex;
  padding: 1em;
  box-sizing: border-box; }
  .taskpage .statstask .status button {
    flex-grow: 1;
    margin: 0 0.25em;
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6);
    border: 0;
    padding: 0.25em 0; }
    .taskpage .statstask .status button:first-child {
      margin-left: 0; }
    .taskpage .statstask .status button:last-child {
      margin-right: 0; }
    .taskpage .statstask .status button.active.todo {
      background-color: #4680FE;
      color: white; }
    .taskpage .statstask .status button.active.inprogress {
      background-color: #FFB64D;
      color: rgba(0, 0, 0, 0.6); }
    .taskpage .statstask .status button.active.done {
      background-color: #A9D26A;
      color: white; }

.taskpage .htitle {
  margin-bottom: 0; }

.taskpage .buttons {
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.taskpage .subtask {
  margin: 0 1em;
  color: rgba(0, 0, 0, 0.6); }

.taskpage .toggle-menu {
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  color: black !important;
  width: 8rem; }

.taskpage .see {
  padding-bottom: 1em; }

.notifications-side {
  width: 264px;
  background-color: #E5E9F2;
  height: 100%;
  overflow-y: scroll; }
  .notifications-side::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5; }
  .notifications-side::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
  .notifications-side::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #C1C1C1; }
  @media screen and (max-width: 1370px) {
    .notifications-side {
      width: 250px; } }
  .notifications-side p {
    width: 100%; }
  @media only screen and (max-width: 48em) {
    .notifications-side {
      width: 100% !important;
      height: 100%;
      position: absolute; } }
  @media only screen and (min-width: 48em) and (max-width: 64em) {
    .notifications-side {
      width: 100% !important;
      height: 100%;
      position: absolute; } }
  .notifications-side .sw {
    padding: 10px 0; }
  .notifications-side .notification-card {
    font-size: 11px;
    margin-bottom: 1rem;
    color: #333333;
    word-break: break-all; }
    .notifications-side .notification-card hr {
      border-top-width: 0;
      margin-top: 5px;
      margin-bottom: 5px; }
    .notifications-side .notification-card span.delete {
      color: #F44336;
      float: right;
      display: flex;
      align-items: center; }
  .notifications-side .title {
    background-color: #D3DCE6;
    color: #333333;
    text-align: center;
    height: 64px;
    box-sizing: border-box; }
    .notifications-side .title p {
      margin: 0;
      align-items: center;
      display: flex;
      justify-content: center;
      height: 100%; }
  .notifications-side .el-collapse-item__header {
    background-color: inherit; }
  .notifications-side .el-collapse-item__wrap {
    background-color: #D3DCE6; }
    .notifications-side .el-collapse-item__wrap .el-collapse-item__header {
      background-color: rgba(0, 0, 0, 0.05); }
    .notifications-side .el-collapse-item__wrap .el-collapse-item__wrap {
      background-color: rgba(0, 0, 0, 0.025); }
  .notifications-side .el-collapse-item__content {
    padding: 6px; }
  .notifications-side .paginate-list {
    padding: 0 10px;
    margin: 0; }

.dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .dashboard h2 {
    text-align: center; }
  .dashboard .col-md-6 {
    margin-bottom: 1em; }
  .dashboard .dashboard-title h2 {
    padding: 1rem;
    font-size: 2rem;
    background-color: #0D2030;
    color: white;
    font-weight: lighter; }
  .dashboard .dashboard-menu {
    background-color: #474747;
    color: white;
    text-align: center;
    padding: 0;
    width: 100%;
    margin: 0 0 1em; }
    .dashboard .dashboard-menu .col-xs {
      padding: 1.1em 0;
      cursor: pointer; }
      .dashboard .dashboard-menu .col-xs.nopadding {
        padding: 0; }
      .dashboard .dashboard-menu .col-xs.active {
        border-bottom: 4px solid rgba(255, 255, 255, 0.9);
        font-weight: 700;
        background-color: rgba(255, 255, 255, 0.05); }
  .dashboard .el-select {
    width: 100%; }

.editor-container img {
  max-width: 100%; }

.editor-container .editor-menu .item {
  font-family: 'Material Icons';
  padding: 10px 10px 7px;
  font-size: 1.5rem; }

.editor-container .editor-content {
  border: 1px solid #c4c4c4;
  min-height: 200px;
  margin: 0.5rem 0;
  padding: 0.5rem;
  box-sizing: border-box;
  outline: none; }

.commentbox {
  text-align: left;
  background-color: white; }
  .commentbox ul {
    padding: 0 0 0 40px; }
    .commentbox ul li, .commentbox ul {
      list-style-type: disc; }
  .commentbox ol, .commentbox ol li {
    list-style-type: decimal; }
  .commentbox .no-pen {
    position: inherit;
    border-radius: 0; }
  .commentbox .editor {
    width: 100%; }

.rendered-comment {
  margin-bottom: 1rem; }
  .rendered-comment .clearfix {
    display: flex;
    align-items: center; }
    .rendered-comment .clearfix a {
      margin-left: 1rem;
      margin-right: auto; }
  .rendered-comment img.profile {
    width: 36px;
    height: 36px;
    border-radius: 50%; }
  .rendered-comment .markdown-body p {
    margin-bottom: 0; }
  .rendered-comment p {
    padding: 0.25rem; }

.comment-edit {
  width: 100%;
  box-sizing: border-box;
  margin: 0; }
  .comment-edit .row {
    margin: 0; }

div.content-side main div.menu {
  background-color: #183A58; }
  @media only screen and (min-width: 991px) {
    div.content-side main div.menu {
      display: none !important; } }
  div.content-side main div.menu ul {
    margin: 0;
    display: flex;
    height: 48px; }
    div.content-side main div.menu ul li {
      flex-grow: 1;
      align-items: center;
      display: flex;
      justify-content: center; }
      div.content-side main div.menu ul li a {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: white; }
        div.content-side main div.menu ul li a.active, div.content-side main div.menu ul li a.v-link-active {
          background-color: #c5c7cf; }
        div.content-side main div.menu ul li a span {
          display: none; }

.issue {
  margin-bottom: 1rem; }
  .issue h3.project-title {
    color: #333333;
    font-size: 1.125rem;
    margin: 0 0 0.5rem 0;
    font-weight: 300; }
  .issue h4.issue-title {
    color: #333333;
    font-size: 1.125rem;
    display: inline-block;
    margin: 0.25rem 0.5rem 0.75rem;
    font-weight: 600; }
  .issue .date-input {
    margin: 0 0 0.5rem 0; }
    .issue .date-input input[disabled] {
      cursor: text; }
  .issue .el-button {
    width: 100%;
    margin-left: 0.25rem; }
  .issue .el-dropdown {
    width: 100%; }
  .issue .el-input-group__prepend {
    width: 90px; }
  .issue .el-input-group__append {
    min-width: 142px; }
  .issue .comments .el-input-group__append {
    min-width: inherit; }
  .issue .el-dropdown .el-button.status {
    width: 95%; }
  .issue .el-button.team {
    width: 95%; }
  .issue .el-card__body .row {
    margin-bottom: 0; }

ul[dnd-list], ul[dnd-list] > li {
  position: relative; }

@media only screen and (min-width: 75em) {
  .container {
    width: 55rem; } }

@font-face {
  font-family: octicons-link;
  src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff"); }

.markdown-body, .editor-preview {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word; }
  .markdown-body .pl-c, .editor-preview .pl-c {
    color: #969896; }
  .markdown-body .pl-c1, .markdown-body .pl-s .pl-v, .editor-preview .pl-c1, .editor-preview .pl-s .pl-v {
    color: #0086b3; }
  .markdown-body .pl-e, .markdown-body .pl-en, .editor-preview .pl-e, .editor-preview .pl-en {
    color: #795da3; }
  .markdown-body .pl-smi, .markdown-body .pl-s .pl-s1, .editor-preview .pl-smi, .editor-preview .pl-s .pl-s1 {
    color: #333; }
  .markdown-body .pl-ent, .editor-preview .pl-ent {
    color: #63a35c; }
  .markdown-body .pl-k, .editor-preview .pl-k {
    color: #a71d5d; }
  .markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .editor-preview .pl-s, .editor-preview .pl-pds, .editor-preview .pl-s .pl-pse .pl-s1 {
    color: #183691; }
  .markdown-body .pl-sr, .editor-preview .pl-sr {
    color: #183691; }
    .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra, .editor-preview .pl-sr .pl-cce, .editor-preview .pl-sr .pl-sre, .editor-preview .pl-sr .pl-sra {
      color: #183691; }
  .markdown-body .pl-v, .editor-preview .pl-v {
    color: #ed6a43; }
  .markdown-body .pl-id, .editor-preview .pl-id {
    color: #b52a1d; }
  .markdown-body .pl-ii, .editor-preview .pl-ii {
    color: #f8f8f8;
    background-color: #b52a1d; }
  .markdown-body .pl-sr .pl-cce, .editor-preview .pl-sr .pl-cce {
    font-weight: bold;
    color: #63a35c; }
  .markdown-body .pl-ml, .editor-preview .pl-ml {
    color: #693a17; }
  .markdown-body .pl-mh, .editor-preview .pl-mh {
    font-weight: bold;
    color: #1d3e81; }
    .markdown-body .pl-mh .pl-en, .editor-preview .pl-mh .pl-en {
      font-weight: bold;
      color: #1d3e81; }
  .markdown-body .pl-ms, .editor-preview .pl-ms {
    font-weight: bold;
    color: #1d3e81; }
  .markdown-body .pl-mq, .editor-preview .pl-mq {
    color: #008080; }
  .markdown-body .pl-mi, .editor-preview .pl-mi {
    font-style: italic;
    color: #333; }
  .markdown-body .pl-mb, .editor-preview .pl-mb {
    font-weight: bold;
    color: #333; }
  .markdown-body .pl-md, .editor-preview .pl-md {
    color: #bd2c00;
    background-color: #ffecec; }
  .markdown-body .pl-mi1, .editor-preview .pl-mi1 {
    color: #55a532;
    background-color: #eaffea; }
  .markdown-body .pl-mdr, .editor-preview .pl-mdr {
    font-weight: bold;
    color: #795da3; }
  .markdown-body .pl-mo, .editor-preview .pl-mo {
    color: #1d3e81; }
  .markdown-body .octicon, .editor-preview .octicon {
    display: inline-block;
    vertical-align: text-top;
    fill: currentColor; }
  .markdown-body a, .editor-preview a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects; }
    .markdown-body a:active, .markdown-body a:hover, .editor-preview a:active, .editor-preview a:hover {
      outline-width: 0; }
  .markdown-body strong, .editor-preview strong {
    font-weight: inherit;
    font-weight: bolder; }
  .markdown-body h1, .editor-preview h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .markdown-body img, .editor-preview img {
    border-style: none; }
  .markdown-body svg:not(:root), .editor-preview svg:not(:root) {
    overflow: hidden; }
  .markdown-body code, .markdown-body kbd, .markdown-body pre, .editor-preview code, .editor-preview kbd, .editor-preview pre {
    font-family: monospace, monospace;
    font-size: 1em; }
  .markdown-body hr, .editor-preview hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }
  .markdown-body input, .editor-preview input {
    font: inherit;
    margin: 0;
    overflow: visible; }
  .markdown-body [type="checkbox"], .editor-preview [type="checkbox"] {
    box-sizing: border-box;
    padding: 0; }
  .markdown-body *, .editor-preview * {
    box-sizing: border-box; }
  .markdown-body input, .editor-preview input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .markdown-body a, .editor-preview a {
    color: #4078c0;
    text-decoration: none; }
    .markdown-body a:hover, .markdown-body a:active, .editor-preview a:hover, .editor-preview a:active {
      text-decoration: underline; }
  .markdown-body strong, .editor-preview strong {
    font-weight: 600; }
  .markdown-body hr, .editor-preview hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd; }
    .markdown-body hr::before, .editor-preview hr::before {
      display: table;
      content: ""; }
    .markdown-body hr::after, .editor-preview hr::after {
      display: table;
      clear: both;
      content: ""; }
  .markdown-body table, .editor-preview table {
    border-spacing: 0;
    border-collapse: collapse; }
  .markdown-body td, .markdown-body th, .editor-preview td, .editor-preview th {
    padding: 0; }
  .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .editor-preview h1, .editor-preview h2, .editor-preview h3, .editor-preview h4, .editor-preview h5, .editor-preview h6 {
    margin-top: 0;
    margin-bottom: 0; }
  .markdown-body h1, .editor-preview h1 {
    font-size: 32px;
    font-weight: 600; }
  .markdown-body h2, .editor-preview h2 {
    font-size: 24px;
    font-weight: 600; }
  .markdown-body h3, .editor-preview h3 {
    font-size: 20px;
    font-weight: 600; }
  .markdown-body h4, .editor-preview h4 {
    font-size: 16px;
    font-weight: 600; }
  .markdown-body h5, .editor-preview h5 {
    font-size: 14px;
    font-weight: 600; }
  .markdown-body h6, .editor-preview h6 {
    font-size: 12px;
    font-weight: 600; }
  .markdown-body p, .editor-preview p {
    margin-top: 0;
    margin-bottom: 10px; }
  .markdown-body blockquote, .editor-preview blockquote {
    margin: 0; }
  .markdown-body ul, .editor-preview ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .markdown-body ol, .editor-preview ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: decimal; }
    .markdown-body ol li, .editor-preview ol li {
      list-style-type: decimal; }
    .markdown-body ol ol, .editor-preview ol ol {
      list-style-type: lower-roman; }
  .markdown-body ul li, .editor-preview ul li {
    list-style-type: disc; }
  .markdown-body ul ol, .editor-preview ul ol {
    list-style-type: lower-roman; }
  .markdown-body ul ul ol, .markdown-body ul ol ol, .editor-preview ul ul ol, .editor-preview ul ol ol {
    list-style-type: lower-alpha; }
  .markdown-body ol ul ol, .markdown-body ol ol ol, .editor-preview ol ul ol, .editor-preview ol ol ol {
    list-style-type: lower-alpha; }
  .markdown-body dd, .editor-preview dd {
    margin-left: 0; }
  .markdown-body code, .editor-preview code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px; }
  .markdown-body pre, .editor-preview pre {
    margin-top: 0;
    margin-bottom: 0;
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; }
  .markdown-body .octicon, .editor-preview .octicon {
    vertical-align: text-bottom; }
  .markdown-body input, .editor-preview input {
    -webkit-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0; }
  .markdown-body::before, .editor-preview::before {
    display: table;
    content: ""; }
  .markdown-body::after, .editor-preview::after {
    display: table;
    clear: both;
    content: ""; }
  .markdown-body > *:first-child, .editor-preview > *:first-child {
    margin-top: 0 !important; }
  .markdown-body > *:last-child, .editor-preview > *:last-child {
    margin-bottom: 0 !important; }
  .markdown-body a:not([href]), .editor-preview a:not([href]) {
    color: inherit;
    text-decoration: none; }
  .markdown-body .anchor, .editor-preview .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1; }
    .markdown-body .anchor:focus, .editor-preview .anchor:focus {
      outline: none; }
  .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .editor-preview p, .editor-preview blockquote, .editor-preview ul, .editor-preview ol, .editor-preview dl, .editor-preview table, .editor-preview pre {
    margin-top: 0;
    margin-bottom: 16px; }
  .markdown-body hr, .editor-preview hr {
    height: 0.25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e7e7e7;
    border: 0; }
  .markdown-body blockquote, .editor-preview blockquote {
    padding: 0 1em;
    color: #777;
    border-left: 0.25em solid #ddd; }
    .markdown-body blockquote > :first-child, .editor-preview blockquote > :first-child {
      margin-top: 0; }
    .markdown-body blockquote > :last-child, .editor-preview blockquote > :last-child {
      margin-bottom: 0; }
  .markdown-body kbd, .editor-preview kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb; }
  .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .editor-preview h1, .editor-preview h2, .editor-preview h3, .editor-preview h4, .editor-preview h5, .editor-preview h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25; }
  .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link, .editor-preview h1 .octicon-link, .editor-preview h2 .octicon-link, .editor-preview h3 .octicon-link, .editor-preview h4 .octicon-link, .editor-preview h5 .octicon-link, .editor-preview h6 .octicon-link {
    color: #000;
    vertical-align: middle;
    visibility: hidden; }
  .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor, .editor-preview h1:hover .anchor, .editor-preview h2:hover .anchor, .editor-preview h3:hover .anchor, .editor-preview h4:hover .anchor, .editor-preview h5:hover .anchor, .editor-preview h6:hover .anchor {
    text-decoration: none; }
  .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link, .editor-preview h1:hover .anchor .octicon-link, .editor-preview h2:hover .anchor .octicon-link, .editor-preview h3:hover .anchor .octicon-link, .editor-preview h4:hover .anchor .octicon-link, .editor-preview h5:hover .anchor .octicon-link, .editor-preview h6:hover .anchor .octicon-link {
    visibility: visible; }
  .markdown-body h1, .editor-preview h1 {
    padding-bottom: 0.3em;
    font-size: 2em;
    border-bottom: 1px solid #eee; }
  .markdown-body h2, .editor-preview h2 {
    padding-bottom: 0.3em;
    font-size: 1.5em;
    border-bottom: 1px solid #eee; }
  .markdown-body h3, .editor-preview h3 {
    font-size: 1.25em; }
  .markdown-body h4, .editor-preview h4 {
    font-size: 1em; }
  .markdown-body h5, .editor-preview h5 {
    font-size: 0.875em; }
  .markdown-body h6, .editor-preview h6 {
    font-size: 0.85em;
    color: #777; }
  .markdown-body ul, .markdown-body ol, .editor-preview ul, .editor-preview ol {
    padding-left: 2em; }
  .markdown-body ul ul, .markdown-body ul ol, .editor-preview ul ul, .editor-preview ul ol {
    margin-top: 0;
    margin-bottom: 0; }
  .markdown-body ol ol, .markdown-body ol ul, .editor-preview ol ol, .editor-preview ol ul {
    margin-top: 0;
    margin-bottom: 0; }
  .markdown-body li > p, .editor-preview li > p {
    margin-top: 16px; }
  .markdown-body li + li, .editor-preview li + li {
    margin-top: 0.25em; }
  .markdown-body dl, .editor-preview dl {
    padding: 0; }
    .markdown-body dl dt, .editor-preview dl dt {
      padding: 0;
      margin-top: 16px;
      font-size: 1em;
      font-style: italic;
      font-weight: bold; }
    .markdown-body dl dd, .editor-preview dl dd {
      padding: 0 16px;
      margin-bottom: 16px; }
  .markdown-body table, .editor-preview table {
    display: block;
    width: 100%;
    overflow: auto; }
    .markdown-body table th, .editor-preview table th {
      font-weight: bold;
      padding: 6px 13px;
      border: 1px solid #ddd; }
    .markdown-body table td, .editor-preview table td {
      padding: 6px 13px;
      border: 1px solid #ddd; }
    .markdown-body table tr, .editor-preview table tr {
      background-color: #fff;
      border-top: 1px solid #ccc; }
      .markdown-body table tr:nth-child(2n), .editor-preview table tr:nth-child(2n) {
        background-color: #f8f8f8; }
  .markdown-body img, .editor-preview img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff; }
  .markdown-body code, .editor-preview code {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px; }
    .markdown-body code::before, .markdown-body code::after, .editor-preview code::before, .editor-preview code::after {
      letter-spacing: -0.2em;
      content: "\00a0"; }
  .markdown-body pre, .editor-preview pre {
    word-wrap: normal; }
    .markdown-body pre > code, .editor-preview pre > code {
      padding: 0;
      margin: 0;
      font-size: 100%;
      word-break: normal;
      white-space: pre;
      background: transparent;
      border: 0; }
  .markdown-body .highlight, .editor-preview .highlight {
    margin-bottom: 16px; }
    .markdown-body .highlight pre, .editor-preview .highlight pre {
      margin-bottom: 0;
      word-break: normal;
      padding: 16px;
      overflow: auto;
      font-size: 85%;
      line-height: 1.45;
      background-color: #f7f7f7;
      border-radius: 3px; }
  .markdown-body pre, .editor-preview pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px; }
    .markdown-body pre code, .editor-preview pre code {
      display: inline;
      max-width: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      line-height: inherit;
      word-wrap: normal;
      background-color: transparent;
      border: 0; }
      .markdown-body pre code::before, .markdown-body pre code::after, .editor-preview pre code::before, .editor-preview pre code::after {
        content: normal; }
  .markdown-body .pl-0, .editor-preview .pl-0 {
    padding-left: 0 !important; }
  .markdown-body .pl-1, .editor-preview .pl-1 {
    padding-left: 3px !important; }
  .markdown-body .pl-2, .editor-preview .pl-2 {
    padding-left: 6px !important; }
  .markdown-body .pl-3, .editor-preview .pl-3 {
    padding-left: 12px !important; }
  .markdown-body .pl-4, .editor-preview .pl-4 {
    padding-left: 24px !important; }
  .markdown-body .pl-5, .editor-preview .pl-5 {
    padding-left: 36px !important; }
  .markdown-body .pl-6, .editor-preview .pl-6 {
    padding-left: 48px !important; }
  .markdown-body .full-commit .btn-outline:not(:disabled):hover, .editor-preview .full-commit .btn-outline:not(:disabled):hover {
    color: #4078c0;
    border: 1px solid #4078c0; }
  .markdown-body kbd, .editor-preview kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb; }
  .markdown-body :checked + .radio-label, .editor-preview :checked + .radio-label {
    position: relative;
    z-index: 1;
    border-color: #4078c0; }
  .markdown-body .task-list-item, .editor-preview .task-list-item {
    list-style-type: none; }
    .markdown-body .task-list-item + .task-list-item, .editor-preview .task-list-item + .task-list-item {
      margin-top: 3px; }
    .markdown-body .task-list-item input, .editor-preview .task-list-item input {
      margin: 0 0.2em 0.25em -1.6em;
      vertical-align: middle; }
  .markdown-body hr, .editor-preview hr {
    border-bottom-color: #eee; }

.results h2 {
  width: 100%;
  font-size: 2em;
  text-align: center;
  margin: 0 auto;
  padding: 0.175em;
  background-color: rgba(0, 0, 0, 0.05); }

.results .projects {
  padding-left: 2em;
  padding-right: 2em; }
  .results .projects a {
    color: #333333; }

.results .tasks {
  padding-left: 2em;
  padding-right: 2em;
  box-sizing: border-box; }

.emojione {
  width: 32px;
  height: 32px; }

div.main {
  padding: 1em;
  width: 100%; }
  div.main .file {
    padding: 1em; }
    div.main .file .file-icon {
      display: inline-block; }
    div.main .file p {
      word-wrap: break-word; }

#pieChart, #daysGraph {
  width: 100%;
  height: 520px;
  font-size: 11px; }

.lineChart {
  width: 100%;
  height: 150px;
  font-size: 11px; }

.row {
  margin-right: 0;
  margin-left: 0; }

@media only screen and (max-width: 48em) {
  .hide-on-mobile {
    display: none !important; } }

@media only screen and (min-width: 48em) and (max-width: 64em) {
  .hide-on-mobile {
    display: none !important; } }

.card-settings {
  max-width: 600px;
  width: 100%;
  margin: 1rem auto; }
  .card-settings .el-input, .card-settings .el-input-number, .card-settings .el-select, .card-settings .el-date-editor {
    width: 100%; }
  .card-settings .card-content {
    padding-bottom: 0; }
  .card-settings .card-action {
    padding: 5px; }