.navbar-desktop {
  height: 60px;
  background-color: #f8faf9;
  display: flex;
  justify-content: center;
  align-items: center; }
  .navbar-desktop a {
    font-family: 'Cairo', sans-serif;
    font-size: 16px;
    color: #281122;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: none;
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
    text-decoration: none; }
  .navbar-desktop a:hover, .navbar-desktop .active {
    padding-bottom: 14px;
    padding-top: 14px;
    box-shadow: 0 5px 0 #db7e2b; }
  .navbar-desktop .dropdown {
    position: relative;
    display: inline-block; }
  .navbar-desktop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    margin-top: 15px; }
    .navbar-desktop .dropdown-content a {
      box-shadow: none;
      padding: 5px;
      width: 100%;
      margin: 0px;
      text-align: center; }
  .navbar-desktop .dropdown:hover {
    padding-bottom: 14px;
    padding-top: 14px;
    box-shadow: 0 5px 0 #db7e2b; }
    .navbar-desktop .dropdown:hover .dropdown-content {
      display: block; }
      .navbar-desktop .dropdown:hover .dropdown-content a {
        display: block; }
      .navbar-desktop .dropdown:hover .dropdown-content a:hover {
        background-color: #db7e2b;
        color: #ffffff; }

.navbar {
  background-color: #281122;
  min-height: auto;
  border: none;
  margin-bottom: 0px;
  position: relative;
  height: 60px; }
  .navbar .portal-logo {
    position: absolute;
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    height: 28px; }
    .navbar .portal-logo span {
      padding-left: 1px;
      font-size: 0.3em;
      display: block;
      padding-left: 2px;
      margin-top: -10px; }
      .navbar .portal-logo span img {
        max-height: 15px;
        padding-left: 2px; }

.navbar-right {
  background-color: #008996;
  height: 100%;
  height: 60px;
  padding: 20px 20px; }
  .navbar-right.navbar-text {
    margin: 0px; }

.navbar-default .navbar-collapse {
  float: right; }

.navbar-default .navbar-toggle {
  border: solid 1px #ffffff;
  color: #ffffff;
  margin-top: 5px;
  height: 50px;
  background-color: #281122; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #281122;
    color: #ffffff;
    border: solid 1px #ffffff; }

.navbar-default .navbar-nav {
  margin-left: 120px; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active a:hover, .navbar-default .navbar-nav > .active a:focus {
    color: #db7e2b;
    font-size: 14px; }
  .navbar-default .navbar-nav > li {
    height: 60px; }
    .navbar-default .navbar-nav > li > a {
      color: #ffffff;
      font-size: 14px;
      line-height: 46px;
      border-bottom: solid 4px #281122; }
      .navbar-default .navbar-nav > li > a:hover {
        color: #db7e2b; }

.navbar-default .navbar-mobile {
  display: none; }

.nav > li {
  padding: 0 4px; }
  .nav > li > a {
    padding: 10px; }

.portal-logo a {
  color: #ffffff; }
  .portal-logo a:hover {
    text-decoration: none; }

.navbar-right.hidden-button {
  margin: 0px;
  padding: 0px;
  width: 50px; }
  .navbar-right.hidden-button .btn {
    margin: 15px 15px 0 0;
    padding: 0px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #008996;
    border: none; }
    .navbar-right.hidden-button .btn .with-client-icon {
      color: #ffffff; }
    .navbar-right.hidden-button .btn:focus {
      outline: none;
      box-shadow: none; }
    .navbar-right.hidden-button .btn.active {
      outline: none;
      box-shadow: none;
      width: 26px;
      height: 26px;
      margin: 17px 17px 2px 2px; }

@media only screen and (min-width: 1600px) {
  .navbar-nav {
    margin-left: 120px; }
  .nav > li {
    padding: 0 20px; }
  .navbar-right {
    padding: 20px 30px; } }

@media only screen and (max-width: 1199px) {
  .navbar-desktop {
    display: none; }
  .navbar-default .navbar-collapse {
    float: none; }
  .navbar-default .navbar-nav {
    display: block;
    margin-left: 0px; }
    .navbar-default .navbar-nav > li {
      height: auto; }
      .navbar-default .navbar-nav > li > a {
        line-height: 24px; }
    .navbar-default .navbar-nav > .active > a {
      line-height: 24px;
      border-bottom: none; }
  .navbar {
    height: auto; }
    .navbar .navbar-collapse.in {
      padding-bottom: 20px; } }

.form-control {
  font-size: 14px;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 24x;
  border: solid 1px #e5e5e5;
  display: inline-block; }
  .form-control:focus {
    outline: 0;
    border: solid 1px #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.form-inline .input-group > .form-control.input-big {
  width: 400px; }

.input-group-addon {
  background-color: #008996;
  border-color: #008996;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 18px;
  color: #281122; }

.table {
  overflow-x: scroll !important;
  overflow-y: auto !important; }

.btn-primary {
  font-size: 14px;
  font-weight: 500;
  background-color: #008996;
  border: solid 1px #008996;
  padding: 5px 12px;
  height: auto;
  color: #ffffff;
  text-transform: none;
  margin-right: 5px; }
  .btn-primary[disabled] {
    background-color: #008996;
    border: solid 1px #008996; }
  .btn-primary:hover {
    background-color: #281122;
    border: solid 1px #281122;
    color: #ffffff; }
  .btn-primary.active {
    background-color: #281122;
    border: solid 1px #281122;
    color: #ffffff; }

.login-page-btn:hover {
  background-color: #db7e2b;
  border: solid 1px #db7e2b;
  color: #f8f7f7; }

.buffer-status .buffer-rate-title {
  color: #000;
  font-size: 24px;
  border: none;
  margin-top: 25px;
  margin-left: 0px;
  margin-bottom: 5px; }

.buffer-status .buffer-status-title {
  color: #000;
  font-size: 24px;
  border: none;
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 25px; }

.buffer-row-item {
  background-color: #f7f5f1;
  border-bottom: solid 5px #fff;
  vertical-align: middle;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400; }

.btn-default {
  font-size: 14px;
  font-weight: 500;
  background-color: #281122;
  border: solid 1px #281122;
  padding: 5px 24px;
  height: auto;
  color: #ffffff;
  text-transform: none;
  margin-right: 5px; }
  .btn-default[disabled] {
    background-color: #281122;
    border: solid 1px #281122; }
  .btn-default:hover {
    background-color: #008996;
    border: solid 1px #008996;
    color: #ffffff; }

.comment-row {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px; }

.btn-left {
  margin-left: 30px; }

.btn-small {
  font-size: 14px;
  padding: 4px 15px;
  display: inline-block; }

.btn-sort {
  padding: 5px 10px 5px 24px; }
  .btn-sort .glyphicon {
    font-size: 12px; }

h3, h5, .h3, .h5 {
  font-family: "Lato", "Cairo", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.input-small {
  font-size: 14px;
  padding: 5px 15px; }

.input-xsmall {
  font-size: 14px;
  padding: 5px 5px; }

.input-group-left {
  margin-left: 30px; }

.form-select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.col-sm-8.ng-scope {
  padding-right: 0px; }

.add-footer {
  background-color: #f8f7f7;
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0px;
  left: 0px;
  padding-top: 10px;
  padding-bottom: 10px; }

.projects-form {
  margin-top: 50px; }

.project-list {
  margin-bottom: 110px; }
  .project-list a {
    font-size: 14px;
    line-height: 32px;
    color: #281122;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5; }
    .project-list a:hover {
      color: #db7e2b; }

.project-overview h5.task-list-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding-left: 10px;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 5px;
  margin-bottom: 0px; }

.new-task-holder {
  text-align: right; }
  .new-task-holder form {
    display: inline-block;
    background-color: #ebebeb;
    padding: 10px; }

.project-list-small .new-task-holder form {
  width: 100%; }

.new-list-holder {
  text-align: right; }
  .new-list-holder form {
    display: inline-block;
    background-color: #ebebeb;
    padding: 10px; }
  .new-list-holder select {
    padding-top: 2px;
    padding-bottom: 2px; }

.site-list {
  margin-bottom: 110px; }
  .site-list a {
    font-size: 18px;
    line-height: 48px;
    color: #281122;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5; }
    .site-list a:hover {
      color: #db7e2b; }

.everyone-holder {
  margin-top: 50px;
  margin-bottom: 54px; }
  .everyone-holder .person-name {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    text-shadow: none;
    text-transform: none;
    padding: 10px 0; }
  .everyone-holder .person-active {
    font-size: 14px;
    font-style: italic;
    color: #281122;
    font-family: "Cairo", serif;
    text-transform: none;
    font-weight: 300; }
  .everyone-holder .person-hidden {
    font-size: 14px;
    font-style: italic;
    color: #281122;
    font-family: "Cairo", serif;
    text-transform: none;
    font-weight: 300; }
  .everyone-holder .detail-trigger {
    color: #c9c9c9;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    font-family: "Cairo", serif;
    text-decoration: underline; }
  .everyone-holder .person-list .person-block {
    height: 250px; }
  .everyone-holder .person-list .person-details {
    width: 33%;
    background-color: #f8f7f7;
    border-left: solid 20px #ebebeb; }
    .everyone-holder .person-list .person-details .btn.btn-save {
      font-size: 14px;
      font-weight: 500;
      background-color: #008996;
      border: solid 1px #008996;
      padding: 5px 24px;
      height: auto;
      color: #ffffff;
      text-transform: none;
      display: inline-block;
      width: 49%; }
      .everyone-holder .person-list .person-details .btn.btn-save[disabled] {
        background-color: #FDE157;
        color: #585757; }
    .everyone-holder .person-list .person-details .btn.btn-close {
      font-size: 14px;
      font-weight: 500;
      background-color: #281122;
      border: solid 1px #281122;
      padding: 5px 24px;
      height: auto;
      color: #ffffff;
      text-transform: none;
      display: inline-block;
      width: 49%; }

.task-sidebar a.btn-client {
  display: inline-block;
  width: auto; }

.task-holder {
  background-color: #f8f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px; }
  .task-holder .sort-title {
    font-size: 18px;
    margin-right: 30px; }
  .task-holder .btn-sm .sort-caret {
    margin: 0 0 0 40px; }
  .task-holder .show-holder {
    text-align: right;
    padding-top: 10px;
    padding-right: 25px; }
    .task-holder .show-holder .show-title {
      font-size: 18px;
      margin-right: 30px; }

.checkbox-label {
  font-size: 18px; }

.checkbox {
  display: inline-block;
  margin: 0px;
  min-height: auto; }

.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox-container.checkbox-small {
    font-size: 12px; }
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .checkbox-container input:checked ~ .checkmark {
      background-color: #f8f7f7; }
      .checkbox-container input:checked ~ .checkmark:after {
        display: block; }
  .checkbox-container .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #f8f7f7;
    border: solid 1px #9d9d9c; }
    .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 0px;
      top: 0px;
      width: 13px;
      height: 13px;
      border: 3px solid #f8f7f7;
      background-color: #008996; }
  .checkbox-container.label-left {
    padding-left: auto;
    padding-right: 35px; }
    .checkbox-container.label-left .checkmark {
      left: auto;
      right: 0px; }
  .checkbox-container:hover input ~ .checkmark {
    background-color: #008996; }

.task-list .task-list-item {
  background: #f8f7f7;
  padding: 4px 8px;
  margin-bottom: 2px; }
  .task-list .task-list-item:hover {
    background-color: #ebebeb; }
  .task-list .task-list-item.active {
    background-color: #ebebeb; }
  .task-list .task-list-item .person {
    width: 180px;
    text-align: center;
    padding: 10px 10px 8px 10px;
    color: #ffffff;
    font-family: "Cairo", serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: none;
    font-weight: 300; }
  .task-list .task-list-item .task-list-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #281122;
    margin-left: 25px; }

a .task-deadline {
  font-family: "Cairo", serif;
  color: #281122;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px; }
  a .task-deadline .deadline {
    font-family: "Cairo", serif;
    color: #281122;
    font-size: 12px;
    line-height: 30px;
    font-style: italic; }

a .task-updated {
  font-family: "Cairo", serif;
  color: #281122;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px; }
  a .task-updated .updated {
    font-family: "Cairo", serif;
    color: #281122;
    font-size: 12px;
    line-height: 30px;
    font-style: italic; }

h3.calender-title {
  font-size: 18px;
  font-weight: 400; }

.cal-person .person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #281122;
  font-family: "Cairo", serif;
  font-size: 14px;
  line-height: 14px;
  text-transform: none;
  font-weight: 300; }

.calendar-event {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px; }

h5.task-list-completed {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: center; }

.person-show-detail .task-list-small {
  margin-top: 100px; }
  .person-show-detail .task-list-small .task-filters {
    padding-top: 25px; }
    .person-show-detail .task-list-small .task-filters .show-title {
      display: none; }
    .person-show-detail .task-list-small .task-filters .sort-title {
      margin-right: 10px; }
    .person-show-detail .task-list-small .task-filters .btn-sm {
      font-size: 13px;
      padding: 8px 15px;
      background-color: #008996;
      color: #ffffff;
      border: solid 1px #008996; }
      .person-show-detail .task-list-small .task-filters .btn-sm .sort-caret {
        margin-left: 10px; }
  .person-show-detail .task-list-small .show-holder {
    padding-top: 6px; }
  .person-show-detail .task-list-small .task-deadline {
    display: none; }

.person-show-detail .owner {
  position: absolute;
  top: -60px;
  right: -80px; }

.project-sidebar-hidden {
  display: none; }

.person-projects .person-round-small {
  display: none; }

.project-sidebar-list .person {
  display: none; }

.project-sidebar-list h5.task-list-name {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #f8f7f7;
  border-bottom: solid 1px #008996; }
  .project-sidebar-list h5.task-list-name a {
    font-size: 18px;
    color: #281122;
    font-weight: 600;
    line-height: 30px; }

.project-sidebar-list .task-list .task-list-item {
  background-color: #f8f7f7;
  border-bottom: solid 1px #ebebeb;
  color: #281122;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px; }
  .project-sidebar-list .task-list .task-list-item.active {
    background-color: #ebebeb; }
  .project-sidebar-list .task-list .task-list-item:hover {
    background-color: #ebebeb;
    text-decoration: none;
    color: #281122; }
  .project-sidebar-list .task-list .task-list-item a {
    color: #281122;
    text-decoration: none; }
    .project-sidebar-list .task-list .task-list-item a:hover {
      background-color: #f7f5f1;
      text-decoration: none;
      color: #281122; }
  .project-sidebar-list .task-list .task-list-item .task-list-title {
    padding-right: 20px;
    padding-left: 0px; }

.projects-bar {
  background-color: #f8f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px; }

.page-title-bar {
  background-color: #f9f7f7;
  -webkit-box-shadow: 0px 4px 5px -5px #919191;
  -moz-box-shadow: 0px 4px 5px -5px #919191;
  box-shadow: 0px 4px 5px -5px #919191; }

.page-title {
  color: #281122;
  font-size: 24px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-bottom: 25px; }

.page-header {
  color: #281122;
  font-size: 24px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px; }
  .page-header a {
    color: #281122; }
    .page-header a.btn-edit {
      margin-left: 40px; }

.page-sub-header {
  color: #281122;
  font-size: 15px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px; }

.comment-person {
  text-align: center;
  padding: 0px;
  width: 11%; }

.comment-source {
  width: 78%; }

.comment-info-normal {
  margin-top: 10px;
  margin-bottom: 10px; }

.comment-info {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ebebeb; }
  .comment-info:before {
    content: '';
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 30px);
    z-index: -1; }
  .comment-info span.date {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }
  .comment-info span a.delete, .comment-info span a.edit {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }

.task-event-comment .comment-info-extra, .task-event-comment.deleted .comment-info-extra {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1; }
  .task-event-comment .comment-info-extra:before, .task-event-comment.deleted .comment-info-extra:before {
    border-top: 1px solid #ebebeb;
    content: '';
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 30px);
    z-index: -1; }
  .task-event-comment .comment-info-extra span, .task-event-comment.deleted .comment-info-extra span {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }

.task-event-comment .comment-comment, .task-event-comment.deleted .comment-comment {
  background-color: #f8f7f7;
  box-shadow: 0px 0px 6px rgba(157, 157, 156, 0.4);
  padding: 30px;
  position: relative;
  margin-right: 0px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px; }
  .task-event-comment .comment-comment::before, .task-event-comment.deleted .comment-comment::before {
    background-color: #f8f7f7;
    box-shadow: -2px 2px 2px 0 rgba(157, 157, 156, 0.2);
    content: "\A0";
    display: block;
    position: absolute;
    height: 20px;
    left: -10px;
    top: 20px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 20px; }
  .task-event-comment .comment-comment p, .task-event-comment.deleted .comment-comment p {
    font-size: 14px;
    line-height: 26px;
    overflow-x: hidden; }
    .task-event-comment .comment-comment p a:not([target]), .task-event-comment.deleted .comment-comment p a:not([target]) {
      background-color: #008996;
      display: inline-block;
      padding: 1px 5px;
      color: #ffffff; }
  .task-event-comment .comment-comment .comment-number, .task-event-comment.deleted .comment-comment .comment-number {
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .task-event-comment .comment-comment .comment-edit, .task-event-comment.deleted .comment-comment .comment-edit {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: smaller;
    color: #ffffff;
    background-color: #ddd;
    padding: 0 5px;
    width: 40px;
    text-align: center; }
    .task-event-comment .comment-comment .comment-edit.public, .task-event-comment.deleted .comment-comment .comment-edit.public {
      background-color: #008996; }
    .task-event-comment .comment-comment .comment-edit:hover, .task-event-comment.deleted .comment-comment .comment-edit:hover {
      filter: brightness(90%); }
  .task-event-comment .comment-comment.even, .task-event-comment.deleted .comment-comment.even {
    position: relative;
    background-color: #ffffff; }
    .task-event-comment .comment-comment.even::before, .task-event-comment.deleted .comment-comment.even::before {
      background-color: #ffffff;
      box-shadow: 2px -2px 2px 0 rgba(157, 157, 156, 0.4);
      content: "\A0";
      display: block;
      height: 20px;
      right: -10px;
      left: auto;
      top: 20px;
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 20px; }

.nav.nav-tabs > li {
  float: right;
  padding: 0px;
  border: none; }
  .nav.nav-tabs > li a {
    background-color: #281122;
    padding: 6px 25px;
    border: none;
    border-radius: 0px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    border-left: solid 1px #ebebeb;
    margin: 0px; }
  .nav.nav-tabs > li.active a {
    background-color: #ebebeb;
    color: #281122;
    margin: 0px;
    padding: 6px 25px;
    border: none; }
    .nav.nav-tabs > li.active a:hover {
      padding: 6px 25px; }

.tab-content .checkbox .checkbox-container {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px; }

#task-detail .btn-bookkeeping.person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #281122;
  font-family: "Cairo", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
  margin-right: 20px; }

#task-detail .alert-warning {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  width: calc(100% - 30px); }

#task-detail .table.table-bookkeeping td {
  padding: 0px;
  font-size: 14px; }
  #task-detail .table.table-bookkeeping td .input-group-addon {
    font-size: 15px; }

#task-detail .table.table-bookkeeping .total td {
  font-weight: 600; }

.currency {
  display: inline-block;
  text-align: center;
  width: 32px;
  margin-right: 6px; }

.cust-picker > button {
  color: #555555;
  background-color: #ffffff;
  border: inherit; }
  .cust-picker > button:hover {
    color: #555555;
    background-color: #ffffff;
    border: inherit; }

@media only screen and (min-width: 1600px) {
  .task-holder {
    height: 110px;
    padding-top: 10px; } }

@media only screen and (max-width: 768px) {
  .add-footer {
    position: relative;
    bottom: auto;
    left: auto;
    height: auto; }
  .project-list {
    margin-bottom: 30px; }
  .choose-person-holder {
    right: -295px !important; }
  .everyone-holder .person-list .person-details {
    width: 100%; }
  .everyone-holder .person-name {
    font-size: 20px; }
  .everyone-holder .person-active {
    font-size: 13px; }
  .everyone-holder .person-hidden {
    font-size: 13px; } }

@media only screen and (min-width: 768px) {
  .table {
    overflow-x: scroll;
    overflow-y: hidden; } }

@media only screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .choose-person-holder {
    right: 0 !important;
    top: 47px !important; }
  .task-detail {
    margin-top: 25px; }
  .col-sm-8.ng-scope {
    padding-right: 15px; }
  .mobile-table table, .mobile-table thead, .mobile-table tbody, .mobile-table th, .mobile-table td, .mobile-table tr {
    display: block; }
  .mobile-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .mobile-table tr {
    border: 1px solid #ccc; }
  .mobile-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; }
    .mobile-table td:before {
      position: relative;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }
    .mobile-table td:nth-of-type(1):before {
      content: "Name:"; }
    .mobile-table td:nth-of-type(2):before {
      content: "Address:"; }
    .mobile-table td:nth-of-type(3):before {
      content: "Postal code:"; }
    .mobile-table td:nth-of-type(4):before {
      content: "City:"; }
    .mobile-table td:nth-of-type(5):before {
      content: "Telephone:"; }
    .mobile-table td:nth-of-type(6):before {
      content: "Contact #1:"; }
    .mobile-table td:nth-of-type(7):before {
      content: "Email:"; }
    .mobile-table td:nth-of-type(8):before {
      content: "Mobile phone:"; }
  .tasks-table-row.ng-scope .tasks-table-cell {
    border: none;
    border-bottom: 1px solid #eee; }
    .tasks-table-row.ng-scope .tasks-table-cell .tasks-table-cell:first-child {
      padding-left: 6px; }
    .tasks-table-row.ng-scope .tasks-table-cell:before {
      left: 6px;
      padding-left: 6px;
      padding-right: 10px;
      white-space: nowrap; }
    .tasks-table-row.ng-scope .tasks-table-cell:nth-of-type(1):before {
      content: "Delete:"; }
    .tasks-table-row.ng-scope .tasks-table-cell:nth-of-type(2):before {
      content: "IP:"; }
    .tasks-table-row.ng-scope .tasks-table-cell:nth-of-type(3):before {
      content: "Comment:"; }
  .tasks-table .ip-row-names {
    display: none !important; } }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #008996; }

input:focus + .slider {
  box-shadow: 0 0 1px #008996; }

input:disabled + .slider {
  background-color: #798d8f; }

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

/* Rounded sliders */
.slider.round {
  border-radius: 26px; }

.slider.round:before {
  border-radius: 50%; }

.task-list-list .checkbox {
  margin: 0; }

.task-list-list.col-sm-4 {
  border-left: 1px solid #008996; }
  .task-list-list.col-sm-4 .task-list .person {
    width: 20px;
    text-align: center;
    overflow: hidden;
    letter-spacing: 20px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 16px;
    line-height: 1;
    padding: 3px 4px 1px 4px; }

.project-list > a {
  display: block;
  padding: 5px; }
  .project-list > a .company_name {
    float: right; }
  .project-list > a .first_contact {
    min-width: 200px;
    text-align: right;
    float: right; }

.project-list-overview .person-round-small {
  display: none; }

.project-list-small .person {
  display: none; }

.project-list-small .task-deadline {
  display: none; }

.project-list-small .project-detail-list h5.task-list-name {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #f8f7f7;
  border-bottom: solid 1px #008996; }

.project-list-small .task-list .task-list-item {
  background-color: #f8f7f7;
  border-bottom: solid 1px #ebebeb;
  color: #281122;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px; }
  .project-list-small .task-list .task-list-item.active {
    background-color: #ebebeb; }
  .project-list-small .task-list .task-list-item:hover {
    background-color: #ebebeb;
    text-decoration: none;
    color: #281122; }
  .project-list-small .task-list .task-list-item a {
    color: #db7e2b;
    text-decoration: none; }
    .project-list-small .task-list .task-list-item a:hover {
      background-color: #f7f5f1;
      text-decoration: none;
      color: #281122; }
  .project-list-small .task-list .task-list-item .task-list-title {
    padding-right: 20px;
    padding-left: 0px; }

.project-list-small .new-list-holder {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ebebeb; }
  .project-list-small .new-list-holder select {
    padding-top: 2px;
    padding-bottom: 2px; }

.person-show-detail .page-header {
  margin-top: 0px;
  margin-left: 35px;
  z-index: 50; }

.person-show-detail .edit-project-name {
  margin-top: -10px; }

.project-view .task-header-container {
  position: absolute;
  top: -75px;
  left: 0px;
  width: 100%;
  height: 60px; }
  .project-view .task-header-container h5.task-list-name {
    margin-top: 0px;
    margin-left: 20px; }
  .project-view .task-header-container h3.task-name {
    margin-left: 20px; }
  .project-view .task-header-container .choose-person-holder {
    padding-left: 15px;
    top: -30px; }
  .project-view .task-header-container .task-deadline-holder {
    top: -22px; }

@media only screen and (max-width: 1600px) {
  .project-view .task-header-container {
    top: -65px; } }

.task-list-name {
  font-weight: bold;
  color: #555; }
  .task-list-name a {
    color: black; }

.task-list .task-list-item {
  display: flex;
  white-space: nowrap;
  overflow: hidden; }
  .task-list .task-list-item:hover {
    text-decoration: none; }
    .task-list .task-list-item:hover .task-list-title {
      text-decoration: underline; }
  .task-list .task-list-item .person {
    vertical-align: middle; }
  .task-list .task-list-item .task-list-title {
    flex: 1;
    padding-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden; }
  .task-list .task-list-item .task-list-time {
    padding-right: 5px;
    line-height: 40px; }
  .task-list .task-list-item .deadline {
    margin-right: 5px; }
  .task-list .task-list-item.hidden-task {
    opacity: .5; }
  .task-list .task-list-item.later {
    border-right: 5px solid #ADD8E6; }

.task-list div:last-child {
  margin-bottom: 10px 0; }

.edit-project-name {
  margin-top: 20px;
  margin-bottom: 10px; }

.autocomplete-client .dropdown-menu {
  top: auto !important;
  bottom: 40px;
  display: contents !important; }

.btn-buffer {
  position: relative;
  top: 60px;
  float: right; }

.select-status-project {
  position: relative;
  top: 60px;
  float: right;
  color: #555555;
  background-color: #ffffff;
  border: inherit;
  margin-right: 5px; }
  .select-status-project:hover {
    color: #555555;
    background-color: #ffffff;
    border: inherit; }

.select-status-me {
  float: right;
  color: #555555;
  background-color: #ffffff;
  border: inherit; }
  .select-status-me:hover {
    color: #555555;
    background-color: #ffffff;
    border: inherit; }

.client-notes {
  background-color: #f9f7f7;
  padding: 15px; }

.header-line {
  -webkit-box-shadow: 0px 4px 5px -5px #919191;
  -moz-box-shadow: 0px 4px 5px -5px #919191;
  box-shadow: 0px 4px 5px -5px #919191; }

.notes-container {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  overflow-y: hidden;
  padding-bottom: 10px; }
  .notes-container .inner {
    -webkit-box-shadow: 0px 0px 5px 0px #919191;
    -moz-box-shadow: 0px 0px 5px 0px #919191;
    box-shadow: 0px 0px 5px 0px #919191; }

.project-task-buttons {
  float: right; }

.project-task-row1 {
  padding: 20px 0; }
  .project-task-row1 .checkbox {
    margin-top: 12px; }
  .project-task-row1 h1.page-header {
    margin: 10px 0px; }

@media only screen and (max-width: 768px) {
  .company_name {
    display: none; }
  .first_contact {
    display: none; }
  .task-list .task-list-item {
    overflow: scroll; }
  .notes {
    position: absolute;
    display: block;
    top: 50px;
    left: 10px;
    float: left; }
  .wishlist {
    position: absolute;
    display: block;
    top: 85px;
    left: 10px;
    float: left; }
  .buffer {
    position: absolute;
    display: block;
    top: 120px;
    left: 10px;
    float: left; }
  .unestimated {
    position: absolute;
    display: block;
    top: 155px;
    left: 10px;
    float: left; } }

.person-list .person-block {
  position: relative; }
  .person-list .person-block:hover .detail-trigger {
    display: block;
    text-align: center; }

.person-list .detail-trigger, .person-list .person-details {
  position: absolute;
  background-color: white; }

.person-list .detail-trigger {
  width: 100%;
  left: 0;
  top: 210px;
  text-align: center; }

.person-list .person-details {
  width: 30%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9911119;
  padding: 0 60px 0 60px;
  overflow-y: scroll; }
  .person-list .person-details .inner {
    position: relative;
    display: block; }
  .person-list .person-details h3 {
    margin: 0;
    padding: 0; }
  .person-list .person-details input {
    width: 100%; }
  .person-list .person-details input[type=color] {
    height: 34px; }
  .person-list .person-details input[type=date] {
    height: 34px; }
  .person-list .person-details label {
    margin-top: 5px; }
  .person-list .person-details ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .person-list .person-details ul li {
      padding-bottom: 5px; }
  .person-list .person-details .name, .person-list .person-details .btn {
    width: 50%;
    margin: 15px 0;
    padding: 5px 10px;
    left: 0;
    bottom: 0;
    text-align: center;
    font-weight: normal;
    font-size: 14px; }
  .person-list .person-details .btn {
    color: #999;
    opacity: 1; }
  .person-list .person-details .name {
    top: 5px; }

.person-list a {
  display: block;
  margin-bottom: 30px;
  font-size: .8em; }
  .person-list a .name {
    font-size: 1.5em; }

.overtime div {
  font-weight: bold; }
  .overtime div .comment {
    font-weight: normal; }

.overtime .status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold; }
  .overtime .status label {
    font-style: italic; }
  .overtime .status .approved {
    color: green; }
  .overtime .status .waiting {
    color: orange; }

.task-sidebar {
  width: 100%;
  background-color: #ebebeb;
  padding: 0px;
  z-index: 1;
  position: relative;
  padding-bottom: 30px; }
  .task-sidebar:before {
    position: absolute;
    content: '';
    width: 1000px;
    height: 100%;
    background-color: #ebebeb;
    overflow: hidden;
    top: 0px;
    left: -1000px; }
  .task-sidebar a {
    display: block; }
  .task-sidebar .task-sidebar-group {
    margin-bottom: 40px; }
    .task-sidebar .task-sidebar-group:last-child {
      margin-bottom: 0; }
    .task-sidebar .task-sidebar-group > div {
      padding: 3px 0;
      border-bottom: 1px solid #eee; }
  .task-sidebar .task-sidebar-subheader {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 5px; }
  .task-sidebar .form-control-static {
    padding: 0;
    line-height: 27px;
    margin-right: 15px; }
  .task-sidebar .owner {
    display: flex; }
    .task-sidebar .owner .choose-person {
      flex: 1; }

.tab-content .input-group {
  margin-bottom: 10px; }

.task-sidebar-toggle {
  text-align: right; }
  .task-sidebar-toggle .task-sidebar-button {
    color: #ffffff;
    font-size: 13px;
    background-color: #008996;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    max-width: 130px;
    padding: 5px 0;
    text-align: center; }

@media only screen and (max-width: 600px) {
  .bkpg-hide-on-mobile {
    visibility: hidden; }
  .bkpg-show-on-mobile {
    visibility: visible; } }

@media only screen and (min-width: 601px) {
  .bkpg-show-on-mobile {
    visibility: hidden; } }

.task-header-container {
  height: 100px; }
  .task-header-container h5.task-list-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #9d9d9c;
    margin: 0px;
    margin-top: 15px; }
    .task-header-container h5.task-list-name a {
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      color: #281122; }
  .task-header-container h3.task-name {
    font-size: 24px;
    line-height: 28px;
    color: #281122;
    font-weight: 600;
    margin: 0px; }
  .task-header-container .task-deadline-holder {
    position: absolute;
    top: 20px;
    right: 60px;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px; }
    .task-header-container .task-deadline-holder .task-deadline {
      font-size: 18px;
      font-weight: 400;
      line-height: 28px; }

.task-completed {
  float: left;
  padding: 5px 10px;
  margin-left: -10px;
  cursor: pointer; }
  .task-completed input {
    cursor: pointer; }

.task-name {
  margin: 0; }
  .task-name.completed {
    text-decoration: line-through; }

.task-description {
  margin-top: 25px !important; }
  .task-description img {
    max-width: 100%;
    height: auto; }
  .task-description a:not([target]) {
    background-color: #008996;
    display: inline-block;
    padding: 1px 5px;
    color: #ffffff; }

.anchor {
  display: block;
  position: relative;
  top: -5px;
  visibility: hidden; }

.task-completed-box {
  border: 1px solid #E3E3E3;
  text-align: center;
  height: 30px;
  background-color: #F0F0F0;
  color: gray;
  font-style: italic;
  padding: 4px; }

.task-event-comment img {
  max-width: 100%; }

.task-event-comment .visibility-toggle {
  display: none;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer; }
  .task-event-comment .visibility-toggle input {
    cursor: pointer; }

.task-event-comment .visibility .visibility-toggle {
  display: block; }

.task-detail .person {
  width: 100%;
  margin: 2px 0;
  padding: 3px; }

.task-detail .task-list-name {
  margin-top: 0; }

.choose-person-holder {
  padding-left: 15px;
  position: absolute;
  right: -500px;
  top: 10px;
  z-index: 40;
  width: 500px; }
  .choose-person-holder .choose-person button.person, .choose-person-holder .choose-person button.status, .choose-person-holder choose-status button.person, .choose-person-holder choose-status button.status {
    width: 100%; }
  .choose-person-holder .person, .choose-person-holder .status {
    width: 230px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    font-family: "Cairo", serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: none;
    font-weight: 300; }

.col-left, .col-right, .col-right2 {
  display: inline-block;
  width: 30%; }

.task-filters {
  margin-top: 20px; }

.comment-comment img {
  max-width: 100%;
  height: auto; }

.task-extra {
  margin-top: 10px;
  min-height: 27px; }
  .task-extra .pull-right {
    display: inline-block;
    margin: 0; }
    .task-extra .pull-right label {
      margin: 5px; }
  .task-extra .task-hidden button {
    margin-left: 5px; }

.hide-task-form,
.task-hidden {
  float: left;
  margin-right: 5px; }
  .hide-task-form .form-control,
  .task-hidden .form-control {
    width: 80px; }

.move-task-form .form-control {
  width: 180px; }

.sales-form {
  margin: 25px 0 0; }

.move-task-form, .open-sales {
  display: inline-block; }

.task-event-comment {
  color: inherit;
  text-align: left; }
  .task-event-comment .date {
    margin-left: 0;
    color: #888;
    font-size: 11px; }
  .task-event-comment .comment-person .date {
    margin: 3px 0; }

.comment-form-bottom {
  margin-top: 5px; }
  .comment-form-bottom .form-control {
    margin-right: 2px; }
  .comment-form-bottom .minutes {
    width: 20%; }

.comment-person .person-round-small {
  display: none; }

#bookkeeping .table {
  width: auto; }

#bookkeeping td {
  width: 150px;
  vertical-align: middle; }
  #bookkeeping td:first-child {
    padding-left: 0;
    width: 80px; }

#bookkeeping .total .currency {
  display: inline-block;
  text-align: center;
  width: 32px;
  margin-right: 6px; }

.estimates-container .row div {
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.time_remaining .bold {
  font-weight: 900;
  color: red; }

#task-detail-content.scroll-window {
  padding-right: 5px;
  padding-top: 20px; }

.upload form {
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer; }

.upload input[type=file] {
  font-size: 200px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0; }

.upload label {
  color: #ccc;
  font-size: 24px;
  margin: 30px 0;
  display: block;
  text-align: center; }

.file-link {
  display: block; }

.chat-date {
  display: none; }

.chat-user {
  display: inline-block;
  width: 70px;
  text-align: center;
  padding-right: 15px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: #999;
  overflow: hidden;
  float: left;
  clear: left;
  font-weight: bold; }

.task-filters {
  display: flex;
  justify-content: space-between; }
  .task-filters .btn {
    font-weight: normal; }
  .task-filters .checkbox {
    display: inline; }
    .task-filters .checkbox:not(:last-child) label {
      padding-right: 10px; }

.edit-task-name {
  margin-top: -20px; }

.search-result {
  padding: 3px 20px;
  padding-right: 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #999999;
  white-space: nowrap; }

.col-sm-7 {
  padding-top: 5px;
  padding-bottom: 5px; }

.time_planned_list {
  float: right;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px; }
  .time_planned_list.red {
    color: red; }

@media only screen and (max-width: 768px) {
  .person-round-small {
    display: inline-block; }
  .person-projects .person-round-small {
    display: inline-block; }
  .comment-person .person-round-small {
    display: inline-block; }
  .task-header-container h3.task-name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: string; }
  .task-header-container .task-deadline-holder {
    top: -17px;
    right: 10px;
    font-size: 13px;
    line-height: 7px; }
    .task-header-container .task-deadline-holder .task-deadline {
      font-size: 15px; }
  .task-holder {
    min-height: 160px; }
  .new-task-holder form {
    display: block;
    padding: 6px;
    margin: 10px; }
  .new-list-holder form {
    display: block;
    padding: 6px;
    margin: 10px; }
  .form-control {
    margin-left: 0px;
    margin-right: 0px; }
  .project-view .task-header-container {
    top: -180px; }
  .choose-person-holder {
    top: 50px !important; }
  #task-detail .btn-bookkeeping.person {
    width: 120px; }
  #task-detail .table.table-bookkeeping td {
    min-width: 100px;
    text-align: center; }
  #task-detail .table.table-bookkeeping .savebtn {
    position: absolute;
    bottom: 6px;
    right: 4px; }
  .task-sidebar {
    height: 500px; }
  tr, td {
    display: inline; }
  td {
    position: relative; }
  .advies {
    position: absolute;
    display: block; }
    .advies .timeuit {
      display: block; }
  .subtotaal {
    position: absolute;
    bottom: 90px;
    left: -5px; }
  .buffer {
    position: absolute; }
    .buffer .buffer {
      display: block; }
    .buffer .timeuit {
      display: block; } }

.tasks-table {
  display: table;
  width: 100%; }

.tasks-table-body {
  display: table-row-group; }

.tasks-table-row {
  display: table-row;
  text-decoration: none !important;
  background-color: #f7f5f1;
  border-bottom: solid 5px #ffffff; }
  .tasks-table-row.header, .tasks-table-row.footer {
    font-weight: bold; }
  .tasks-table-row.header > div {
    border-bottom: 1px solid #aaa; }
  .tasks-table-row.footer > div {
    border-top: 1px solid #aaa; }

.tasks-table-row-white {
  display: table-row;
  text-decoration: none !important; }

.tasks-table-cell {
  vertical-align: middle;
  display: table-cell;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  border-bottom: solid 2px #ffffff; }
  .tasks-table-cell label {
    font-weight: normal;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 0; }
  .tasks-table-cell.date-filter {
    width: 150px; }
  .tasks-table-cell:first-child {
    padding-left: 0; }
  .tasks-table-cell:last-child {
    padding-right: 0; }

.tasks-table-row .tasks-table-cell {
  margin-bottom: 5px; }

.bookkeeping-header {
  background-color: #ebebeb; }

.bookkeeping-row1 {
  padding: 20px 0; }
  .bookkeeping-row1 .checkbox {
    margin-top: 12px; }
  .bookkeeping-row1 h1.page-header {
    margin: 10px 0px; }

.bookkeeping-row2 {
  padding: 20px 0;
  text-align: right; }

.bookkeeping-row3 {
  padding-bottom: 60px; }
  .bookkeeping-row3 select {
    background-color: #281122;
    color: #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px; }

.glyphicon-remove {
  color: red; }

.activity {
  margin-bottom: 5px; }

.cost, .revenue {
  text-align: right;
  width: 90px; }

.cost {
  color: red; }

.revenue {
  color: green; }

.comments {
  background-color: #a8a8a8; }

.currency {
  float: left; }

.bookkeeping-view {
  float: right; }

.tasks-table-cell.urgency {
  color: #ffffff;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  font-family: "Cairo", serif;
  font-style: italic;
  width: 170px;
  padding: 2px 10px; }

.urgency-0 {
  background-color: #0a0; }

.urgency-1 {
  background-color: #fa0; }

.urgency-2 {
  background-color: #f50; }

.urgency-3 {
  background-color: #f00; }

a.project {
  color: #281122; }

a.tasks {
  color: #281122; }

.names {
  color: #281122;
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  font-family: "Cairo", serif;
  font-style: italic; }

.mobile-title {
  display: none; }

@media only screen and (max-width: 768px) {
  .tasks-table-row .tasks-table-cell {
    display: block;
    position: relative;
    width: 100%;
    text-align: left; }
    .tasks-table-row .tasks-table-cell .currency {
      margin-right: 5px; }
    .tasks-table-row .tasks-table-cell .mobile-title {
      position: absolute;
      display: block;
      right: 0px;
      top: 0px;
      background-color: #008996;
      color: #281122;
      padding: 0px 5px;
      font-family: "Cairo", serif;
      font-weight: 300;
      font-size: 12px; }
  .mobile-table-row {
    display: none; } }

@media only screen and (max-width: 600px) {
  .bkpg-tab-hide-on-mobile {
    visibility: hidden; }
  .bkpg-tab-show-on-mobile {
    visibility: visible; } }

@media only screen and (min-width: 601px) {
  .bkpg-tab-show-on-mobile {
    visibility: hidden; } }

.settings-container {
  padding-top: 15px; }

.eoitem-card {
  margin-top: 40px; }
  .eoitem-card .form-group {
    display: grid; }

.row.bb {
  border-bottom: solid;
  border-width: 1px;
  border-color: lightgray;
  padding-bottom: 5px;
  margin-bottom: 5px; }

.status-btn {
  width: 80px; }

.eoitem-remove-btn {
  width: 80px; }

.eoitem-save-btn {
  height: 20px;
  padding-bottom: 4px;
  padding-top: 4px; }

.management-container {
  padding-top: 15px; }
  .management-container .float-right {
    float: right; }
  .management-container table {
    width: 100%; }
    .management-container table th, .management-container table td {
      padding-left: 40px;
      padding-top: 10px;
      padding-bottom: 10px;
      border: none; }
    .management-container table th {
      color: black;
      background-color: white; }
    .management-container table tr {
      color: black;
      background-color: #f8faf9; }
    .management-container table tr:nth-child(even) {
      color: black;
      background-color: #eeeeee; }
    .management-container table tfoot td {
      color: white;
      background-color: #008996; }
  .management-container h1 {
    font-size: 14px;
    color: white;
    background-color: #db7e2b;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block; }
  .management-container .view-disabled {
    background-color: gray; }
  .management-container .form-group {
    display: inline-block; }
    .management-container .form-group label {
      display: block; }
    .management-container .form-group .form-control {
      width: 200px;
      margin: 0px;
      background-color: #f8faf9;
      border: none; }
  .management-container .sort-select-form {
    border: none;
    background-color: #db7e2b;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px; }
  .management-container select {
    padding-top: 2px;
    padding-bottom: 2px; }

.task-board-container {
  width: 100% !important;
  height: 90vh !important;
  overflow: hidden; }

.task-board-column {
  background-color: #EEEEEE;
  padding: 15px 15px 15px 15px;
  margin: 15px 15px 15px 15px;
  width: 20%;
  height: 50vh; }
  .task-board-column .block-content {
    margin-top: 0px !important;
    overflow: scroll;
    overflow-x: hidden;
    height: 90%; }
    .task-board-column .block-content .person {
      min-height: 50%;
      width: auto; }
    .task-board-column .block-content .block-item {
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .task-board-column .block-content .block-item .task-name {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
    .task-board-column .block-content .late {
      box-shadow: 0 -5px 0 #d9534f inset; }
    .task-board-column .block-content .disabled {
      background-color: #bcc3cc !important;
      color: #ffffff; }
    .task-board-column .block-content .impediment {
      box-shadow: 6px 0 0 #FF851B inset; }
    .task-board-column .block-content .late.impediment {
      box-shadow: 0 -5px 0 #d9534f inset, 6px 0 0 #FF851B inset; }

.task-board-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .task-board-row .weekArrow {
    transform: translate(0%, 15%); }

.task-board-filter-row {
  padding-top: 1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .task-board-filter-row .checkbox {
    width: 10%;
    display: block; }

.calender-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px; }
  .calender-person-popup .person:nth-child(4n) {
    margin-right: 0; }

.calender-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px; }
  .calender-person-popup .person:nth-child(4n) {
    margin-right: 0; }

.choose-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px; }
  .choose-person-popup .person:nth-child(4n) {
    margin-right: 0; }

.choose-person button.person {
  width: 100%; }

.person {
  color: white;
  font-size: .9em; }
  .person:hover {
    color: white; }

.person-round {
  width: 100px;
  height: 100px;
  border-radius: 90px;
  display: inline-block;
  font-size: 38px;
  line-height: 100px;
  color: #ffffff;
  text-transform: none; }

.person-round-small {
  width: 30px;
  height: 30px;
  border-radius: 90px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #ffffff;
  text-transform: none; }

.person-round-medium {
  width: 50px;
  height: 50px;
  border-radius: 90px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  text-transform: none; }

.person- {
  background-color: #000000; }

.person-color- {
  color: #000000; }

.person-initials-:after {
  content: '+'; }

.person-joep, .person-1 {
  background-color: #a200ff; }

.person-color-1 {
  color: #a200ff; }

.person-initials-1:after {
  content: "JvL"; }

.person-joost, .person-2 {
  background-color: #9d9d9c; }

.person-color-2 {
  color: #9d9d9c; }

.person-initials-2:after {
  content: 'JvdW'; }

.person-rob, .person-3 {
  background-color: #447740; }

.person-color-3 {
  color: #447740; }

.person-initials-3:after {
  content: 'RW'; }

.person-dennis, .person-4 {
  background-color: #9d9d9c; }

.person-color-4 {
  color: #9d9d9c; }

.person-initials-4:after {
  content: 'DA'; }

.person-tom, .person-5 {
  background-color: #9d9d9c; }

.person-color-5 {
  color: #9d9d9c; }

.person-initials-5:after {
  content: 'TL'; }

.person-bart, .person-6 {
  background-color: #9d9d9c; }

.person-color-6 {
  color: #9d9d9c; }

.person-initials-6:after {
  content: 'BvD'; }

.person-paul, .person-7 {
  background-color: #9d9d9c; }

.person-color-7 {
  color: #9d9d9c; }

.person-initials-7:after {
  content: 'P'; }

.person-brent, .person-8 {
  background-color: #95ca35; }

.person-color-8 {
  color: #95ca35; }

.person-initials-8:after {
  content: 'BV'; }

.person-marjolein, .person-9 {
  background-color: #FF2727; }

.person-color-9 {
  color: #FF2727; }

.person-initials-9:after {
  content: '!!!'; }

.person-klant, .person-16 {
  background-color: #ff8a00; }

.person-color-16 {
  color: #ff8a00; }

.person-initials-16:after {
  content: '';
  background-image: url("/s/img/handshake.png");
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: 80%; }

.person-steffie, .person-18 {
  background-color: #9d9d9c; }

.person-color-18 {
  color: #9d9d9c; }

.person-initials-18:after {
  content: 'S'; }

.person-karlijn, .person-19 {
  background-color: #cc3c92; }

.person-color-19 {
  color: #cc3c92; }

.person-initials-19:after {
  content: 'KvS'; }

.person-mohamed, .person-22 {
  background-color: #9d9d9c; }

.person-color-22 {
  color: #9d9d9c; }

.person-initials-22:after {
  content: 'M'; }

.person-marco, .person-23 {
  background-color: #9fcfff; }

.person-color-23 {
  color: #9fcfff; }

.person-initials-23:after {
  content: 'MH'; }

.person-whishlist, .person-24 {
  background-color: #efefef; }

.person-color-24 {
  color: #efefef; }

.person-initials-24:after {
  content: 'WL'; }

.person-roy, .person-26 {
  background-color: #01a19f; }

.person-color-26 {
  color: #01a19f; }

.person-initials-26:after {
  content: 'R'; }

.person-michiel, .person-27 {
  background-color: #9d9d9c; }

.person-color-27 {
  color: #9d9d9c; }

.person-initials-27:after {
  content: 'MP'; }

.person-robg, .person-28 {
  background-color: #225a9e; }

.person-color-28 {
  color: #225a9e; }

.person-initials-28:after {
  content: 'RG'; }

.person-niels, .person-29 {
  background-color: #ffe400; }

.person-color-29 {
  color: #ffe400; }

.person-initials-29:after {
  content: 'NvdO'; }

.person-antoine, .person-30 {
  background-color: #cd3901; }

.person-color-30 {
  color: #cd3901; }

.person-initials-30:after {
  content: 'AH'; }

.person.person-32 {
  background-color: #D21414;
  border: 0px; }

.person-ewald, .person-32 {
  background-color: #fff;
  border: 10px solid #D21414; }

.person-color-32 {
  color: #D21414; }

.person-round-medium.person-32 {
  background-color: #D21414;
  border: 0px; }

.person-round-medium.person-initials-32:after {
  color: #fff;
  content: 'EG';
  line-height: 50px !important; }

.person-round-small.person-32 {
  background-color: #D21414;
  border: 0px; }

.person-round-small.person-initials-32:after {
  color: #fff;
  content: 'EG';
  line-height: 30px !important; }

.person-initials-32:after {
  content: '50';
  color: #D21414;
  line-height: 80px; }

.person-rowan, .person-33 {
  background-color: #05dbc4; }

.person-color-33 {
  color: #05dbc4; }

.person-initials-33:after {
  content: 'RA'; }

.person-menno, .person-34 {
  background-color: #d2ff00; }

.person-color-34 {
  color: #d2ff00; }

.person-initials-34:after {
  content: 'MO'; }

.choose-status-popup .status {
  width: 47%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px;
  white-space: normal !important;
  word-wrap: break-word;
  font-size: 2rem;
  text-transform: uppercase; }
  .choose-status-popup .status:nth-child(4n) {
    margin-right: 0; }

.choose-status button.status {
  width: 100%; }

.status {
  color: white;
  font-size: .9em;
  overflow: hidden;
  text-overflow: ellipsis; }
  .status:hover {
    color: white; }

.modal .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none; }

.modal .modal-header {
  font-weight: bold;
  text-transform: uppercase; }

.modal .modal-footer button {
  min-width: 80px; }

.modal .modal-body {
  word-wrap: break-word; }

.btn-del-project {
  float: left; }

@media (max-width: 1199px) {
  .modal-body {
    word-wrap: break-word; }
    .modal-body .btn {
      font-size: 1.5em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }

.search-container {
  padding-top: 15px; }
  .search-container ul {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    list-style-type: none;
    padding-left: 0px; }
  .search-container h1 {
    font-size: 14px;
    color: white;
    background-color: #db7e2b;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block; }
  .search-container .navbar-search-form {
    margin: 2px 0; }
    .search-container .navbar-search-form input.form-control {
      min-width: 300px; }
  .search-container .navbar-search-results {
    position: absolute;
    width: 800px;
    margin-left: -110px;
    top: 50px;
    left: 50%;
    background-color: white;
    border-left: 1px solid #ddd;
    box-shadow: 5px 5px 15px rgba(200, 200, 200, 0.8); }
  .search-container .search-result {
    margin-top: 40px; }
    .search-container .search-result a {
      display: block;
      font-size: 1.2em;
      line-height: 1.1;
      color: #008996; }
    .search-container .search-result .date {
      float: right; }
    .search-container .search-result:first-child {
      margin-top: 0; }
    .search-container .search-result hr {
      display: none;
      border-color: #db7e2b; }
    .search-container .search-result em {
      font-weight: bold; }
    .search-container .search-result .project {
      font-style: italic;
      color: #444;
      font-size: .9em; }
  .search-container .search-highlight {
    padding-top: 2px;
    margin-top: 2px;
    line-height: 1.1;
    font-size: .9em;
    color: #666; }
    a + .search-container .search-highlight {
      border-top: 0; }
    .search-container .search-highlight * {
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important; }
    .search-container .search-highlight b {
      font-weight: normal; }
    .search-container .search-highlight em {
      font-weight: bold;
      color: black; }
    .search-container .search-highlight p {
      margin-bottom: 3px; }
    .search-container .search-highlight:after {
      display: block;
      width: 10%;
      border-top: 1px solid #ddd;
      content: ' ';
      font-size: 0;
      margin-top: 2px;
      padding-bottom: 2px; }
    .search-container .search-highlight:last-child:after {
      display: none; }
  .search-container .form-control {
    margin: 0px;
    background-color: #f8faf9;
    border: none; }
  @media (min-width: 768px) {
    .search-container .search-projects-ul {
      display: none; } }
  @media (max-width: 767px) {
    .search-container .search-projects {
      display: none; } }

.log-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd; }
  .log-item .date {
    float: right; }
  .log-item .project {
    font-weight: bold; }
  .log-item .person {
    width: 100%;
    padding: 3px; }
  .log-item .row {
    margin-top: 5px; }

.cke.cke_chrome, .cke .cke_toolgroup, .cke .cke_contents, .cke .cke_combo_button {
  border-radius: 0; }

.cke.cke_chrome {
  padding: 0 1px;
  border: 0; }

.cke .cke_top {
  padding-top: 1px; }

.cke .cke_toolgroup, .cke .cke_combo_button {
  margin-bottom: 0; }

.cke .cke_button_icon {
  opacity: 1; }

.cke_dialog textarea.cke_dialog_ui_input_textarea {
  height: 250px; }

.loading-indicator {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: url("/s/img/loading.gif") center center;
  background-size: contain; }

.site-list > a {
  display: block;
  padding: 5px; }

.calendar-event label {
  display: block;
  margin-bottom: 0;
  font-size: .8em; }

.calendar-event .form-control {
  width: 200px;
  margin: 0px;
  background-color: #f8faf9;
  border: none; }

.calendar-event .form-control-static {
  padding-top: 4px;
  padding-bottom: 4px; }

.calendar-event input {
  width: 100px; }
  .calendar-event input[type=number] {
    width: 65px; }

.calendar-event .form-control.ng-invalid.ng-dirty {
  border-color: #faa;
  background-color: #fee; }

.calendar-event .warn {
  background-color: #a00;
  color: white; }

.calendar-event .past {
  opacity: .6; }

.calendar-filters {
  display: flex;
  justify-content: space-between; }

.calendar-filter {
  margin-right: 5px;
  flex: 1; }
  .calendar-filter:last-child {
    margin-right: 0; }

calendar-graph {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 60px; }

.calendar-grid {
  overflow: hidden;
  z-index: -1; }

.calendar-gridline {
  position: absolute;
  border-left: 1px solid #EAEAEA;
  top: 0;
  bottom: 0;
  transform: translateX(200px);
  font-size: .9em;
  background-color: #FAFAFA; }
  .calendar-gridline:nth-child(even) {
    background-color: #FAFAFA; }
  .calendar-gridline.weekend {
    color: #aaa;
    background-color: #F4F4F4; }

.calendar-gridline-label {
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -40px; }

.calendar-project {
  display: flex;
  border: 1px solid #eaeaea; }

.calendar-project-title {
  text-align: left;
  width: 200px;
  padding-left: 5px;
  align-self: center;
  color: white;
  margin: 10px 0 10px 0;
  font-size: 18px;
  display: inline-block;
  vertical-align: top; }

.calendar-project-gridline {
  position: absolute;
  border-left: 3px solid white;
  top: 0;
  bottom: 0;
  transform: translateX(200px); }

.calendar-project-tasks {
  flex: 1; }

.calendar-task {
  position: relative; }
  .calendar-task > a {
    display: inline-block; }
    .calendar-task > a:hover {
      text-decoration: none; }
      .calendar-task > a:hover .calendar-task-extra {
        display: block; }

.calendar-task-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  padding: 0 4px;
  line-height: 2.55;
  font-size: 18px;
  text-align: center;
  border: 1px solid #FAFAFA; }

.calendar-task-extra {
  display: none;
  position: absolute;
  top: 0;
  background-color: white;
  z-index: 3;
  border: 1px solid #ccc;
  color: black;
  box-shadow: 1px 1px 1px 0 #aaa; }
  .calendar-task-extra .title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #333;
    color: white;
    padding: 4px;
    line-height: 1; }
  .calendar-task-extra table {
    width: 100%;
    margin: 2px; }
  .calendar-task-extra th {
    padding-right: 20px; }
    .calendar-task-extra th:after {
      content: ':'; }
  .calendar-task-extra td, .calendar-task-extra th, .calendar-task-extra .title {
    white-space: nowrap; }

.client-new .upload form {
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer; }

.client-new .upload input[type=file] {
  font-size: 200px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0; }

.client-new .upload label {
  color: #ccc;
  font-size: 24px;
  margin: 30px 0;
  display: block;
  text-align: center; }

.client-new .buffer-button {
  display: flow-root;
  margin-top: 10px; }
  .client-new .buffer-button a {
    float: right; }

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.noborder {
  border: 0px !important; }

.card > hr {
  margin-right: 0;
  margin-left: 0; }

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header-border {
  border: 1px solid rgba(0, 0, 0, 0.125); }

.card-position {
  position: absolute;
  right: 10px;
  top: 7px;
  font-weight: bold; }

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child {
  border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card img {
  max-width: 100%;
  height: auto; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.card-deck .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px; } }

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.card-group > .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0; }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0; }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0; }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0; }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0; }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0; }
  .card-group > .card:only-child {
    border-radius: 0.25rem; }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
  .card-columns .card {
    display: inline-block;
    width: 100%; } }

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0; }

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0; }

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.border-warning {
  border-color: #FF851B !important; }

.bg-warning {
  background-color: #FF851B !important;
  color: #ffffff !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #e76b00 !important; }

.client-new select {
  background-color: #281122;
  color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 2px; }

.client-new .task-title {
  margin-top: 10px;
  margin-bottom: 10px; }

.client-new .deadline {
  background-color: rgba(0, 0, 0, 0.03);
  color: red; }

.client-new .list-group-item {
  display: inline-block;
  width: 100%; }

.client-new .list-group-item:first-child {
  border-top-right-radius: unset;
  border-top-left-radius: unset; }

.client-new .list-group-item:last-child {
  border-bottom-right-radius: unset; }

.client-new .task-footer {
  background-color: #f8f7f7;
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0px;
  left: 0px;
  padding-top: 0px; }

.client-new .task-description {
  padding: 10px;
  margin-bottom: 10px; }

.client-new .comments {
  max-height: 60vh;
  overflow-y: scroll; }

.client-new .comment {
  margin-bottom: 10px; }

.client-new .card-header .date {
  position: absolute;
  right: 10px; }

.client-new .sticky-top {
  position: fixed;
  z-index: 1;
  width: inherit;
  background-color: #ffffff;
  padding-top: 10px;
  -webkit-box-shadow: 0px 4px 5px -5px #919191;
  -moz-box-shadow: 0px 4px 5px -5px #919191;
  box-shadow: 0px 4px 5px -5px #919191;
  margin-left: -15px; }

.client-new .inner-scroll {
  position: absolute;
  top: 120px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  overflow-y: scroll; }

.client-new .padding-top-bottom {
  padding-top: 0px;
  padding-bottom: 30px; }

.client-new .loading-indicator {
  position: relative;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  top: 20px;
  height: 30px;
  background: url("/s/img/loading.gif") center center;
  background-size: contain; }

.client-new .text-capitalize {
  text-transform: capitalize; }

.client-new .client-action {
  font-weight: bolder; }

.client-new .upload form {
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer; }

.client-new .upload input[type=file] {
  font-size: 200px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0; }

.client-new .upload label {
  color: #ccc;
  font-size: 24px;
  margin: 30px 0;
  display: block;
  text-align: center; }

.client-new .form-control {
  font-size: 14px;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 24x;
  border: solid 1px #e5e5e5;
  display: inline-block; }
  .client-new .form-control:focus {
    outline: 0;
    border: solid 1px #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.client-new .form-inline .input-group > .form-control.input-big {
  width: 400px; }

.client-new .input-group-addon {
  background-color: #008996;
  border-color: #008996;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 18px;
  color: #281122; }

.client-new .btn-primary {
  font-size: 14px;
  font-weight: 500;
  background-color: #008996;
  border: solid 1px #008996;
  padding: 5px 24px;
  height: auto;
  color: #281122;
  text-transform: none;
  margin-right: 2px;
  margin-left: 2px; }
  .client-new .btn-primary[disabled] {
    background-color: #008996;
    border: solid 1px #008996; }
  .client-new .btn-primary:hover {
    background-color: #281122;
    border: solid 1px #281122;
    color: #008996; }
  .client-new .btn-primary.active {
    background-color: #281122;
    border: solid 1px #281122;
    color: #008996; }

.client-new .buffer-status .buffer-status-title {
  color: #000;
  font-size: 24px;
  border: none;
  margin-top: 25px;
  margin-left: 0px;
  margin-bottom: 25px; }

.client-new .buffer-row-item {
  background-color: #f7f5f1;
  border-bottom: solid 5px #fff;
  vertical-align: middle;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400; }

.client-new .btn-default {
  font-size: 14px;
  font-weight: 500;
  background-color: #281122;
  border: solid 1px #281122;
  padding: 5px 12px;
  height: auto;
  color: #008996;
  text-transform: none;
  margin-right: 5px; }
  .client-new .btn-default[disabled] {
    background-color: #281122;
    border: solid 1px #281122; }
  .client-new .btn-default:hover {
    background-color: #008996;
    border: solid 1px #008996;
    color: #281122; }

.client-new .btn-left {
  margin-left: 30px; }

.client-new .btn-small {
  font-size: 14px;
  padding: 4px 15px;
  display: inline-block; }

.client-new .btn-sort {
  padding: 5px 10px 5px 24px; }
  .client-new .btn-sort .glyphicon {
    font-size: 12px; }

.client-new h4, .client-new .h4, .client-new h5, .client-new .h5, .client-new h6, .client-new .h6 {
  margin-top: 0px;
  margin-bottom: 6px; }

.client-new .input-small {
  font-size: 14px;
  padding: 5px 15px; }

.client-new .input-xsmall {
  font-size: 14px;
  padding: 5px 5px; }

.client-new .input-group-left {
  margin-left: 30px; }

.client-new .form-select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.client-new .add-footer {
  background-color: #281122;
  color: #ffffff;
  font-size: 18px;
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0px;
  left: 0px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .client-new .add-footer .container {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px; }

.client-new .searchable-task-list {
  border-bottom: solid 2px #e5e5e5;
  max-height: 300px;
  overflow-y: scroll; }
  .client-new .searchable-task-list a {
    display: block;
    padding: 5px;
    font-size: 14px;
    line-height: 32px;
    color: #281122;
    text-decoration: none !important;
    color: #000; }
    .client-new .searchable-task-list a:hover {
      color: #008996; }
    .client-new .searchable-task-list a .search-task-project-name {
      float: right;
      margin-right: 2vw; }

.client-new .projects-form {
  margin-top: 20px; }

.client-new .project-card {
  margin-bottom: 10px; }

.client-new .project-list {
  margin-bottom: 110px;
  border-bottom: solid 2px #e5e5e5; }
  .client-new .project-list a {
    font-size: 14px;
    line-height: 32px;
    color: #281122;
    text-decoration: none !important; }
    .client-new .project-list a:hover {
      color: #008996; }

.client-new .project-list > a {
  display: block;
  padding: 5px; }

.client-new .project-list a {
  font-size: 14px;
  line-height: 32px;
  color: #000;
  text-decoration: none; }

.client-new .project-overview h5.task-list-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding-left: 10px;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 5px;
  margin-bottom: 0px; }

.client-new .new-task-holder {
  text-align: right; }
  .client-new .new-task-holder form {
    display: inline-block;
    background-color: #ebebeb;
    padding: 5px;
    top: -21px;
    position: relative; }

.client-new .new-list-holder {
  text-align: right; }
  .client-new .new-list-holder form {
    display: inline-block;
    background-color: #ebebeb;
    padding: 10px; }

.client-new .site-list {
  margin-bottom: 110px; }
  .client-new .site-list a {
    font-size: 18px;
    line-height: 48px;
    color: #281122;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5; }
    .client-new .site-list a:hover {
      color: #008996; }

.client-new .everyone-holder {
  margin-top: 50px; }
  .client-new .everyone-holder .person-name {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    text-shadow: none;
    text-transform: none;
    padding: 10px 0; }
  .client-new .everyone-holder .person-active {
    font-size: 14px;
    font-style: italic;
    color: #281122;
    font-family: "Cairo", serif;
    text-transform: none;
    font-weight: 300; }
  .client-new .everyone-holder .person-hidden {
    font-size: 14px;
    font-style: italic;
    color: #281122;
    font-family: "Cairo", serif;
    text-transform: none;
    font-weight: 300; }
  .client-new .everyone-holder .detail-trigger {
    color: #c9c9c9;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    font-family: "Cairo", serif;
    text-decoration: underline; }
  .client-new .everyone-holder .person-list .person-block {
    height: 250px; }
  .client-new .everyone-holder .person-list .person-details {
    width: 33%;
    background-color: #f8f7f7;
    border-left: solid 20px #ebebeb; }
    .client-new .everyone-holder .person-list .person-details .btn.btn-save {
      font-size: 14px;
      font-weight: 500;
      background-color: #008996;
      border: solid 1px #008996;
      padding: 5px 24px;
      height: auto;
      color: #281122;
      text-transform: none;
      display: inline-block;
      width: 49%; }
    .client-new .everyone-holder .person-list .person-details .btn.btn-close {
      font-size: 14px;
      font-weight: 500;
      background-color: #281122;
      border: solid 1px #281122;
      padding: 5px 24px;
      height: auto;
      color: #008996;
      text-transform: none;
      display: inline-block;
      width: 49%; }

.client-new .task-sidebar a.btn-client {
  display: inline-block;
  width: auto; }

.client-new .task-holder {
  background-color: #f8f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px; }
  .client-new .task-holder .sort-title {
    font-size: 18px;
    margin-right: 30px; }
  .client-new .task-holder .btn-sm .sort-caret {
    margin: 0 0 0 40px; }
  .client-new .task-holder .show-holder {
    text-align: right;
    padding-top: 10px;
    padding-right: 25px; }
    .client-new .task-holder .show-holder .show-title {
      font-size: 18px;
      margin-right: 30px; }

.client-new .checkbox-label {
  font-size: 18px; }

.client-new .checkbox {
  display: inline-block;
  margin: 0px;
  min-height: auto; }

.client-new .checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .client-new .checkbox-container.checkbox-small {
    font-size: 12px; }
  .client-new .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .client-new .checkbox-container input:checked ~ .checkmark {
      background-color: #f8f7f7; }
      .client-new .checkbox-container input:checked ~ .checkmark:after {
        display: block; }
  .client-new .checkbox-container .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #f8f7f7;
    border: solid 1px #9d9d9c; }
    .client-new .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 0px;
      top: 0px;
      width: 13px;
      height: 13px;
      border: 3px solid #f8f7f7;
      background-color: #008996; }
  .client-new .checkbox-container.label-left {
    padding-left: 35px;
    padding-right: 5px; }
    .client-new .checkbox-container.label-left .checkmark {
      left: auto;
      right: 0px; }
  .client-new .checkbox-container:hover input ~ .checkmark {
    background-color: #008996; }

.client-new h5.task-list-name a {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px; }

.client-new .task-list .task-list-item {
  background: #f8f7f7;
  padding: 4px 8px;
  margin-bottom: 2px; }
  .client-new .task-list .task-list-item:hover {
    background-color: #ebebeb; }
  .client-new .task-list .task-list-item.active {
    background-color: #ebebeb; }
  .client-new .task-list .task-list-item .person {
    width: 180px;
    text-align: center;
    padding: 10px 10px 8px 10px;
    color: #281122;
    font-family: "Cairo", serif;
    font-size: 14px;
    line-height: 14px;
    font-style: italic;
    text-transform: none;
    font-weight: 300; }
  .client-new .task-list .task-list-item .task-list-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #281122;
    margin-left: 25px; }

.client-new a .task-deadline {
  font-family: "Cairo", serif;
  color: #281122;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px; }
  .client-new a .task-deadline .deadline {
    font-family: "Cairo", serif;
    color: #281122;
    font-size: 12px;
    line-height: 30px;
    font-style: italic; }

.client-new a .task-updated {
  font-family: "Cairo", serif;
  color: #281122;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px; }
  .client-new a .task-updated .updated {
    font-family: "Cairo", serif;
    color: #281122;
    font-size: 12px;
    line-height: 30px;
    font-style: italic; }

.client-new h3.calender-title {
  font-size: 18px;
  font-weight: 400; }

.client-new .cal-person .person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #281122;
  font-family: "Cairo", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300; }

.client-new .calendar-event {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px; }

.client-new h5.task-list-completed {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: center; }

.client-new .person-show-detail .task-list-small {
  margin-top: 100px;
  background-color: #ebebeb; }
  .client-new .person-show-detail .task-list-small .task-filters {
    padding-top: 25px; }
    .client-new .person-show-detail .task-list-small .task-filters .show-title {
      display: none; }
    .client-new .person-show-detail .task-list-small .task-filters .sort-title {
      margin-right: 10px; }
    .client-new .person-show-detail .task-list-small .task-filters .btn-sm {
      font-size: 13px;
      padding: 8px 15px;
      background-color: #008996;
      color: #281122;
      border: solid 1px #008996; }
      .client-new .person-show-detail .task-list-small .task-filters .btn-sm .sort-caret {
        margin-left: 10px; }
  .client-new .person-show-detail .task-list-small .show-holder {
    padding-top: 6px; }
  .client-new .person-show-detail .task-list-small .task-deadline {
    display: none; }

.client-new .person-show-detail .owner {
  position: absolute;
  top: -60px;
  right: -80px; }

.client-new .project-sidebar-hidden {
  display: none; }

.client-new .person-projects .person-round-small {
  display: none; }

.client-new .project-sidebar-list .person {
  display: none; }

.client-new .project-sidebar-list .task-list .task-list-item {
  background-color: transparent;
  border-bottom: solid 1px #ffffff;
  color: #281122;
  text-decoration: none;
  padding-bottom: 5px; }
  .client-new .project-sidebar-list .task-list .task-list-item:hover {
    background-color: #f7f5f1;
    text-decoration: none;
    color: #281122; }
  .client-new .project-sidebar-list .task-list .task-list-item a {
    color: #281122;
    text-decoration: none; }
    .client-new .project-sidebar-list .task-list .task-list-item a:hover {
      background-color: #f7f5f1;
      text-decoration: none;
      color: #281122; }
  .client-new .project-sidebar-list .task-list .task-list-item .task-list-title {
    padding-right: 20px;
    padding-left: 0px; }

.client-new .projects-bar {
  background-color: #f8f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px; }

.client-new .page-header {
  color: #281122;
  font-size: 24px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px; }
  .client-new .page-header a {
    color: #281122; }
    .client-new .page-header a.btn-edit {
      margin-left: 40px; }

.client-new .page-sub-header {
  color: #281122;
  font-size: 15px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px; }

.client-new .comment-person {
  text-align: center;
  padding: 0px;
  width: 11%; }

.client-new .comment-source {
  width: 78%; }

.client-new .comment-info-normal {
  margin-top: 10px;
  margin-bottom: 10px; }

.client-new .comment-info {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
  border-top: 1px solid #ebebeb; }
  .client-new .comment-info:before {
    content: '';
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 30px);
    z-index: -1; }
  .client-new .comment-info span.date {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }
  .client-new .comment-info span a.delete, .client-new .comment-info span a.edit {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }

.client-new .task-event-comment .comment-info-extra, .client-new .task-event-comment.deleted .comment-info-extra {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1; }
  .client-new .task-event-comment .comment-info-extra:before, .client-new .task-event-comment.deleted .comment-info-extra:before {
    border-top: 1px solid #ebebeb;
    content: '';
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 30px);
    z-index: -1; }
  .client-new .task-event-comment .comment-info-extra span, .client-new .task-event-comment.deleted .comment-info-extra span {
    background-color: #ffffff;
    display: inline-block;
    color: #281122;
    font-size: 14px;
    padding: 1px 5px; }

.client-new .task-event-comment .comment-comment, .client-new .task-event-comment.deleted .comment-comment {
  background-color: #f8f7f7;
  box-shadow: 0px 0px 6px rgba(157, 157, 156, 0.4);
  padding: 30px;
  position: relative;
  margin-right: 0px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px; }
  .client-new .task-event-comment .comment-comment::before, .client-new .task-event-comment.deleted .comment-comment::before {
    background-color: #f8f7f7;
    box-shadow: -2px 2px 2px 0 rgba(157, 157, 156, 0.2);
    content: "\A0";
    display: block;
    position: absolute;
    height: 20px;
    left: -10px;
    top: 20px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 20px; }
  .client-new .task-event-comment .comment-comment p, .client-new .task-event-comment.deleted .comment-comment p {
    font-size: 14px;
    line-height: 26px;
    overflow-x: hidden; }
    .client-new .task-event-comment .comment-comment p a, .client-new .task-event-comment.deleted .comment-comment p a {
      background-color: #008996;
      display: inline-block;
      padding: 1px 5px;
      color: #ffffff; }
  .client-new .task-event-comment .comment-comment .comment-number, .client-new .task-event-comment.deleted .comment-comment .comment-number {
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .client-new .task-event-comment .comment-comment .comment-edit, .client-new .task-event-comment.deleted .comment-comment .comment-edit {
    position: absolute;
    right: 10px;
    top: 10px; }
  .client-new .task-event-comment .comment-comment.even, .client-new .task-event-comment.deleted .comment-comment.even {
    position: relative;
    background-color: #ffffff; }
    .client-new .task-event-comment .comment-comment.even::before, .client-new .task-event-comment.deleted .comment-comment.even::before {
      background-color: #ffffff;
      box-shadow: 2px -2px 2px 0 rgba(157, 157, 156, 0.4);
      content: "\A0";
      display: block;
      height: 20px;
      right: -10px;
      left: auto;
      top: 20px;
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 20px; }

.client-new .tab-content .checkbox .checkbox-container {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px; }

.client-new #task-detail .btn-bookkeeping.person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #281122;
  font-family: "Cairo", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
  margin-right: 20px; }

.client-new #task-detail .alert-warning {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  width: calc(100% - 30px); }

.client-new #task-detail .table.table-bookkeeping td {
  padding: 0px;
  font-size: 14px; }
  .client-new #task-detail .table.table-bookkeeping td .input-group-addon {
    font-size: 15px; }

.client-new #task-detail .table.table-bookkeeping .total td {
  font-weight: 600; }

.client-new .currency {
  display: inline-block;
  text-align: center;
  width: 32px;
  margin-right: 6px; }

.client-new .cust-picker > button {
  color: #555555;
  background-color: #ffffff;
  border: inherit; }
  .client-new .cust-picker > button:hover {
    color: #555555;
    background-color: #ffffff;
    border: inherit; }

@media only screen and (min-width: 1600px) {
  .client-new .task-holder {
    height: 110px;
    padding-top: 10px; } }

.badge-not-planned {
  background-color: #d82e2e;
  color: white; }

.dashboard-block {
  background-color: #EEEEEE;
  padding: 15px 15px 15px 15px;
  margin-top: 15px; }
  .dashboard-block a {
    color: #281122; }
  .dashboard-block h1 {
    color: #281122;
    font-size: 24px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px; }
  .dashboard-block .btn-primary {
    width: 100%; }
  .dashboard-block .form-inline {
    margin-top: -5px; }

.dashboard-block.dashboard-project .collapse-chevron {
  font-size: 20px;
  cursor: pointer; }

.dashboard-block.dashboard-project .collapse-chevron:hover {
  color: #008996; }

.block-content {
  margin-top: 15px; }

.block-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: space-between; }
  .block-item.sub {
    margin-left: 40px; }

.block-item:hover {
  cursor: pointer;
  box-shadow: none; }

.badge-not-planned {
  background-color: #d82e2e;
  color: white; }

.html-login {
  min-height: 100%;
  display: block; }

.login-body {
  height: 100%;
  background-image: url("/s/img/bg.jpg");
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center; }
  .login-body .login-portal {
    font-size: 3em;
    font-weight: 800; }
  .login-body .logo-holder {
    margin-top: 50px;
    margin-bottom: 100px;
    font-size: 20px;
    text-align: center; }
    .login-body .logo-holder span {
      color: white; }
  .login-body .h-100 {
    height: 100%;
    min-height: 100%; }
  .login-body .streamlined-img-logo {
    left: -15px; }
    .login-body .streamlined-img-logo img {
      width: 100%;
      margin-top: 50px; }

.qr-code-login {
  margin-top: auto;
  margin-bottom: auto; }
  .qr-code-login h2 {
    color: white; }

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.form-group {
  margin-bottom: 5px; }
  .form-group .error {
    display: none;
    padding: 3px 8px;
    background-color: #b00;
    color: white;
    font-size: .9em;
    margin-bottom: 5px; }
  .form-group .required {
    display: none; }
  .form-group.required .required {
    display: inline; }
  .form-group.has-error label {
    color: #b00; }
  .form-group.has-error .form-control {
    border-color: #b00; }
  .form-group.has-error .error {
    display: block; }
  .form-group.success .controls {
    position: relative; }
    .form-group.success .controls:after {
      content: '\F00C';
      position: absolute;
      display: block;
      top: 8px;
      right: 20px;
      width: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 14px;
      border-radius: 10px;
      background-color: green;
      color: white;
      font-family: FontAwesome; }

.waitingcursor {
  cursor: wait; }

.modal-backdrop {
  display: none; }

.modal-open .modal-backdrop {
  display: block; }

.modal.fade .modal-dialog {
  transition: none !important;
  transform: none !important;
  margin-top: 90px; }

.fade {
  transition: none !important;
  transform: none !important; }

textarea.form-control {
  height: 200px; }

[ng-click] {
  cursor: pointer; }

hr {
  margin: 5px 0;
  border-color: #ddd; }

.date {
  color: #888;
  font-style: italic; }

body {
  color: #333; }
  body.stats .container, body.clients .container, body.clients-detail .container, body.calendar .container {
    width: auto; }

.container {
  width: 100%; }
  @media (min-width: 1440px) {
    .container {
      width: 1410px; } }

.btn {
  border-bottom-width: 1px !important;
  border-radius: 0; }
  .btn:hover {
    margin-top: 0; }
  .btn.btn-block + .btn-block {
    margin-top: 5px; }

.input-sm {
  height: 27px;
  padding: 3px 6px; }

select.input-sm {
  height: 27px; }

input, textarea, select, button, .btn {
  border-radius: 0 !important; }

.input-group .form-control {
  z-index: 0; }

.input-group-addon {
  padding-bottom: 5px; }

.navbar-text {
  margin: 5px 0; }

.navbar-brand {
  padding: 10px 15px;
  height: 30px; }

.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px; }

.navbar-toggle {
  padding: 2px 10px;
  margin: 5px 15px; }

with-client-toggle {
  margin-left: 10px; }

#time-registered {
  line-height: 20px;
  font-size: 16px;
  color: white;
  font-family: "Cairo", "Cairo", serif; }

@media (max-width: 767px) {
  .page-header {
    display: none; } }

.scroll-window {
  padding-right: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 15px; }
  @media (min-width: 768px) {
    .scroll-window {
      padding-bottom: 50px; } }

pre {
  white-space: pre-wrap;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background-color: white;
  border-radius: 0; }

.badge {
  background-color: #eee;
  color: #777; }

.badge-not-planned {
  background-color: #d82e2e;
  color: white;
  width: 115px; }

.badge-planned {
  background-color: #3596ca;
  color: white;
  width: 115px; }

.badge-ready {
  background-color: #95ca35;
  color: white;
  width: 115px; }

.badge-for-client {
  color: white;
  width: 115px; }

.badgered {
  background-color: #ff2e2e;
  color: transparent;
  margin-right: 5px;
  height: 97%;
  margin-top: 7px; }

.toggle {
  cursor: pointer;
  user-select: none; }

.row-no-padding {
  margin-left: 0;
  margin-right: 0; }
  .row-no-padding > div {
    padding-left: 0 !important;
    padding-right: 0 !important; }

@media (max-width: 1049px) {
  body {
    padding-top: 0; }
  .navbar {
    position: relative; }
  .navbar-right {
    position: static; }
  .hidden-button .btn {
    position: absolute;
    display: block !important;
    right: 25px;
    bottom: 35px; } }