@import 'bootstrap.css';
@import 'foundation-grid.css';
@import '../fonts/themify/themify-icons/themify-icons.css';
@import 'dashboard-calendar.css';
@import 'invoice-themes.css';
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    tranform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    tranform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.button.red,
.danger {
  color: white;
  background-color: #ea736a;
  cursor: pointer;
}
.button.red:hover,
.danger:hover {
  background-color: #ea736a !important;
  color: #fff !important;
}
.button.secondary {
  background-color: #777;
  color: #fefefe;
  border: none;
}
.button.secondary:hover {
  border: none;
}
.button.tiny {
  padding: 2px 10px;
  line-height: 14px;
  font-size: 9px;
}
input[type=submit].small {
  padding: 4px 10px !important;
}
.button {
  background-color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
  border: none;
}
.button.disabled,
.button.disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.button.large {
  padding: 10px 20px;
}
.button[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.button--clear {
  color: #444;
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.button--clear .icon {
  margin-right: 10px;
}
.button--clear:hover {
  color: #2381e9;
}
.button--clear:hover .icon {
  color: #2381e9 !important;
}
.button--dark {
  color: white;
  margin-left: 10px;
  background: #444;
  cursor: pointer;
}
.button--dark .icon {
  color: #fff;
}
.button--green {
  background: #68c558;
  color: #fff !important;
  border: none;
}
.button--subdued {
  background: #9cacbe;
  color: #fff !important;
  border: none;
}
.button--grey {
  background-color: #f5f5f5 !important;
  border: none;
}
.button--blue {
  background: #009dff;
  color: #fff;
  border: none;
}
.button--small {
  padding: 5px 10px;
}
a.button:hover {
  text-decoration: none;
}
/** Buttons **/
.button-set {
  display: block;
}
.button-set {
  opacity: 1;
  height: 30px;
  margin: 0;
  display: inline-block;
  border-radius: 3px;
}
.button-set li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  height: 30px;
  line-height: 29px;
  list-style: none;
  margin: 0 0 0 -1px;
  text-align: center;
  vertical-align: middle;
  width: 75px;
}
.button-set li:first-child {
  border-radius: 3px 0 0 3px;
}
.button-set li:last-child {
  border-radius: 0 3px 3px 0;
  border-right: none;
}
.button-set li:hover {
  background: #ebf2fb;
}
.button-set li.selected span {
  color: #2381e9 !important;
}
.solid-button-set {
  opacity: 1;
  height: 30px;
  margin: 0;
  border-radius: 3px;
}
.solid-button-set li {
  background-color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
  border: none;
  border-color: transparent;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: block;
  float: left;
  margin: 0;
  background: #f5f5f5;
}
.solid-button-set li.disabled,
.solid-button-set li.disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.solid-button-set li.large {
  padding: 10px 20px;
}
.solid-button-set li[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.solid-button-set li.waiting {
  padding-left: 40px !important;
  position: relative;
}
.solid-button-set li.waiting:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 10px;
  background: transparent url(../images/loading.svg) no-repeat 0 0;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
.solid-button-set li:first-child {
  border-radius: 4px 0 0 4px;
}
.solid-button-set li:last-child {
  border-radius: 0 4px 4px 0;
}
.solid-button-set li:hover {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 5px 0px;
  color: #00aeff;
}
.solid-button-set li.selected,
.solid-button-set li.selected:hover,
.solid-button-set li:active {
  color: #000;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
.button-set.small,
.beveled-button-set.small {
  height: 25px;
}
.button-set.small li,
.beveled-button-set.small li {
  height: 25px;
  padding: 2px 10px;
  font-size: 11px;
}
.panel .button-set {
  display: inline-block;
}
.button .add-item {
  position: relative;
  margin-right: 5px;
  top: -2px;
}
.button .edit-notes {
  background-position: 0 -72px;
  position: relative;
  margin-right: 5px;
}
.tabs {
  list-style: none;
  border-bottom: solid 1px #E6E6E6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
}
.tabs dd:first-child,
.tabs li:first-child {
  margin-left: 0;
}
.tabs dd.active {
  border-top: 1px solid #ccc;
  margin-top: -1px;
}
.tabs dd {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.tabs dd.active a {
  cursor: default;
  color: #3C3C3C;
  background: white;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: bold;
}
.tabs dd a,
.tabs li > a {
  color: #6F6F6F;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px;
}
ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0 10px;
}
.tabs-content {
  clear: both;
}
.tabs-content:before,
.tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
ul.tabs-content > li.active {
  display: block;
}
ul.tabs-content > li {
  display: none;
  position: relative;
}
ul.tabs-content > li:before,
ul.tabs-content > li:after {
  content: " ";
  display: table;
}
ul.tabs-content > li:after {
  clear: both;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown:hover .caret,
.open .caret {
  opacity: 1;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu a,
.dropdown-menu span {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > span:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > span,
.dropdown-menu .active > a:hover,
.dropdown-menu .active > span:hover {
  color: #08c;
  text-decoration: none;
  background-color: #fff;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-menu .divider {
  height: 2px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #E5E5E5;
  border-bottom: 1px solid white;
}
.typeahead {
  margin-top: 2px;
  border-radius: 4px;
}
.add-list-item,
.edit-notes {
  opacity: 0.95;
}
.add-list-item:hover,
.edit-notes:hover {
  opacity: 1;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Inter/Inter-Light-BETA.woff2") format("woff2"), url("../fonts/Inter/Inter-Light-BETA.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Inter/Inter-LightItalic-BETA.woff2") format("woff2"), url("../fonts/Inter/Inter-LightItalic-BETA.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Inter/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter/Inter-Italic.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Inter/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter/Inter-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Inter/Inter-Black.woff2") format("woff2"), url("../fonts/Inter/Inter-Black.woff") format("woff");
}
.content-scroll-shadow {
  content: ' ';
  width: 80%;
  height: 5px;
  display: block;
  -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 50%, transparent 100%);
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 10%;
}
.sharp-panel {
  border: 1px solid #e1e6ef;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  background: #fff;
}
.show-invoice-details-wrapper {
  text-align: center;
  padding: 0 0 30px 0;
  margin: 0 auto;
  max-width: 750px;
}
.show-invoice-details-wrapper button {
  display: inline-block;
}
/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: #3d3c40;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
ul {
  font-size: 14px;
}
.right {
  float: right;
}
.left {
  float: left;
}
html {
  height: 100%;
  width: 100%;
  font-size: 16px;
}
/** Reused Classes **/
.link {
  color: #428bca;
}
.link:hover {
  color: #2a6496;
  text-decoration: underline;
}
.modal-window-base {
  border-radius: 4px;
  -webkit-background-clip: border-box;
}
.modal-basic {
  border-radius: 4px;
  -webkit-background-clip: border-box;
  box-shadow: 7.5px 13px 40px rgba(54, 71, 82, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}
ul {
  padding-left: 0;
}
.app-wrapper {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #f8fafd;
}
.window-outer {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.window {
  height: 100%;
  width: 100%;
  position: relative;
  margin: 20px 20px 20px 0;
  overflow: hidden;
  float: right;
  z-index: 0;
  border-radius: 4px;
  -webkit-background-clip: border-box;
  opacity: 0;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0;
}
.basic-button,
input[type=submit] {
  background-color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
  border: none;
}
.basic-button.disabled,
input[type=submit].disabled,
.basic-button.disabled:hover,
input[type=submit].disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.basic-button.large,
input[type=submit].large {
  padding: 10px 20px;
}
.basic-button[disabled=disabled],
input[type=submit][disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.button--shadow {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.button--white {
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.button.waiting {
  padding-left: 40px !important;
  position: relative;
}
.button.waiting:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 10px;
  background: transparent url(../images/loading.svg) no-repeat 0 0;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
button.text-button,
.button.text-button {
  transition: all 0.2s ease;
  line-height: 1.8;
  color: #788396;
  font-size: 14px;
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
}
button.text-button:hover,
.button.text-button:hover {
  color: #111;
  text-decoration: underline;
  box-shadow: none;
}
button.text-button:hover span,
.button.text-button:hover span {
  opacity: 0.5;
}
button.text-button:active,
.button.text-button:active,
button.text-button:focus,
.button.text-button:focus {
  outline: none;
}
.panel-basic {
  height: 60px;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  background: #fff;
  display: flex;
}
.panel-basic h3 {
  line-height: 2.5;
  padding-left: 40px;
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
}
.panel-basic .panel-title {
  text-align: center;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.panel-basic .panel-info-left {
  width: 50%;
}
.panel-basic .panel-info-left .panel-title {
  max-width: 30%;
}
.panel-basic .panel-info-left .panel-title-widget {
  width: 59%;
}
.panel-basic .panel-info-right {
  width: 50%;
}
[data-template="global-search"] .panel-title {
  width: 100%;
  max-width: 100% !important;
  text-align: left !important;
}
.icon,
.icon-white {
  display: inline-block;
  vertical-align: text-top;
  font-size: 17px;
  color: #444;
}
.clickable .icon {
  opacity: 0.5;
}
.clickable .icon:hover {
  opacity: 0.5;
}
.icon-white {
  background-image: url("../images/glyphicons-halflings-white.png") !important;
}
.clickable {
  cursor: pointer;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid black;
  content: "";
}
.open .caret,
.caret-down {
  border-bottom: 4px solid transparent;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.collapsible .collapse {
  display: none;
  padding-left: 20px;
}
.collapsible h5 {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #eee;
}
.collapsible .caret {
  margin-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.collapsible.open h5 {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.02);
  margin-bottom: 20px;
}
.collapsible.open .caret {
  margin-top: 14px;
}
.collapsible.open .collapse {
  display: block;
}
.user-reference {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 2px 6px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  background: #107dac;
  text-shadow: 0 -1px 0 #0c6084;
  border-radius: 4px;
  box-shadow: 1px 1px 1px #0c5b7d;
}
.user-reference span {
  font-weight: normal;
}
.user-image {
  display: block;
  height: 32px;
  width: 32px;
  background: transparent url(../images/unknown-user.jpg) no-repeat center center scroll;
  background-size: 100% 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.user-image img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.user-image.user-image-large {
  height: 100px;
  width: 100px;
}
.flat-button {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
  border: 1px solid #DCDCDC;
  border-radius: 2px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin-right: 16px;
  height: 29px;
  line-height: 28px;
  min-width: 54px;
  outline: 0;
  padding: 0 12px;
  display: inline-block;
  margin: 4px 0 0 0;
  vertical-align: top;
  color: #444;
}
.flat-button:hover {
  background-image: -webkit-linear-gradient(top, #4D90FE 0%, #4787ED 100%);
  background-image: -o-linear-gradient(top, #4D90FE 0%, #4787ED 100%);
  background-image: linear-gradient(to bottom, #4D90FE 0%, #4787ED 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe', endColorstr='#ff4787ed', GradientType=0);
  border: 1px solid #3079ED;
  color: #fff;
}
.flat-button.danger:hover {
  color: #fff;
}
.flat-button.static:hover {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
  border: 1px solid #DCDCDC;
  color: #444;
}
.disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.header-notification {
  position: relative;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  float: left;
  padding: 0 30px 0 10px;
  border: 1px solid #e8d38d;
  border-radius: 3px;
  margin: 3px 20px;
  background-image: -webkit-linear-gradient(top, #FFFBE0 0%, #f5eebe 100%);
  background-image: -o-linear-gradient(top, #FFFBE0 0%, #f5eebe 100%);
  background-image: linear-gradient(to bottom, #FFFBE0 0%, #f5eebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffbe0', endColorstr='#fff5eebe', GradientType=0);
}
.header-notification a {
  color: #67a4cc;
}
.header-notification:hover {
  background-image: -webkit-linear-gradient(top, #f6f2d8 0%, #F3EBCD 100%);
  background-image: -o-linear-gradient(top, #f6f2d8 0%, #F3EBCD 100%);
  background-image: linear-gradient(to bottom, #f6f2d8 0%, #F3EBCD 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f2d8', endColorstr='#fff3ebcd', GradientType=0);
}
.header-notification .close {
  padding: 4px;
  cursor: pointer;
  font-size: 10px;
  font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
  position: absolute;
  top: 0px;
  right: 5px;
  height: 12px;
  width: 12px;
  line-height: 12px;
}
.full header {
  box-shadow: none;
}
footer {
  display: none;
}
.input-field {
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  display: block;
  width: 100%;
  height: 39px;
  box-sizing: border-box;
  padding: 0.5rem;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 16px;
  color: #0a0a0a;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
form {
  margin: 0 auto;
  width: 100%;
  max-width: 650px;
}
form label {
  display: block;
  margin: 0;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
form [type='text'],
form [type='password'],
form [type='date'],
form [type='datetime'],
form [type='datetime-local'],
form [type='month'],
form [type='week'],
form [type='email'],
form [type='number'],
form [type='search'],
form [type='tel'],
form [type='time'],
form [type='url'],
form [type='color'],
form textarea,
form [contenteditable] {
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  display: block;
  width: 100%;
  height: 39px;
  box-sizing: border-box;
  padding: 0.5rem;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 16px;
  color: #0a0a0a;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
form [type=submit] {
  padding: 15px;
  width: 100%;
  border-radius: 4px;
  border: none;
  background-color: #34b1ff;
  color: #fff;
}
form [type=submit]:hover {
  background-color: #4b97ff;
  color: #fff !important;
}
form select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.5rem;
  width: 100%;
}
form textarea {
  height: auto;
}
form .error {
  color: #f00;
  padding-bottom: 5px;
  display: inline-block;
}
.secondary-menu-wrapper {
  position: relative;
  z-index: 0;
}
.secondary-menu-core-styling {
  overflow-y: auto;
  padding: 1rem;
}
.secondary-menu-core-styling hr {
  margin: 0;
}
.secondary-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
  width: 200px;
  height: 100%;
  overflow-y: auto;
  padding: 1rem;
}
.secondary-menu hr {
  margin: 0;
}
.secondary-menu__menu-item-core-styling li {
  list-style: none;
}
.secondary-menu__menu-item-core-styling li a:not(.button),
.secondary-menu__menu-item-core-styling li span {
  line-height: 2rem;
  color: #383F45;
  list-style: none;
  cursor: pointer;
  display: block;
  position: relative;
  border-radius: 4px;
}
.secondary-menu__menu-item-core-styling li a:not(.button):hover,
.secondary-menu__menu-item-core-styling li span:hover,
.secondary-menu__menu-item-core-styling li a:not(.button).active,
.secondary-menu__menu-item-core-styling li span.active {
  background-color: rgba(52, 177, 255, 0.04);
  color: #34b1ff;
  text-decoration: none;
}
.secondary-menu__menu-item-core-styling li a:not(.button),
.secondary-menu__menu-item-core-styling li span {
  padding: 0 1rem;
  display: block;
}
.secondary-menu__menu-item-core-styling .divider {
  line-height: 1;
  margin: 8px 35px 1rem 1rem;
}
.secondary-menu__menu-item-core-styling .divider hr {
  border-color: rgba(0, 0, 0, 0.07);
  float: none;
}
.secondary-menu__menu-item-core-styling .button {
  display: block;
  margin-bottom: 1rem;
}
.secondary-menu__menu-items li {
  list-style: none;
}
.secondary-menu__menu-items li a:not(.button),
.secondary-menu__menu-items li span {
  line-height: 2rem;
  color: #383F45;
  list-style: none;
  cursor: pointer;
  display: block;
  position: relative;
  border-radius: 4px;
}
.secondary-menu__menu-items li a:not(.button):hover,
.secondary-menu__menu-items li span:hover,
.secondary-menu__menu-items li a:not(.button).active,
.secondary-menu__menu-items li span.active {
  background-color: rgba(52, 177, 255, 0.04);
  color: #34b1ff;
  text-decoration: none;
}
.secondary-menu__menu-items li a:not(.button),
.secondary-menu__menu-items li span {
  padding: 0 1rem;
  display: block;
}
.secondary-menu__menu-items .divider {
  line-height: 1;
  margin: 8px 35px 1rem 1rem;
}
.secondary-menu__menu-items .divider hr {
  border-color: rgba(0, 0, 0, 0.07);
  float: none;
}
.secondary-menu__menu-items .button {
  display: block;
  margin-bottom: 1rem;
}
.secondary-menu__menu-items .bubble {
  height: 20px;
  width: 22px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  background: rgba(95, 215, 66, 0.6);
  color: #fff;
  border-radius: 9px;
  font-size: 11px;
  margin-left: 8px;
}
.secondary-menu__menu-items .bubble.empty {
  display: none;
}
.secondary-menu__sub-menu {
  padding-left: 1rem;
}
.secondary-menu__sub-menu li {
  list-style: none;
  position: relative;
}
.secondary-menu__sub-menu li > a:before,
.secondary-menu__sub-menu li > span:before {
  background: #000;
  content: ' ';
  position: absolute;
  height: 1px;
  width: 6px;
  top: 50%;
  left: 0;
  opacity: 0.2;
  margin-top: -1px;
}
.secondary-menu__sub-menu li.active .secondary-menu__sub-menu li:before {
  background: #289af6;
}
.secondary-menu--white {
  background: #fff;
}
.secondary-menu--small-items li,
.secondary-menu--small-items a,
.secondary-menu--small-items span {
  font-size: 0.8rem;
  line-height: 1.4rem !important;
}
.secondary-menu--light-border {
  position: relative;
  border-right: none;
}
.secondary-menu--light-border:after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 0;
  width: 1px;
  height: calc(100% - 2rem);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.05);
}
#help-button {
  background: url(../images/help.svg) no-repeat center center;
  background-size: 20px;
  height: 50px;
  width: 50px;
  opacity: 0.2;
  bottom: 0px;
  left: 0;
  position: absolute;
  transition: opacity 0.4s linear;
  cursor: pointer;
}
#help-button:hover {
  opacity: 0.7;
}
#support-message {
  max-width: 700px;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  padding: 60px 40px;
}
#support-message p {
  color: #22282B;
  font-size: 16px;
}
#support-message label {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 50px;
  color: #85939d;
  display: block;
}
#support-message textarea {
  display: block;
  width: 100%;
  height: 200px;
  font-size: 16px;
  margin-bottom: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
}
#get-help {
  max-width: 800px;
  margin: 0 auto;
}
#get-help #support-message,
#get-help #contact-sent,
#get-help #contact-error {
  display: none;
}
#get-help #contact-sent,
#get-help #contact-error {
  text-align: center;
  padding: 40px 100px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
#get-help .error {
  color: #f00;
}
#get-help.contact #choose-help-type {
  display: none;
}
#get-help.contact #support-message {
  display: block;
}
#get-help.contact-sent #support-message {
  display: none;
}
#get-help.contact-sent #choose-help-type {
  display: none;
}
#get-help.contact-sent #contact-sent {
  display: block;
}
#get-help.contact-error #support-message {
  display: none;
}
#get-help.contact-error #choose-help-type {
  display: none;
}
#get-help.contact-error #contact-error {
  display: block;
}
#get-help .user-message {
  margin: 20px 0;
  background: #fafafa;
  text-align: left;
  padding: 20px;
  white-space: pre-wrap;
}
#choose-help-type {
  max-width: 800px;
  margin: 60px auto;
}
#choose-help-type:before,
#choose-help-type:after {
  content: " ";
  display: table;
}
#choose-help-type:after {
  clear: both;
}
#choose-help-type img {
  margin-bottom: 10px;
  display: none;
}
#choose-help-type h5 {
  color: #292c35;
  font-family: aktiv-grotesk-std, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 30px;
}
#choose-help-type p {
  font-size: 16px;
  line-height: 1.5;
}
#choose-help-type > div {
  width: 47.5%;
  float: left;
  position: relative;
  text-align: center;
  padding: 80px 40px 40px 40px;
  background: #f7fbff;
  box-shadow: 0 0 20px rgba(102, 103, 128, 0.07);
  border: 1px solid #ebeef8;
}
#choose-help-type > div:first-child {
  margin-right: 5%;
}
#choose-help-type .button {
  background: #86DB6F;
  border: none;
  color: #fff;
  display: block;
  margin: 0 auto;
  text-align: Center;
  font-size: 18px;
}
#choose-help-type h5.title {
  padding-left: 80px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 10px 20px 10px 20px;
  color: #fff;
  background: #45A1ED;
  z-index: 2;
  margin: 0;
}
#finish-setup {
  max-width: 800px;
  margin: 0 auto;
  padding: 120px 60px 60px 80px;
  background: #f7fbff;
  box-shadow: 0 0 20px rgba(102, 103, 128, 0.07);
  margin-top: 20px;
  border: 1px solid #ebeef8;
  position: relative;
}
#finish-setup h4.title {
  padding-left: 80px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 20px 20px 20px 40px;
  color: #fff;
  background: #45A1ED;
  z-index: 2;
  margin: 0;
}
#finish-setup ul h4 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #505863;
}
#finish-setup ul li {
  position: relative;
  margin-bottom: 60px;
}
#finish-setup ul span {
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  background: #86DB6F;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: -40px;
  top: -5px;
}
#finish-setup ul p {
  color: #747a8c;
  display: none;
}
#finish-setup ul .more-info {
  display: none;
}
#finish-setup ul .more-info.showing {
  display: block;
}
#finish-setup .button {
  background: #86DB6F;
  border: none;
  color: #fff;
  display: block;
  margin: 0 auto;
  text-align: Center;
  font-size: 18px;
}
.secondary-menu-icon {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 24px;
  display: none;
  margin: 0;
  font-size: 17px;
  color: #383F45;
  top: 1px;
  margin-right: 10px;
}
#current-user {
  width: 100%;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 10px;
}
#current-user a {
  color: #383F45;
}
#current-user .user-image-wrapper {
  height: 60px;
  width: 100%;
  text-align: center;
  position: relative;
  display: block;
  margin-right: 10px;
}
#current-user .user-image {
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
}
#current-user .user-image img {
  vertical-align: top;
  width: 100%;
}
#current-user .user-meta {
  width: 200px;
  text-align: center;
  margin-top: 7px;
}
#current-user .user-meta > div {
  display: inline-block;
  line-height: 1.3;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#current-user .user-name {
  color: #383F45;
}
#current-user .user-role {
  color: #959ca0;
}
#current-user:hover #logout {
  display: block;
}
.has-logo #current-user {
  padding-top: 15px;
  padding-bottom: 15px;
}
.has-logo #current-user .user-image-wrapper {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 15px;
}
.has-logo #current-user .user-image {
  display: inline-block;
  height: 30px;
  width: 30px;
}
.has-logo #current-user .user-meta {
  padding-left: 60px;
  text-align: left;
  margin-top: 7px;
}
.has-logo #current-user .user-meta > div {
  display: block;
  font-size: 12px;
}
.has-logo #current-user .user-role span {
  display: none;
}
.app-wrapper.white #sidebar {
  background: #fff;
}
.app-wrapper.white #sidebar li a {
  color: #818181;
}
.app-wrapper.white #sidebar li:hover a {
  color: #202020;
}
.app-wrapper.white #sidebar #current-user {
  background: #fff;
}
.app-wrapper.white .entity-list {
  border-left: 1px solid #e1e6ef;
}
.app-wrapper.grey #sidebar {
  background: #2a2d33;
}
.app-wrapper.grey #sidebar #global-search {
  background: rgba(0, 0, 0, 0.15);
  color: #aaa;
  position: relative;
}
.app-wrapper.grey #sidebar .sidebar-logo {
  background: #464b57;
}
.app-wrapper.grey #sidebar #current-user {
  border-bottom: none;
}
.app-wrapper.grey #sidebar #current-user .user-name {
  color: #ddd;
}
.app-wrapper.grey #sidebar #current-user .user-role {
  color: #ccc;
}
.app-wrapper.grey #sidebar #footer-space {
  border-top-color: transparent;
}
.app-wrapper.grey #sidebar-menu-items li {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.app-wrapper.grey #sidebar-menu-items li a,
.app-wrapper.grey #sidebar-menu-items li .section-name {
  color: #aeaeb0;
}
.app-wrapper.grey li:not(.section):hover,
.app-wrapper.grey .section-name:hover,
.app-wrapper.grey li:not(.section).active,
.app-wrapper.grey li.section.active .section-name {
  background-color: rgba(255, 255, 255, 0.1);
}
.app-wrapper.grey li:not(.section).active .section-name:before,
.app-wrapper.grey li.section.active .section-name:before,
.app-wrapper.grey li.section.child-active .section-name:before,
.app-wrapper.grey li:not(.section).active > a:before,
.app-wrapper.grey li.section.active > a:before,
.app-wrapper.grey li.section.child-active > a:before {
  background-color: #ffffff;
  opacity: 0.8;
}
.app-wrapper[class^=blur] #sidebar {
  background: #2a2d33 url(../images/blur/3.jpg);
}
.app-wrapper[class^=blur] #sidebar #global-search {
  background: rgba(255, 255, 255, 0.1);
  color: #aaa;
  position: relative;
}
.app-wrapper[class^=blur] #sidebar #global-search::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.2);
}
.app-wrapper[class^=blur] #sidebar #global-search:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.2);
}
.app-wrapper[class^=blur] #sidebar #global-search::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.2);
}
.app-wrapper[class^=blur] #sidebar #global-search:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.2);
}
.app-wrapper[class^=blur] #sidebar #current-user {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.app-wrapper[class^=blur] #sidebar #current-user .user-name {
  color: rgba(255, 255, 255, 0.9);
}
.app-wrapper[class^=blur] #sidebar #current-user .user-role {
  color: rgba(255, 255, 255, 0.7);
}
.app-wrapper[class^=blur] #sidebar #footer-space {
  border-top-color: transparent;
}
.app-wrapper[class^=blur] #sidebar-menu-items li {
  margin: 0;
  width: 100%;
  border-radius: 0;
}
.app-wrapper[class^=blur] #sidebar-menu-items li .sidebar-icon,
.app-wrapper[class^=blur] #sidebar-menu-items li .section-name {
  color: #fff;
}
.app-wrapper[class^=blur] #sidebar-menu-items li a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.app-wrapper[class^=blur] #sidebar-menu-items li:not(.section):hover,
.app-wrapper[class^=blur] #sidebar-menu-items .section-name:hover,
.app-wrapper[class^=blur] #sidebar-menu-items li:not(.section).active,
.app-wrapper[class^=blur] #sidebar-menu-items li.section.active .section-name {
  background-color: rgba(255, 255, 255, 0.1);
}
.app-wrapper[class^=blur] #sidebar-menu-items > li > span:before,
.app-wrapper[class^=blur] #sidebar-menu-items > li > a:before {
  background: rgba(255, 255, 255, 0.3);
}
.app-wrapper[class^=blur] #sidebar-menu-items li:not(.section).active .section-name:before,
.app-wrapper[class^=blur] #sidebar-menu-items li.section.active .section-name:before,
.app-wrapper[class^=blur] #sidebar-menu-items li.section.child-active .section-name:before,
.app-wrapper[class^=blur] #sidebar-menu-items li:not(.section).active > a:before,
.app-wrapper[class^=blur] #sidebar-menu-items li.section.active > a:before,
.app-wrapper[class^=blur] #sidebar-menu-items li.section.child-active > a:before {
  background-color: #ffffff;
  opacity: 0.8;
}
.app-wrapper.blur2 #sidebar {
  background: #2a2d33 url(../images/blur/1.jpg);
}
.app-wrapper.blur2 #sidebar-wrapper {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
}
.app-wrapper.blur2 #global-search {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.1);
}
.app-wrapper.blur2::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.6);
}
.app-wrapper.blur2:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.7);
}
.app-wrapper.blur2::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
}
.app-wrapper.blur2:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.7);
}
.app-wrapper.dark-blue #sidebar {
  background: #444b55;
}
.app-wrapper.dark-blue #sidebar #global-search {
  background: rgba(0, 0, 0, 0.1);
}
.app-wrapper.dark-blue #sidebar #footer-space {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.app-wrapper.dark-blue #sidebar #current-user .user-name {
  color: #eee;
}
.app-wrapper.dark-blue #sidebar li .sidebar-icon,
.app-wrapper.dark-blue #sidebar li .section-name {
  color: #b1b4c2;
}
.app-wrapper.dark-blue #sidebar li a {
  color: #b1b4c2;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.app-wrapper.dark-blue #sidebar li:not(.section):hover,
.app-wrapper.dark-blue #sidebar .section-name:hover,
.app-wrapper.dark-blue #sidebar li:not(.section).active,
.app-wrapper.dark-blue #sidebar li.section.active .section-name {
  background-color: rgba(255, 255, 255, 0.1);
}
.app-wrapper.dark-blue #sidebar li:not(.section).active .section-name:before,
.app-wrapper.dark-blue #sidebar li.section.active .section-name:before,
.app-wrapper.dark-blue #sidebar li.section.child-active .section-name:before,
.app-wrapper.dark-blue #sidebar li:not(.section).active > a:before,
.app-wrapper.dark-blue #sidebar li.section.active > a:before,
.app-wrapper.dark-blue #sidebar li.section.child-active > a:before {
  background-color: #ffffff;
  opacity: 0.8;
}
.app-wrapper.redux .inner-content.content > div:not(.preview-notification) {
  padding-top: 40px;
  padding-bottom: 40px;
}
.app-wrapper.redux .panel.secondary {
  background: #f9f9f9;
}
.app-wrapper.redux #sidebar {
  background: #fff;
  box-shadow: 0 0 10px #E2EBF2;
  overflow: visible;
}
.app-wrapper.redux #sidebar:after {
  content: '';
  display: block;
  background: #fff;
  height: 60px;
  width: 10px;
  position: absolute;
  top: -1px;
  z-index: 9;
  right: -8px;
  display: none;
}
.app-wrapper.redux #sidebar-menu-items > li > span:before,
.app-wrapper.redux #sidebar-menu-items > li > a:before {
  display: none;
}
.app-wrapper.redux #sidebar-menu-items li a,
.app-wrapper.redux #sidebar-menu-items .section-name {
  padding-left: 20px;
}
.app-wrapper.redux #sidebar-menu-items > li {
  margin: 0 10px;
  border-radius: 3px;
  list-style: none;
}
.app-wrapper.redux #sidebar-menu-items li:not(.section):hover,
.app-wrapper.redux #sidebar-menu-items .section-name:hover,
.app-wrapper.redux #sidebar-menu-items li:not(.section).active,
.app-wrapper.redux #sidebar-menu-items li.section.active .section-name {
  background-color: #4da6ff;
  color: #fff;
}
.app-wrapper.redux #sidebar-menu-items li:not(.section):hover a,
.app-wrapper.redux #sidebar-menu-items .section-name:hover a,
.app-wrapper.redux #sidebar-menu-items li:not(.section).active a,
.app-wrapper.redux #sidebar-menu-items li.section.active .section-name a {
  color: #fff;
}
.app-wrapper.redux #sidebar-menu-items .sub-menu li a {
  padding-left: 30px !important;
}
.app-wrapper.redux .panel-info {
  background: #fff;
  box-shadow: 0 0 10px #E2EBF2;
  padding-top: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: auto;
  margin-right: 40px;
  margin-left: 40px;
  margin-top: 10px;
  z-index: 2;
}
.app-wrapper.redux .notification {
  top: auto;
  bottom: 20px;
}
.app-wrapper.redux .panel > .inner {
  z-index: 1;
}
.app-wrapper.redux #agenda {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
  position: relative;
}
.app-wrapper.redux #agenda-sidebar {
  box-shadow: none;
}
.app-wrapper.redux .card-column {
  background: transparent;
}
.app-wrapper.redux .card-column.ui-sortable-helper {
  background: #fff;
}
.app-wrapper.redux .project-details {
  margin-top: 0;
}
.app-wrapper.redux .project-details__top-details {
  background: #fff;
  margin-top: 0;
}
.app-wrapper.redux .raised-panel {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux .raised-shadow {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux .side-space {
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux #calendar-outer {
  margin-top: 0;
}
.app-wrapper.redux #calendar {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux .card {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.app-wrapper.redux #tasks-list-wrapper {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux .file-list-preview {
  background: #fff;
}
.app-wrapper.redux .file-list-preview:after,
.app-wrapper.redux .file-list-preview:before {
  background-color: #ffffff;
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(34, 34, 34, 0.16);
}
.app-wrapper.redux .file-list-preview:before {
  transform: rotate(-1.3deg);
  top: 0;
  z-index: -2;
}
.app-wrapper.redux .file-list-preview:after {
  transform: rotate(1.3deg);
  top: 0;
  z-index: -1;
}
.app-wrapper.redux .file-view .document-viewer-outer:after,
.app-wrapper.redux .file-view .document-viewer-outer:before {
  background-color: #ffffff;
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(34, 34, 34, 0.16);
}
.app-wrapper.redux .file-view .document-viewer-outer:before {
  transform: rotate(-1.3deg);
  top: 0;
  z-index: -2;
}
.app-wrapper.redux .file-view .document-viewer-outer:after {
  transform: rotate(1.3deg);
  top: 0;
  z-index: -1;
}
.app-wrapper.redux .file-list-view > .list {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux .file-simple-tile {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux .inner-content.content > .list {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux #recurring-invoice-details {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux .admin-settings {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux .client-details {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux .user-details {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.app-wrapper.redux #reporting {
  margin-top: 0;
}
.app-wrapper.redux #reporting-timeframe h3 {
  margin-top: 0;
}
.app-wrapper.redux #reporting-menu {
  margin-top: 0;
}
.app-wrapper.redux #reporting-filters {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  width: 410px;
}
.app-wrapper.redux #reporting-filters .background {
  display: none;
}
.app-wrapper.redux #discussion-panel {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
  padding-top: 10px;
}
.app-wrapper.redux #discussion-header-wrapper {
  height: auto;
  padding: 10px;
  position: relative;
}
.app-wrapper.redux #project-notes.project-notes {
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 40px;
  margin-left: 40px;
}
.app-wrapper.redux .inner-content.content > .people-list .person-info {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.09);
  margin-right: 20px;
}
#logo-space {
  height: 0px;
  background: #2381E9;
}
#running-timer-space {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}
#notification-space {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
#notification-space .notification {
  min-height: 50px;
  padding: 15px 0;
  opacity: 0;
}
#notification-space .notification-inner {
  padding: 0 60px;
  text-align: center;
}
#notification-space .close {
  float: right;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  opacity: 1;
  right: 20px;
  top: 8px;
}
#logout {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
  transition: all linear 0.2s;
  opacity: 0.3;
}
#logout:hover {
  opacity: 0.5;
}
#logout .icon {
  background-position: -384px 0;
  margin: 12px 4px 0 0;
}
#global-search-space {
  position: relative;
  height: 40px;
  width: 90%;
  margin: 0 auto;
}
#global-search-space:after {
  font-family: 'themify';
  height: 20px;
  width: 20px;
  position: absolute;
  top: 11px;
  left: 8px;
  content: "\e610";
  color: rgba(0, 0, 0, 0.4);
}
#global-search-wrapper {
  height: 100%;
}
#global-search {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 100%;
  margin: 0;
  width: 100%;
  padding: 0 10px 0 27px;
  color: #333;
}
#global-search:focus {
  outline: none;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#global-search:focus:after {
  color: rgba(0, 0, 0, 0.6);
}
#global-search::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #969fa6;
}
#global-search:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #969fa6;
}
#global-search::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #969fa6;
}
#global-search:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #969fa6;
}
#footer-space {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 92%;
  margin: 0 4%;
  height: 0px;
}
#footer-space a {
  color: #c0c0c0;
  width: 50%;
  display: block;
  float: left;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
#footer-space a:hover {
  color: #333;
  background: rgba(255, 255, 255, 0.7);
}
.viewport-shadow {
  content: ' ';
  width: 100%;
  height: 5px;
  display: block;
  -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 50%, transparent 100%);
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
}
.viewport-no-shadow {
  background-image: none;
}
.panel {
  height: 100%;
  position: relative;
  float: left;
  width: 20%;
}
.panel .hidden {
  display: none;
}
.panel.secondary {
  width: 100%;
}
.panel.secondary .inner-content.content {
  height: 100%;
  overflow: auto;
}
.panel.secondary.full-width {
  width: 100%;
  border-left: none;
}
.panel.secondary .nano:after {
  content: ' ';
  width: 100%;
  height: 5px;
  display: block;
  -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 50%, transparent 100%);
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
}
.panel.secondary .nano.top:after {
  background-image: none;
}
.panel.secondary .nano .content {
  outline: none !important;
}
.slide-out-panel-open .panel.secondary {
  border-left: 1px solid #e1e6ef;
}
.panel-overlay {
  display: none;
}
.panel.flat {
  background: #fff;
}
.panel.bordered {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
}
.panel.top-info {
  padding-top: 61px;
}
.panel.half {
  width: 50%;
  float: left;
}
.half:last-child {
  box-shadow: -4px 0 6px rgba(0, 0, 0, 0.07), inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
}
.disable-interaction-overlay {
  display: none;
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  transition: opacity linear 2s;
  background: rgba(255, 255, 255, 0.9);
}
.disable-interaction-overlay.showing {
  display: block;
  opacity: 1;
}
.panel-info {
  height: 60px;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  background: #fff;
  display: flex;
  z-index: 1;
  background: #fafafa;
  display: none;
}
.panel-info h3 {
  line-height: 2.5;
  padding-left: 40px;
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
}
.panel-info .panel-title {
  text-align: center;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.panel-info .panel-info-left {
  width: 50%;
}
.panel-info .panel-info-left .panel-title {
  max-width: 30%;
}
.panel-info .panel-info-left .panel-title-widget {
  width: 59%;
}
.panel-info .panel-info-right {
  width: 50%;
}
.panel-info .filter {
  float: right;
}
.panel-info .panel-actions-wrapper {
  display: table;
  position: absolute;
  right: 20px;
  top: 10px;
  margin: 0;
  transition: right 0.2s ease;
  display: none;
}
.panel-info .panel-actions-wrapper .panel-actions {
  display: table-cell;
  vertical-align: middle;
}
.panel-info .panel-actions-wrapper .panel-actions > div {
  margin-right: 10px;
  vertical-align: top;
}
.panel-info .panel-actions-wrapper .panel-actions > div:last-child {
  margin-right: 0;
}
.panel-info .panel-actions-wrapper .panel-actions .button-set {
  vertical-align: top;
}
.panel-info .panel-title-widget {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
}
.panel-info .button {
  background: #f5f5f5;
  border-radius: 4px;
  line-height: 30px;
  padding: 2px 20px;
  color: #3d3c40;
  border: 1px solid transparent !important;
}
.panel-info .button:hover {
  box-shadow: none;
}
.panel-info .new-entity,
.panel-info .button.main-action {
  background: #4ea0e2;
  color: #fff;
}
.panel-info .new-entity .icon,
.panel-info .button.main-action .icon {
  color: #fff;
}
.panel-info .new-entity.green,
.panel-info .button.main-action.green {
  background: #58cf2c;
}
.panel-info .new-entity:hover,
.panel-info .button.main-action:hover {
  background: #4a94d2;
  color: #fff;
}
.panel-info .new-entity:hover .icon,
.panel-info .button.main-action:hover .icon {
  color: #fff !important;
}
.panel-info .new-entity,
.panel-info .button {
  border-radius: 4px;
}
.entity-actions .button {
  background: #f5f5f5;
  border-radius: 4px;
  line-height: 30px;
  height: 30px;
  padding: 0 20px;
  border: none;
  color: #3d3c40;
}
.panel > .inner {
  list-style: none;
  margin: 0 0 30px 0;
  overflow: hidden;
  position: relative;
}
.panel-info-hidden .panel-info {
  display: none;
}
.panel-info-hidden.panel > .inner {
  margin-top: 0;
}
.secondary .filter {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 200px;
}
.inner-content-wrapper {
  position: relative;
  z-index: 0;
  height: 100%;
  overflow: auto;
}
.inner-content.content > div:not(.full-page) {
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 20px;
}
.screen-title {
  margin-bottom: 1rem;
}
#discuss-project-button {
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: #f5f5f5;
  color: #9c9c9c;
  cursor: pointer;
  position: relative;
}
#discuss-project-button .icon {
  color: #9c9c9c;
}
#discuss-project-button:hover {
  background: #4ea0e2;
}
#discuss-project-button:hover .icon {
  color: #fff;
}
.inner-left {
  display: block;
  margin-right: 0px;
  position: relative;
  left: 1px;
}
.inner-left .new-entity {
  float: right;
}
.inner-right {
  display: none;
  width: 300px;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  margin-left: 20px;
}
.info-showing #info-panel {
  visibility: visible;
  margin-right: 0;
}
.info-showing #info-panel-overlay,
.info-showing #info-panel-wrapper {
  visibility: visible;
  opacity: 1;
}
.info-showing .panel-info .panel-actions-wrapper {
  right: 520px;
}
.info-transition-active #tasks-list-wrapper {
  overflow: hidden;
}
#info-panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 500px;
  max-width: 100vw;
  visibility: hidden;
  z-index: 6;
}
.info-size-large #info-panel-wrapper {
  width: 700px;
}
.info-size-large .inner-content.content {
  padding-right: 700px;
}
#info-panel-overlay {
  background: linear-gradient(to left, rgba(188, 198, 206, 0.17) 50%, rgba(98, 112, 120, 0.1));
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  display: none;
}
#info-panel {
  width: 100%;
  visibility: hidden;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  height: 100%;
  margin-right: -500px;
  transition: margin-right 0.2s ease;
  overflow: auto;
  border-left: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#info-panel .info-panel-content {
  position: absolute;
  padding-top: 60px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#info-panel.flat {
  border: none;
  background: #fcfcfc;
  box-shadow: none;
}
#info-panel.flat .title {
  border: none;
}
#info-panel .title {
  border-bottom: 1px solid #e8e9ea;
  margin: 0 20px;
  z-index: 2;
  position: relative;
}
#info-panel .title:before,
#info-panel .title:after {
  content: " ";
  display: table;
}
#info-panel .title:after {
  clear: both;
}
#info-panel .title > * {
  display: block;
  float: left;
}
#info-panel .title .close {
  height: 58px;
  line-height: 58px;
  padding-right: 20px;
  text-align: center;
  font-size: 19px;
  cursor: pointer;
}
#info-panel .title .close:hover {
  color: #00aeff;
}
#info-panel .title .button-space {
  display: block;
  float: right;
  padding-right: 10px;
  height: 58px;
}
#info-panel .title h3 {
  display: inline-block;
  max-width: 100px;
  line-height: 58px;
  height: 58px;
  margin: 0;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#info-panel .title .button.main-action {
  color: #444;
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
#info-panel .title .button.main-action .icon {
  margin-right: 10px;
}
#info-panel .title .button.main-action:hover {
  color: #2381e9;
}
#info-panel .title .button.main-action:hover .icon {
  color: #2381e9 !important;
}
#info-panel .title .button {
  background: none;
  border: none;
}
#info-panel .title .new-entity,
#info-panel .title .button.main-action {
  color: #2381e9;
}
#info-panel .title .new-entity .icon,
#info-panel .title .button.main-action .icon {
  color: #2381e9;
}
#info-panel .form {
  padding: 20px;
}
#info-panel .form input[type=text],
#info-panel .form input[type=number],
#info-panel .form input[type=password],
#info-panel .form textarea {
  border-top-color: #D9D9D9;
}
#info-panel .item-details-inner {
  margin: 0;
}
#discussion-panel {
  height: 100%;
  position: relative;
  margin: 0 auto;
}
#discussion-panel .nano:after {
  content: ' ';
  width: 100%;
  height: 5px;
  display: block;
  -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 50%, transparent 100%);
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
}
#discussion-panel .nano.top:after {
  background-image: none;
}
#discussion-panel #top-details {
  margin-right: 20px;
  overflow: hidden;
  padding: 0 30px;
  text-align: center;
}
#discussion-panel #top-details > div {
  display: inline-block;
  padding: 0px 30px 0px 0;
}
#discussion-panel #top-details > div:last-child {
  padding-right: 0;
}
#discussion-panel #top-details h3 {
  font-size: 16px;
  color: #444;
  margin: 0;
}
#discussion-panel #top-details h5 {
  text-transform: uppercase;
  color: #888;
  font-size: 10px;
  margin-top: 1px;
  margin-bottom: 0;
}
#discussion-panel #attach-files {
  font-size: 12px;
  top: 1px;
  left: 21px;
  position: absolute;
  padding: 2px 8px;
  height: 48px;
  line-height: 42px;
  cursor: pointer;
  border-right: 1px solid #ccc;
}
#discussion-panel #attach-files span {
  font-size: 20px;
}
#discussion-panel #attach-files:hover {
  background: #fafafa;
}
#discussion-panel .message-files {
  font-size: 15px;
}
#discussion-panel .message-files .icon {
  color: #2381e9 !important;
  font-size: 12px !important;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#discussion-header-wrapper {
  height: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
}
#discussion-header-wrapper h4 {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
  display: inline-block;
  font-size: 15px;
}
#discussion-header-wrapper #discussion-enity-title {
  color: #888;
  padding-right: 5px;
}
#discussion-header-wrapper > div {
  display: inline-block;
  width: 100%;
  line-height: 22px;
  color: #aaa;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#discussion-header-wrapper .icon {
  cursor: pointer;
  margin-right: 10px;
  float: right;
}
#discussion-header-wrapper #refresh-messages {
  float: right;
  background-position: -240px -24px;
}
#discussion-panel.minimal {
  margin: 0 20px;
}
#discussion-panel.minimal #discussion-header-wrapper {
  position: relative;
  border-bottom: none;
  margin-bottom: 20px;
  text-align: left;
}
#discussion-panel.minimal #discussion-header-wrapper h4 {
  line-height: 30px;
}
#discussion-panel.minimal #discussion-header-wrapper .button {
  display: none;
}
#messages-list-wrapper {
  z-index: 0;
  margin: 0;
  margin: 30px 20px 0 0;
  list-style: none;
}
#messages-list-wrapper ul {
  margin-bottom: 20px;
}
#messages-list {
  padding-top: 20px;
}
#new-message {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px;
  background: #fff;
  z-index: 999999;
  height: 60px;
}
#new-message #send-message,
#new-message #sending-message {
  height: 50px;
  position: absolute;
  right: 20px;
  top: 0px;
  line-height: 48px;
  font-size: 14px;
  background: #4ea0e2;
  color: #fff;
  padding: 2px 10px;
  border-radius: 0 3px 3px 0;
}
#new-message #sending-message {
  display: none;
}
#new-message.sending-message #send-message {
  display: none;
}
#new-message.sending-message #sending-message {
  display: block;
}
#new-message #message-area-wrapper {
  position: relative;
}
#new-message textarea,
#new-message #message-area-wrapper,
#new-message #sending-message-overlay {
  height: 50px;
  border-radius: 3px;
  border-color: #ccc;
}
#new-message textarea {
  width: 100%;
  box-shadow: none;
  padding-left: 47px;
  padding-right: 130px;
}
#new-message #message-file-name-space {
  height: 30px;
  border-top: none;
  display: none;
  position: relative;
}
#new-message #message-file-name-space .remove-files {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #2381e9;
  font-size: 12px;
  width: 76px;
}
#new-message #file-names {
  position: relative;
  padding-right: 81px;
}
#new-message #file-names span {
  display: inline-block;
  padding: 0 10px;
  line-height: 22px;
  height: 22px;
  margin: 4px 5px;
  background: #DFEDFF;
  border-radius: 3px;
}
#new-message.has-files {
  height: 80px;
}
#new-message.has-files #message-file-name-space {
  display: block;
}
/** Comments **/
.user-messages-section .user-info > a {
  display: inline-block;
  vertical-align: top;
}
.user-messages-section .user-info .user-link {
  line-height: 32px;
  margin-left: 10px;
  font-weight: bold;
  color: #3d3c40;
}
.entity-discussion .message {
  position: relative;
  padding: 10px;
}
.entity-discussion .message .posted-on {
  font-size: 12px;
  max-width: 80%;
  display: block;
  float: right;
  position: relative;
  color: #555;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.entity-discussion .message .posted-on a {
  color: #6f8ca3;
}
.entity-discussion .message .posted-on span {
  position: relative;
  z-index: 1;
}
.entity-discussion .message .posted-on hr {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 0;
  margin: 0;
  display: none;
}
.entity-discussion .message .posted-on a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.entity-discussion .message .message-contents {
  position: relative;
}
.entity-discussion .message .user-image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 50px;
  height: 50px;
}
.entity-discussion .message .message-main {
  width: 75%;
  display: inline-block;
  padding-left: 57px;
  vertical-align: top;
}
.entity-discussion .message .message-text-inner {
  padding-top: 3px;
  color: #000;
}
.entity-discussion .message .message-text-inner pre {
  font-family: 'Inter', sans-serif;
  color: #3d3c40;
  line-height: 1.3;
  margin: 0;
  white-space: pre-wrap;
}
.entity-discussion .message .message-meta {
  width: 24%;
  display: inline-block;
  text-align: right;
}
.entity-discussion .message .user-image {
  display: inline-block;
}
.entity-discussion .message:first-child {
  margin-top: 0;
}
.entity-discussion .message .message-date {
  color: #fff;
  display: block;
  margin-top: 2px;
  font-size: 12px;
}
.entity-discussion .message:hover .message-date {
  color: #333;
}
.entity-discussion .message .user-link {
  font-weight: bold;
  color: #2988cc;
  font-size: 14px;
}
#slide-out-panel-wrapper {
  float: left;
  position: relative;
  width: 0;
  overflow: visible;
  height: 100%;
}
.slide-out-panel {
  height: 100%;
  width: 600px;
  border-left: 1px solid #e1e6ef;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -600px;
  z-index: 1;
}
.slide-out-panel > div {
  float: right;
}
.entity-list {
  height: 100%;
  width: 400px;
  position: relative;
}
.entity-list-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 100%;
  padding: 11px 15px;
  z-index: 2;
  border-bottom: 1px solid #e1e6ef;
}
.entity-list-header > .entity-list-title,
.entity-list-header > div {
  display: inline-block;
}
.entity-list-header .entity-actions {
  float: right;
}
.entity-list-title {
  margin: 0;
  line-height: 28px;
}
.entity-list-button {
  background-color: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
  border: none;
}
.entity-list-button.disabled,
.entity-list-button.disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.entity-list-button.large {
  padding: 10px 20px;
}
.entity-list-button[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.entity-list-content {
  padding-top: 50px;
  height: 100%;
}
.item-details {
  height: 100%;
  width: 100%;
}
.item-details .item-details-main {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.item-details .item-details-main:before,
.item-details .item-details-main:after {
  content: " ";
  display: table;
}
.item-details .item-details-main:after {
  clear: both;
}
.item-details .item-details-inner {
  margin: 0 20px;
}
.item-details .item-notes {
  margin-top: 20px;
  float: left;
}
.item-details .item-notes p {
  margin-top: 10px;
}
.item-details-list {
  list-style: none;
  margin: 10px 0 40px 0;
}
.item-details-list:last-child {
  margin-bottom: 0;
}
.item-details-list li {
  clear: both;
  line-height: 14px;
  margin-bottom: 10px;
}
.item-details-list li:before,
.item-details-list li:after {
  content: " ";
  display: table;
}
.item-details-list li:after {
  clear: both;
}
.item-details-list .email-details .icon {
  background-position: -72px 0;
}
.item-details-list .address-details .icon {
  background-position: 0 -24px;
  vertical-align: top;
}
.item-details-list .address-details .address {
  display: inline-block;
  line-height: 18px;
}
.item-details-list .phone-details .icon {
  background-position: -72px -144px;
}
.item-details-list .website-details .icon {
  background-position: -336px -144px;
}
.task-details .item-details-inner {
  position: relative;
}
.task-details .task-main {
  width: 900px;
  margin: 0 auto;
  position: relative;
}
.task-details .task-main:before,
.task-details .task-main:after {
  content: " ";
  display: table;
}
.task-details .task-main:after {
  clear: both;
}
.task-details .is-task-completed,
.task-details .retry-save,
.task-details .saving-indicator {
  position: absolute;
}
.task-details .is-task-completed {
  left: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 1px solid #888;
  border-radius: 3px;
}
.task-details .saving-indicator {
  left: 0px;
  height: 16px !important;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat 0 0;
  display: none;
}
.task-details .retry-save {
  height: 14px !important;
  width: 14px;
  margin: 10px 0 0 10px;
  left: 14px;
  background-image: url(../images/glyphicons-halflings.png);
  background-repeat: no-repeat;
  background-position: 0 -120px;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.task-details .saving .is-task-completed {
  display: none;
}
.task-details .saving .saving-indicator {
  display: block;
}
.task-details .saving .retry-save {
  display: none;
}
.task-details .error-saving .is-task-completed {
  display: none;
}
.task-details .error-saving .saving-indicator {
  display: none;
}
.task-details .error-saving .retry-save {
  display: block;
}
.task-details .task-content-section {
  padding: 20px 0;
  width: 650px;
  float: left;
  border: 1px solid #cfcfcf;
}
.task-details .task-content {
  position: relative;
  padding: 0 20px 20px 50px;
}
.task-details .task-details-meta {
  padding: 20px;
  width: 250px;
  float: left;
  color: #888;
}
.task-details .task-details-meta span {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  width: 95px;
}
.task-details .task-details-meta > div {
  margin-bottom: 10px;
}
.task-details .task-details-meta > div:before,
.task-details .task-details-meta > div:after {
  content: " ";
  display: table;
}
.task-details .task-details-meta > div:after {
  clear: both;
}
.task-details .is-task-completed {
  left: 20px !important;
  top: 4px;
}
.task-details .task-text {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 150%;
}
.task-details.complete .is-task-completed {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.task-details.complete .task-text {
  text-decoration: line-through;
}
.task-details.complete #task-edit {
  display: none;
}
.task-details .task-description {
  color: #888;
  margin-bottom: 20px;
}
.task-details .task-actions {
  display: block !important;
  top: 0 !important;
  width: auto !important;
  position: relative !important;
  float: right;
}
.task-details .task-actions .button {
  float: right;
  margin-right: 10px;
}
.task-details .task-weight-value .value {
  float: left;
  margin-right: 10px;
}
.task-details #change-task-weight {
  background-position: 0 -72px;
  height: 14px;
  width: 14px;
  cursor: pointer;
  transition: all 0.2s linear;
  opacity: 0;
}
.task-details .button {
  display: inline-block;
  cursor: pointer;
  opacity: 0.95;
  transition: all 0.2s linear;
}
.task-details .button:hover {
  opacity: 1;
}
.task-details .task-files {
  padding: 20px 20px 0 20px;
}
.task-details .task-files ol {
  list-style: none;
  padding: 0;
}
.task-details .task-files li {
  line-height: 30px;
  padding-left: 30px;
  background: transparent url(../images/activity/file.png) no-repeat 10px center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-details h6 {
  font-weight: bold;
  color: #000;
  font-size: 17px;
  padding: 10px 20px;
  cursor: pointer;
}
.task-details h6:hover {
  color: #00aeff;
}
[data-template="task-details-alternate"] .task-details-alternate {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem;
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
.task-details-alternate {
  padding: 20px;
}
.task-details-alternate .item-details-inner {
  position: relative;
}
.task-details-alternate .is-task-completed,
.task-details-alternate .retry-save,
.task-details-alternate .saving-indicator {
  position: absolute;
}
.task-details-alternate .is-task-completed {
  left: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 1px solid #888;
  border-radius: 3px;
}
.task-details-alternate .saving-indicator {
  left: 0px;
  height: 16px !important;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat 0 0;
  display: none;
}
.task-details-alternate .retry-save {
  height: 14px !important;
  width: 14px;
  margin: 10px 0 0 10px;
  left: 14px;
  background-image: url(../images/glyphicons-halflings.png);
  background-repeat: no-repeat;
  background-position: 0 -120px;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.task-details-alternate .saving .is-task-completed {
  display: none;
}
.task-details-alternate .saving .saving-indicator {
  display: block;
}
.task-details-alternate .saving .retry-save {
  display: none;
}
.task-details-alternate .error-saving .is-task-completed {
  display: none;
}
.task-details-alternate .error-saving .saving-indicator {
  display: none;
}
.task-details-alternate .error-saving .retry-save {
  display: block;
}
.task-details-alternate #task-time-entries-wrapper {
  display: none;
}
.task-details-alternate.has-time-entries #task-time-entries-wrapper {
  display: block;
}
.task-details-alternate .task-description {
  padding-left: 20px;
}
.task-details-alternate .task-assigned {
  display: flex;
}
.task-details-alternate .left-meta,
.task-details-alternate .right-meta {
  width: 47%;
  display: inline-block;
}
.task-details-alternate .left-meta > div,
.task-details-alternate .right-meta > div {
  display: flex;
}
.task-details-alternate.complete .is-task-completed {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.task-details-alternate.complete .task-text {
  text-decoration: line-through;
}
.task-details-alternate.complete #task-edit {
  display: none;
}
.task-details-alternate .task-actions {
  display: block !important;
  top: 0 !important;
  width: auto !important;
  position: relative !important;
  float: right;
}
.task-details-alternate .task-actions .button {
  float: right;
  margin-right: 10px;
}
.task-details-alternate .task-weight-value .value {
  float: left;
  margin-right: 10px;
}
.task-details-alternate #change-task-weight {
  background-position: 0 -72px;
  height: 14px;
  width: 14px;
  cursor: pointer;
  transition: all 0.2s linear;
  opacity: 0;
}
.task-details-alternate .button {
  cursor: pointer;
  opacity: 0.95;
  transition: all 0.2s linear;
}
.task-details-alternate .button:hover {
  opacity: 1;
}
.task-details-alternate .task-files {
  margin-top: 20px;
  margin-bottom: 20px;
}
.task-details-alternate .task-files ol {
  list-style: none;
  padding: 0 0 0 50px;
}
.task-details-alternate .task-files a {
  color: #777;
}
.task-details-alternate .task-files li {
  line-height: 30px;
  padding-left: 20px;
  background: transparent url(../images/activity/file.png) no-repeat 0px center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-details-alternate .task-weight-value {
  display: inline-block;
}
.task-details-alternate h6 {
  color: #000;
  margin-bottom: 15px;
  font-size: 17px;
  padding: 10px 0px;
  cursor: pointer;
}
.task-details-alternate h6 span {
  float: right;
  display: inline-block;
  position: relative;
  display: none;
}
.task-details-alternate h6 .closed {
  display: inline-block;
}
.task-details-alternate h6.showing span {
  display: inline-block;
}
.task-details-alternate h6.showing span.closed {
  display: none;
}
.task-details-alternate h6.showing + div {
  margin-bottom: 40px;
}
.task-details-alternate h6:hover {
  color: #00aeff;
}
.task-details-alternate #timer {
  background: transparent;
  border: none;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-details-alternate .text-button {
  font-size: 13px;
  padding-left: 20px;
  background: transparent url(../images/message-file.svg) no-repeat 0 center;
  background-size: 14px;
  color: #90a4af;
  cursor: pointer;
}
.task-details-alternate .text-button:hover {
  border: none;
}
.task-details-alternate .nav-tabs {
  padding-left: 20px;
}
.task-details-alternate .nav-tabs a {
  font-size: 13px;
}
.task-details-alternate .time-entries {
  padding: 10px 20px;
}
.task-details-alternate .activity-stream {
  margin: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.time-entries__stop-timer,
.time-entries__elapsed-time {
  display: none;
}
.time-entries--timer-running .time-entries__start-timer {
  display: none;
}
.time-entries--timer-running .time-entries__stop-timer,
.time-entries--timer-running .time-entries__elapsed-time {
  display: block;
}
.time-entries--timer-running .time-entries__stop-timer {
  margin: 0 1rem 0 auto;
}
.task-details--overdue .task-details-meta__due-date {
  color: #E96267;
}
.task-content {
  position: relative;
  padding: 0 0 0px 1.5rem;
}
.task-content__text {
  font-size: 1.25rem;
  margin-bottom: 10px;
  line-height: 150%;
  margin: 0;
}
.task-content__text textarea {
  margin: 0;
}
.task-content__description {
  color: #888;
  margin-bottom: 20px;
  padding: 1.5rem 0 0 1.5rem;
  font-size: 0.9rem;
}
.task-content__is-completed {
  left: 0px !important;
  top: 8px;
}
.task-content__main-meta {
  color: #757575;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  padding-top: 0.7rem;
}
.task-content__make-recurring {
  height: 1rem;
  width: 1rem;
  background: transparent url(../images/refresh.svg) no-repeat center center / 0.75rem;
  margin-left: 0.75rem;
  opacity: 0.5;
  cursor: pointer;
}
.task-content__make-recurring:hover {
  opacity: 1;
}
.task-content-meta__assigned {
  padding-right: 0.75rem;
  margin-right: 0.75rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.task-content-meta__assigned .user-image {
  height: 1rem;
  width: 1rem;
  margin-left: 0.5rem;
}
.task-details-meta {
  margin: 1rem 0 2rem 0;
  padding-left: 20px;
  font-size: 12px;
}
.task-details-meta__item {
  display: flex;
  margin-right: 10px;
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.task-details-meta__labels {
  display: flex;
  margin-right: 10px;
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/tag.svg);
}
.task-details-meta__files-wrapper {
  display: flex;
}
.task-details-meta__files {
  display: flex;
  margin-right: 10px;
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 0.5rem;
  margin-right: 0;
  background-image: url(../images/file-simple.svg);
  cursor: pointer;
}
.task-details-meta__files-list {
  margin: -0.5rem 0 0 -0.5rem;
}
.task-details-meta__files-list a {
  color: #444444;
  padding: 0.5rem;
  border-radius: 4px;
  display: inline-block;
}
.task-details-meta__files-list a:hover {
  background: #fafafa;
  text-decoration: none;
}
.task-details-meta__time {
  display: flex;
  margin-right: 10px;
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/clock.svg);
}
.task-details__status {
  background-color: #eee;
  display: inline-block !important;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  background-color: transparent;
}
.task-details__status[data-status="at-risk"] {
  background-color: #FEC485;
  color: #fff;
}
.task-details__status[data-status="overdue"] {
  background-color: #FC6E63;
  color: #fff;
}
.task-details__cover-image {
  width: 100%;
  height: 6rem;
  background-size: cover;
  background-position: center center;
  margin-bottom: 1rem;
  border-radius: 3px;
}
.task-details-meta__tag {
  display: inline-block;
  color: #999;
  width: 70px;
  margin-right: 5px;
}
.task-details--is-recurring .task-content__make-recurring {
  background-image: url(../images/refresh-blue.svg) !important;
  opacity: 1 !important;
}
.task-labels {
  display: flex;
}
.task-labels.label-manager-open .task-details-meta__tag,
.task-labels.label-manager-open .placeholder-text {
  display: none;
}
.task-menu {
  height: 100%;
  display: flex;
  align-items: center;
}
.task-menu > * {
  margin-left: 1.3rem;
  padding-left: 1rem;
  background: transparent no-repeat left center;
  background-size: 0.8rem;
}
.task-menu > span,
.task-menu li {
  cursor: pointer;
  opacity: 0.5;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 2px;
  transition: opacity 0.2s ease;
  font-size: 0.8rem;
}
.task-menu > span:hover,
.task-menu li:hover {
  opacity: 1;
}
.task-menu li {
  background: transparent no-repeat 0.5rem center;
  background-size: 0.8rem;
}
.task-menu .upload {
  background-image: url(../images/upload.svg);
}
.task-menu .delete {
  background-image: url(../images/delete.svg);
}
.task-menu .edit {
  background-image: url(../images/edit.svg);
}
.task-menu .timer {
  background-image: url(../images/quick-start/timer.svg);
}
.task-menu .add-cover {
  background-image: url(../images/image.svg);
}
.task-menu .add-favorite,
.task-menu .remove-favorite {
  background-image: url(../images/favorites-star.svg);
}
.task-menu .button {
  padding: 0;
  overflow: visible;
  color: inherit !important;
}
.task-menu__dropdown {
  height: 1.2rem;
  width: 1rem;
  background: transparent url(../images/more.svg) no-repeat center center / 1rem;
  display: inline-block;
  position: relative;
  top: 3px;
}
.task-menu__dropdown li {
  display: block;
  padding-left: 2rem !important;
}
#timer {
  background: #FBFBFD;
  border-top: 1px solid #E6E6EB;
  border-bottom: 1px solid #E6E6EB;
  padding: 10px 20px;
}
.elapsed-time {
  font-size: 24px;
  line-height: 30px;
  color: #888;
  display: none;
}
#inactive-timer {
  float: right;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  color: #888;
  line-height: 30px;
}
#stop-timer {
  display: none;
}
#start-timer,
#stop-timer,
#enter-time {
  background-image: url(../images/timer-white.svg);
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 18px;
  padding: 12px 20px 12px 32px;
}
#enter-time {
  background-image: url(../images/plus-white.svg);
}
#task-attachments-tab .add-file-button {
  position: absolute;
  right: 10px;
}
#task-attachments-tab .attachments-list {
  float: left;
  clear: both;
}
.task-time-entries .header {
  font-weight: bold;
  border-bottom: 1px solid #eee;
  color: #555;
  display: none;
}
.task-time-entries .header:hover {
  background: #fff;
}
.task-time-entries .time-entry-delete {
  width: 1rem !important;
  position: absolute;
  right: 5px;
  top: 3px;
  margin-top: 6px;
  display: none;
}
.task-time-entries li.new {
  background-color: #feffeb;
}
.task-time-entries__time-entry {
  display: flex;
  list-style: none;
  padding: 5px 0;
  font-size: 0.8rem;
  position: relative;
  margin-left: -10px;
}
.task-time-entries__time-entry:hover {
  background-color: #fafafa;
}
.task-time-entries__time-entry:hover .time-entry-delete {
  display: block;
}
.task-time-entries__time-entry > div {
  width: 33%;
  padding: 0 10px;
}
.client-task-list .list li {
  padding: 0 0 0 10px;
}
.client-task-list .list li.list-header {
  padding: 0;
}
.client-task-list .list .is-task-completed {
  left: 0 !important;
}
.client-task-list .list .task-list__task-details {
  padding-left: 30px;
  padding-right: 280px;
}
.client-task-list .list .is-task-completed {
  display: none;
}
.clients-complete-tasks .mine .is-task-completed {
  display: block;
}
.client-task-details .task-contents {
  padding-left: 0;
}
#task-weight-form {
  width: 378px;
}
#task-weight-form p {
  margin-bottom: 30px;
}
.client-actions {
  list-style: none;
  margin: 10px 0 0 0;
}
.client-actions li {
  margin-top: 5px;
}
.client-widgets-outer {
  /*text-align:center;*/
  padding: 0 20px;
}
.client-widgets-outer:before,
.client-widgets-outer:after {
  content: " ";
  display: table;
}
.client-widgets-outer:after {
  clear: both;
}
.client-widgets-inner {
  display: inline-block;
}
.client-widget.widget .widget-title {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 10px 20px;
  color: #999;
  height: auto;
  margin: 0;
  position: relative;
  top: 1px;
  text-align: left;
}
.client-widget.widget .widget-inner {
  border-radius: 0;
  box-shadow: none;
}
/** Lists **/
.list {
  list-style: none;
}
.list a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.list a > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list li {
  list-style: none;
  position: relative;
  cursor: pointer;
  padding: 0 10px;
}
.list li:before,
.list li:after {
  content: " ";
  display: table;
}
.list li:after {
  clear: both;
}
.list li > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list li:last-child {
  border-bottom: none;
}
.list.condensed li:hover,
.list.condensed li.selected,
.list.condensed li.pseudo-hover {
  background-color: #fafafa;
}
.list.condensed li.selected {
  background-color: #F2F8FD;
  border-top-color: #D0E9F7;
}
.draft .status.status,
[data-status="draft"] {
  background: #b4b4b4;
}
.overdue .status,
.behind-schedule .status {
  background: #E96267;
}
.at-risk .status,
[data-status="at-risk"] {
  background: #fff3a3;
}
.detailed-list li:hover {
  background: rgba(255, 255, 0, 0.05);
}
.detailed-list li:hover .progress {
  opacity: 1;
}
.detailed-list li:hover .progress span {
  opacity: 1;
}
/** Task List **/
.completed-task {
  text-decoration: line-through;
  background-color: transparent;
  color: #aaa;
}
.task-list-wrapper {
  display: flex;
  min-height: 100%;
}
.task-list-wrapper__secondary-menu {
  flex: 0 0 200px;
}
.task-list-wrapper__view {
  overflow-x: auto;
  overflow-y: hidden;
  flex-grow: 1;
  background: #fff;
  min-height: 100%;
  padding-left: 1rem;
}
.task-list-items {
  height: 100%;
  overflow: auto;
}
.task-list input {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-shadow: none;
  background: transparent;
}
.task-list input:focus,
.task-list input:active {
  outline: none;
}
.task-list input::-ms-clear {
  display: none;
}
.task-list li {
  line-height: 50px;
}
.task-list li:hover .sort-handle {
  opacity: 1;
}
.task-list .is-task-completed,
.task-list .retry-save,
.task-list .saving-indicator {
  position: absolute;
}
.task-list .is-task-completed {
  left: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 1px solid #888;
  border-radius: 3px;
}
.task-list .saving-indicator {
  left: 0px;
  height: 16px !important;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat 0 0;
  display: none;
}
.task-list .retry-save {
  height: 14px !important;
  width: 14px;
  margin: 10px 0 0 10px;
  left: 14px;
  background-image: url(../images/glyphicons-halflings.png);
  background-repeat: no-repeat;
  background-position: 0 -120px;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.task-list .saving .is-task-completed {
  display: none;
}
.task-list .saving .saving-indicator {
  display: block;
}
.task-list .saving .retry-save {
  display: none;
}
.task-list .error-saving .is-task-completed {
  display: none;
}
.task-list .error-saving .saving-indicator {
  display: none;
}
.task-list .error-saving .retry-save {
  display: block;
}
.task-list .task-list-icon {
  font-size: 17px;
  min-width: 0.8rem;
}
.task-list .completed {
  text-decoration: line-through;
  background-color: transparent;
  color: #aaa;
}
.task-list__task-status {
  display: none;
}
.task-list__task-details {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-list__task-due-date {
  position: absolute;
  right: 0;
  width: 120px;
  text-align: right;
  padding-right: 0.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-list li:hover .task-list__task-due-date {
  background: transparent url(../images/calendar.svg) no-repeat left center / 0.8rem;
}
.task-list--has-due-date .task-list__task-due-date {
  background-image: none !important;
}
.task-list__task-assigned {
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-list__task-assigned .user-image {
  height: 24px;
  width: 24px;
  display: inline-block;
}
.task-list__task-assigned .user-image img {
  vertical-align: top;
}
.task-list__task-assigned-name {
  display: none;
}
.task-list__task-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 130px;
  top: 0;
  width: 12.6rem;
  height: 100%;
  font-size: 0.7rem;
}
.task-list__task-meta .has-notes {
  float: right;
  color: #aaa;
  top: 17px;
  position: relative;
}
.task-list__task-meta .has-notes:hover {
  color: #aaa !important;
}
.task-list__task-meta > div {
  height: 100%;
  width: 1.75rem;
  margin-left: 1rem !important;
}
.task-list__num-files {
  padding-left: 0.8rem;
  background: transparent url(../images/paperclip-archive.svg) no-repeat left center / 0.6rem;
}
.task-list__num-subtasks {
  padding-left: 0.8rem;
  background: transparent url(../images/checked.svg) no-repeat left center / 0.6rem;
}
.task-list__task-notes {
  visibility: hidden;
  background: transparent url(../images/notes.svg) no-repeat center center / 0.65rem;
}
.task-list--has-notes .task-list__task-notes {
  visibility: visible;
}
.task-list__task-view {
  visibility: hidden;
  background: transparent url(../images/eye.svg) no-repeat center center / 0.8rem;
}
.task-list__task-start-timer {
  visibility: hidden;
  background: transparent url(../images/timer.svg) no-repeat center center / 0.8rem;
}
.task-list__task-delete {
  visibility: hidden;
  background: transparent url(../images/delete.svg) no-repeat center center / 0.8rem;
}
.task-list li:hover .task-list__task-start-timer {
  visibility: visible;
}
.task-list__task-actions {
  position: absolute;
  right: 0;
  width: 128px;
  text-align: right;
  margin-right: 10px;
  display: none;
  padding: 0 !important;
}
.task-list__task-actions div {
  float: right;
  cursor: pointer;
  font-size: 17px;
  margin: 17px 15px 0 0;
}
.task-list__task-actions div:first-child {
  margin-right: 0;
}
.task-list__task-actions div:hover {
  color: #2381e9;
}
.task-list__sort-handle {
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  cursor: move;
  background: transparent url(../images/tasks/sort-handle.png) no-repeat 0 center;
  opacity: 0;
  transition: all 0.2s linear;
}
.task-list__status-indicators {
  top: 50%;
  margin-top: -8px !important;
  position: absolute;
  left: 0px;
  height: 16px !important;
}
.task-list--complete .task-status-indicator,
.task-list--complete .task-content__is-completed {
  background: transparent url(../images/check.svg) no-repeat center center / 14px !important;
  border: none !important;
}
.task-list__primary-details {
  display: flex;
  height: 50px;
  width: 100%;
  line-height: 50px;
  padding: 0 346px 0 36px;
  position: relative;
}
.task-list__primary-details div {
  margin: 0 4px;
  cursor: pointer;
}
.task-list--has-labels .label {
  padding: 2px 1rem;
  font-size: 0;
}
.task-list--has-labels .label-list {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  padding-left: 50px;
}
.task-list__item {
  border-top-color: #eee;
}
.task-list__item.selected input,
.task-list__item:hover input,
.task-list__item.pseudo-hover input {
  background-color: transparent;
}
.task-list__item:hover .task-completed {
  opacity: 0.6;
}
.task-list__item:hover .task-actions {
  display: block;
}
.task-list__item:hover .task-meta {
  display: block;
}
.task-list__item--at-risk .task-list__task-due-date {
  color: #F7941D;
}
.task-list__item--overdue .task-list__task-due-date {
  color: #E96267;
}
.task-list__item--complete .task-list__task-details {
  text-decoration: line-through;
}
.task-list__header {
  padding-left: 15px;
  border-top: none;
}
.task-list__header .sort-handle {
  display: none;
}
.task-list__header .is-task-completed,
.task-list__header .view-task {
  display: none;
}
.task-list__header .task-list__task-details,
.task-list__header input {
  font-weight: bold;
}
.task-list__header + li {
  border-top: none !important;
}
.task-list__header.selected,
.task-list__header:hover {
  background-color: transparent !important;
}
.task-list__header.selected input,
.task-list__header:hover input {
  background-color: transparent !important;
}
.task-list__header .status-indicators {
  left: 0;
  cursor: default;
}
.task-list__header .status-indicators .is-task-completed {
  display: none;
}
.task-list__header .task-list__primary-details {
  padding: 0;
}
.task-list__header .task-list__task-meta {
  display: none;
}
.task-list__edit-section h4 {
  font-weight: 700;
  margin-bottom: 2rem;
}
.task-list__edit-section input {
  box-shadow: none;
}
.task-status-indicators .is-task-completed,
.task-status-indicators .retry-save,
.task-status-indicators .saving-indicator {
  position: absolute;
}
.task-status-indicators .is-task-completed {
  left: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 1px solid #888;
  border-radius: 3px;
}
.task-status-indicators .saving-indicator {
  left: 0px;
  height: 16px !important;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat 0 0;
  display: none;
}
.task-status-indicators .retry-save {
  height: 14px !important;
  width: 14px;
  margin: 10px 0 0 10px;
  left: 14px;
  background-image: url(../images/glyphicons-halflings.png);
  background-repeat: no-repeat;
  background-position: 0 -120px;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.task-status-indicators .saving .is-task-completed {
  display: none;
}
.task-status-indicators .saving .saving-indicator {
  display: block;
}
.task-status-indicators .saving .retry-save {
  display: none;
}
.task-status-indicators .error-saving .is-task-completed {
  display: none;
}
.task-status-indicators .error-saving .saving-indicator {
  display: none;
}
.task-status-indicators .error-saving .retry-save {
  display: block;
}
.task-list--has-statuses .task-list__task-status {
  width: 20px;
  padding: 0;
  margin: 0;
  display: block;
}
.task-list--has-statuses .task-list__task-status span {
  border-radius: 3px;
  width: 4px;
  display: block;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 13px;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  background: #90A4AF;
}
.task-list--has-statuses .task-list__item--overdue .task-list__task-status span {
  background: #FC6E63;
  color: rgba(0, 0, 0, 0);
}
.task-list--has-statuses .task-list__item--at-risk .task-list__task-status span {
  background: #FEC485;
  color: rgba(0, 0, 0, 0);
}
.task-list--has-statuses .task-list__item--on-schedule .task-list__task-status span {
  display: none;
}
.task-list-wrapper__kanban-button a {
  background-image: url(../images/kanban.svg);
}
.task-list-wrapper__list-button a {
  background-image: url(../images/task-list.svg);
}
.task-list-wrapper__gantt-button a {
  background-image: url(../images/gantt.svg);
}
.task-list-wrapper__secondary-menu {
  background: #fff;
}
.screen-secondary-menu__menu-items {
  padding: 2rem 1rem;
}
.screen-secondary-menu__menu-items li {
  list-style: none;
}
.screen-secondary-menu__menu-items li a:not(.button),
.screen-secondary-menu__menu-items li span {
  line-height: 2rem;
  color: #383F45;
  list-style: none;
  cursor: pointer;
  display: block;
  position: relative;
  border-radius: 4px;
}
.screen-secondary-menu__menu-items li a:not(.button):hover,
.screen-secondary-menu__menu-items li span:hover,
.screen-secondary-menu__menu-items li a:not(.button).active,
.screen-secondary-menu__menu-items li span.active {
  background-color: rgba(52, 177, 255, 0.04);
  color: #34b1ff;
  text-decoration: none;
}
.screen-secondary-menu__menu-items li a:not(.button),
.screen-secondary-menu__menu-items li span {
  padding: 0 1rem;
  display: block;
}
.screen-secondary-menu__menu-items .divider {
  line-height: 1;
  margin: 8px 35px 1rem 1rem;
}
.screen-secondary-menu__menu-items .divider hr {
  border-color: rgba(0, 0, 0, 0.07);
  float: none;
}
.screen-secondary-menu__menu-items .button {
  display: block;
  margin-bottom: 1rem;
}
.screen-secondary-menu__menu-items a {
  color: #243137;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: 0.5rem center;
}
.screen-secondary-menu__menu-items li {
  margin-bottom: 0.5rem;
}
.screen-secondary-menu--has-icons li {
  list-style: none;
}
.screen-secondary-menu--has-icons li a:not(.button),
.screen-secondary-menu--has-icons li span {
  line-height: 2rem;
  color: #383F45;
  list-style: none;
  cursor: pointer;
  display: block;
  position: relative;
  border-radius: 4px;
}
.screen-secondary-menu--has-icons li a:not(.button):hover,
.screen-secondary-menu--has-icons li span:hover,
.screen-secondary-menu--has-icons li a:not(.button).active,
.screen-secondary-menu--has-icons li span.active {
  background-color: rgba(52, 177, 255, 0.04);
  color: #34b1ff;
  text-decoration: none;
}
.screen-secondary-menu--has-icons li a:not(.button),
.screen-secondary-menu--has-icons li span {
  padding: 0 1rem;
  display: block;
}
.screen-secondary-menu--has-icons .divider {
  line-height: 1;
  margin: 8px 35px 1rem 1rem;
}
.screen-secondary-menu--has-icons .divider hr {
  border-color: rgba(0, 0, 0, 0.07);
  float: none;
}
.screen-secondary-menu--has-icons .button {
  display: block;
  margin-bottom: 1rem;
}
.screen-secondary-menu--has-icons:not(.screen-secondary-menu--has-links) li {
  padding-left: 1.8rem;
  background-position: 0.5rem center;
  background-size: 0.8rem;
  background-repeat: no-repeat;
}
.screen-secondary-menu--has-icons a {
  padding-left: 2rem !important;
}
.screen-secondary-menu__section-name {
  display: inline-block;
  padding: 0 0.5rem 0 0.7rem;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: #90A4AF;
  margin: 1rem 0 !important;
}
#tasks-list {
  margin-bottom: 0 !important;
}
.completed-task-checkbox {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.completed-tasks-list li {
  background-color: #fff;
}
.completed-tasks-list input {
  text-decoration: line-through #777;
}
.completed-tasks-list [disabled=disabled] {
  background: transparent;
}
.completed-tasks-list .task-details {
  text-decoration: line-through;
  background-color: transparent;
  color: #aaa;
}
.completed-tasks-list .sort-handle {
  display: none;
}
.completed-tasks-list .is-task-completed {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.completed-tasks-list .task-due-date {
  display: none;
}
.completed-tasks-list .flag-task {
  display: none;
}
.task-filter li {
  position: relative;
  margin: 0;
}
.task-filter li span {
  padding-left: 0.7rem;
}
.task-filter .selected:after {
  content: ' ';
  height: 8px;
  width: 8px;
  position: absolute;
  left: 1px;
  top: 7px;
  background: #4da6ff;
  border-radius: 2px;
}
.task-filter input {
  height: 2rem;
  border-radius: 2px;
  box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.02);
  background: #fff;
}
.search-results-message,
.task-list-message {
  z-index: 99;
  padding: 5px 20px;
  margin-bottom: 10px;
  color: #666;
  font-style: italic;
  background: #fafafa;
  border: 1px solid #eee;
}
.search-results-message .close,
.task-list-message .close {
  display: block;
  position: absolute;
  top: 6px;
  right: 15px;
  cursor: pointer;
}
.search-results-message {
  background: #FFF9CE;
  border: 1px solid #F9E652;
}
.invoice-list .invoice-number,
.invoice-list .invoice-total,
.invoice-list .invoice-balance,
.invoice-list .invoice-due-date,
.invoice-list .invoice-status {
  width: 20%;
}
.invoice-list .invoice-total {
  font-weight: bold;
}
.project-invoice-list {
  display: flex;
  justify-content: space-between;
  overflow: auto;
}
.project-invoice-list .invoice-items {
  overflow: initial !important;
}
.project-invoice-list__secondary-menu {
  flex: 0 0 200px;
}
.estimate-list li > div,
.estimate-list .list-main-header > div {
  width: 33%;
}
#file-view-type li,
#dashboard-project-view-type li {
  width: 36px;
}
#file-view-type li span,
#dashboard-project-view-type li span {
  display: inline-block;
  vertical-align: text-top;
  font-size: 17px;
  color: #444;
}
/** File List **/
.file-list .file-title,
.file-list .file-type,
.file-list .file-uploader-name,
.file-list .file-create-date,
.file-list .file-extension {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.file-list .file-extension {
  width: 10%;
}
.file-list .file-title {
  width: 55%;
}
.file-list .file-type {
  width: 10%;
}
.file-list .file-uploader-name {
  width: 20%;
}
.file-list .file-create-date {
  width: 5%;
}
.file-list li {
  background-position: 10px center;
  background-repeat: no-repeat;
}
.file-list .filename {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.file-list .upload-date {
  position: absolute;
  right: 160px;
  width: 160px;
}
.file-list .uploaded-by {
  position: absolute;
  right: 0;
  width: 160px;
}
.file-list span {
  font-size: 12px;
  color: #fff;
  margin-right: 4px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 2px 10px;
  background: #b2b2b2;
}
.file-list .zip span {
  background-color: #fdbb70;
}
.file-list .pdf span {
  background-color: #d04f3a;
}
.file-list .text span {
  background-color: #45bf7b;
}
.file-list .code span {
  background-color: #3a88d0;
}
.file-list .video span {
  background-color: #ce87eb;
}
.file-list .audio span {
  background-color: #3ab2d0;
}
.file-list .image span {
  background-color: #fd7037;
}
.file-list-view {
  position: relative;
  display: flex;
  height: 100%;
  background: #fff;
}
.file-list-view__outer {
  padding: 1.25rem 2.5rem;
  flex-grow: 1;
}
.file-list-modal .modal {
  width: 65vw;
  height: 80vh;
  position: relative;
  overflow-y: auto;
  padding: 0;
}
.file-list-modal .modal .modal-info {
  display: none;
}
.file-list-modal .screen-secondary-menu {
  position: absolute;
  top: 0;
  left: 0;
  flex: 1 0 100%;
  width: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.07);
}
.file-list-modal .screen-secondary-menu .screen-secondary-menu__menu-items {
  padding: 0.5rem 1rem;
  margin: 0;
}
.file-list-modal .screen-secondary-menu ul {
  display: flex;
}
.file-list-modal .screen-secondary-menu .view-type-switcher {
  margin: 0 0 0 auto;
}
.file-list-modal .screen-secondary-menu .view-type-switcher li {
  margin: 0 0 0 1rem;
  padding-right: 0.75rem;
}
.file-list-modal .screen-secondary-menu .secondary-menu__button-wrapper,
.file-list-modal .screen-secondary-menu .button {
  margin: 0;
}
.file-list-modal .file-list-view__outer {
  padding-top: 3.5rem;
}
.files-preview-list {
  margin: 0;
  position: relative;
}
.files-preview-list .file-list-preview {
  position: absolute;
  width: 300px;
  list-style: none;
  margin: 0 20px 10px 0;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  transition: border linear 0.2s;
  background: #fff;
}
.files-preview-list .file-list-preview:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.03);
}
.files-preview-list .file-name {
  font-size: 85%;
  font-weight: bold;
  color: #626368;
  margin-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.files-preview-list .file-options {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 1px solid #bbb;
  height: 14px;
  width: 14px;
  padding: 4px 2px 0 2px;
  cursor: pointer;
  overflow: visible;
  border-radius: 3px;
  transition: all linear 0.2s;
}
.files-preview-list .file-options .caret {
  opacity: 0.5;
  transition: all linear 0.2s;
}
.files-preview-list .file-options:hover {
  border: 1px solid #666;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.files-preview-list .file-options:hover .caret {
  opacity: 1;
}
.files-preview-list .file-options .dropdown-menu {
  left: -73px;
  top: 16px;
}
.files-preview-list .file-meta-wrapper {
  border-top: 1px solid #eee;
  background: #fafafa;
  padding: 10px 20px;
  position: relative;
}
.files-preview-list .file-meta-wrapper .file-meta {
  font-size: 85%;
  color: #555;
}
.files-preview-list .file-meta-wrapper .file-meta span {
  color: #656565;
}
.files-preview-list .animated {
  transition: all 0.5s ease-in-out;
}
.files-preview-list .file-dv {
  width: 260px;
  margin: 20px auto 20px auto;
  position: relative;
  background-image: url(../images/files/unknown-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 90px;
  cursor: pointer;
}
.files-preview-list .file-dv:before,
.files-preview-list .file-dv:after {
  content: " ";
  display: table;
}
.files-preview-list .file-dv:after {
  clear: both;
}
.files-preview-list .file-dv.audio {
  background-image: url(../images/files/audio-bg.png);
}
.files-preview-list .file-dv.image {
  background-image: url(../images/files/image-bg.png);
}
.files-preview-list .file-dv.video {
  background-image: url(../images/files/video-bg.png);
}
.files-preview-list .file-dv.pdf,
.files-preview-list .file-dv.code,
.files-preview-list .file-dv.txt,
.files-preview-list .file-dv.document {
  background-image: url(../images/files/document-bg.png);
}
.files-preview-list .file-dv.loaded {
  background-image: none !important;
  min-height: 0;
}
.files-preview-list .document-viewer-wrapper {
  margin: 0;
  float: none;
  width: inherit;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  opacity: 0;
}
.files-preview-list .loaded .document-viewer-wrapper {
  opacity: 1;
}
.files-preview-list .error .document-viewer-wrapper {
  opacity: 1;
}
.files-preview-list .error .document-viewer-wrapper .dv-markup {
  background: transparent;
}
.files-preview-list .error-loading,
.files-preview-list .loading-message,
.files-preview-list .unsupported-type {
  width: 100%;
  position: absolute;
  bottom: -16px;
  margin-top: -4px;
  text-align: center;
  font-size: 10px;
}
.files-preview-list .error-loading,
.files-preview-list .unsupported-type {
  color: #aaa;
}
.files-preview-list .loading-message {
  color: #006cff;
}
.files-preview-list .document-viewer-outer {
  border: none;
  box-shadow: none;
}
.files-preview-list .document-viewer {
  padding: 0 !important;
}
.files-preview-list .scrollable {
  width: 100%;
}
.files-preview-list .viewport {
  overflow: hidden;
}
.files-preview-list .pdf-menu {
  display: none;
}
.files-preview-list .audio .ttw-video-player {
  padding-top: 2px;
}
.files-preview-list .audio .dv-error {
  margin: 0 auto;
  padding: 0;
  font-size: 90%;
}
.files-preview-list .audio .ttw-video-player {
  height: 100%;
}
.files-preview-list .ttw-video-player {
  padding: 0;
}
.files-preview-list .ttw-video-player .player {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 10px;
  width: 554px;
  height: 33px;
}
.files-preview-list .progress-wrapper {
  margin-right: 0 !important;
}
.files-preview-list .volume-wrapper {
  display: none;
}
.files-preview-list .file-list-filename {
  text-align: center;
}
.files-preview-list .prettyprint {
  padding: 0 !important;
  margin: 0 !important;
}
.files-preview-list .dv-image {
  padding: 0;
  display: block;
}
.files-preview-list ol {
  list-style: none;
  margin: 0;
  font-size: 95%;
}
.files-preview-list ol li {
  line-height: 1.2 !important;
}
.files-preview-list .label-list {
  padding-top: 0.75rem;
}
.file-list-simple-tiles {
  margin: 0;
  position: relative;
  top: 1px;
  left: 1px;
}
.file-list-simple-tiles .file-simple-tile {
  width: 170px;
  position: relative;
  list-style: none;
  margin: 0 20px 10px 0;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.file-list-simple-tiles .file-simple-tile .file-icon {
  width: 170px;
  height: 120px;
  -webkit-background-clip: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.9;
  background-image: url(../images/files/unknown-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile.audio .file-icon {
  background-image: url(../images/files/audio-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile.image .file-icon {
  background-image: url(../images/files/image-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile.video .file-icon {
  background-image: url(../images/files/video-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile.pdf .file-icon {
  background-image: url(../images/files/pdf-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile.code .file-icon,
.file-list-simple-tiles .file-simple-tile.txt .file-icon,
.file-list-simple-tiles .file-simple-tile.document .file-icon {
  background-image: url(../images/files/document-bg2.jpg);
}
.file-list-simple-tiles .file-simple-tile .file-name {
  width: 100%;
  font-size: 14px;
  color: #444;
  height: 50px;
  background: #fafafa;
  border-radius: 8px;
  text-align: center;
  padding: 5px 20px;
  overflow: hidden;
}
.file-list-simple-tiles .file-simple-tile:hover {
  outline: 1px solid #111;
}
.file-list-simple-tiles .file-simple-tile:hover .file-icon {
  opacity: 1;
}
.file-list-simple-tiles .file-simple-tile:hover .file-name {
  background: #ccc;
  border-radius: 0;
}
.file-list-simple-tiles .file-meta-wrapper {
  border-top: 1px solid #eee;
  background: #fefefe;
  padding: 10px 20px;
  position: relative;
}
.file-list-simple-tiles .file-meta-wrapper .file-meta {
  font-size: 85%;
  color: #999;
}
.file-list-simple-tiles .file-meta-wrapper .file-meta span {
  color: #ccc;
  font-weight: bold;
}
.file-list-simple-tiles ol {
  list-style: none;
  margin: 0;
  font-size: 95%;
}
.file-list-simple-tiles ol li {
  line-height: 1.2 !important;
}
.file-list-line-items li {
  display: flex;
  padding: 1rem;
}
.file-view:before,
.file-view:after {
  content: " ";
  display: table;
}
.file-view:after {
  clear: both;
}
.file-view .file-top-menu {
  text-align: right;
}
.file-view .file-view-inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.file-view .file-view-inner:before,
.file-view .file-view-inner:after {
  content: " ";
  display: table;
}
.file-view .file-view-inner:after {
  clear: both;
}
.file-view .dv-image {
  width: 100%;
}
.file-view .file-dv {
  float: left;
}
.file-view .file-dv {
  width: 640px;
}
.file-view .file-meta-wrapper {
  width: 350px;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.file-view .meta-discussion {
  height: 100%;
  width: 100%;
  padding-top: 130px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.file-view .document-viewer-wrapper {
  margin: 0 auto;
  float: none;
  display: block;
}
.file-view .document-viewer-wrapper .button {
  box-shadow: none;
  border: none;
}
.file-view .document-viewer-wrapper .progress {
  background: none;
}
.file-view .document-viewer-wrapper .progress-bg,
.file-view .document-viewer-wrapper .volume {
  height: 7px;
}
.file-view .file-name {
  font-weight: bold;
  color: #888;
  font-size: 18px;
}
.file-view .file-menu {
  margin-top: 10px;
}
.file-view .file-menu > * {
  margin-left: 12px;
}
.file-view .file-menu > *:first-child {
  margin-left: 0;
}
.file-view .file-notes {
  margin-bottom: 20px;
}
.file-view .file-meta {
  color: #888;
  margin: 4px 0;
  font-size: 90%;
}
.file-view .file-meta span {
  color: #333;
  font-weight: bold;
}
.file-view .error-loading,
.file-view .loading-message {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.file-view .error-loading {
  color: #ff0000;
}
.file-view .loading-message {
  color: #006cff;
}
.file-view__details {
  position: relative;
  z-index: 1;
}
.file-view-switcher__previews {
  background-image: url(../images/file-previews.svg);
}
.file-view-switcher__tiles {
  background-image: url(../images/file-tiles.svg);
}
.file-view-switcher__line-items {
  background-image: url(../images/file-line-items.svg);
}
.close-file {
  padding: 10px 0 10px 30px;
  background-color: transparent;
  background-image: url(../images/back.svg) !important;
  background-position: 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 15px !important;
  padding-left: 30px !important;
  cursor: pointer;
  display: inline-block;
}
.file-actions {
  width: 100%;
}
.file-actions .smart-menu-items li {
  padding: 0 2px !important;
}
.file-actions .more .sidebar-icon {
  width: 14px !important;
  margin-right: 2px;
}
.file-actions .more {
  top: 4px;
  position: relative !important;
  padding: 0 5px !important;
}
hr {
  width: 100%;
}
.file-actions {
  width: 100%;
  float: left;
}
.file-actions .button {
  float: left;
}
.file-actions .right {
  float: left;
  clear: both;
}
.file-actions .button {
  margin: 5px 3px 5px 0 !important;
}
/** Messages List **/
#dashboard-filter-wrapper,
#dashboard-sort-wrapper {
  display: inline-block;
  position: relative;
  top: 3px;
  z-index: 99;
}
.paper-background:after,
.paper-background:before {
  background-color: #ffffff;
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(34, 34, 34, 0.16);
}
.paper-background:before {
  transform: rotate(-1.3deg);
  top: 0;
  z-index: -2;
}
.paper-background:after {
  transform: rotate(1.3deg);
  top: 0;
  z-index: -1;
}
/** Document **/
.document {
  border: 1px solid #cfcfcf;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px 4px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px 4px rgba(0, 0, 0, 0.03);
}
.document:before,
.document:after {
  content: " ";
  display: table;
}
.document:after {
  clear: both;
}
/** Invoice **/
.invoice {
  max-width: 650px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 0 rgba(113, 113, 113, 0.05);
}
.invoice:before,
.invoice:after {
  content: " ";
  display: table;
}
.invoice:after {
  clear: both;
}
.invoice ul {
  margin: 0;
  list-style: none;
}
.invoice .invoice-logo {
  margin-bottom: 10px;
}
.invoice .disabled .transparent.date {
  display: none;
}
.invoice__logo {
  max-width: 50%;
}
.invoice__logo img {
  max-width: 100%;
}
.line-item__actions {
  display: none !important;
}
.invoice__footer {
  padding: 40px 40px 40px 40px;
}
.invoice__terms {
  color: #999;
  font-size: 15px;
  /* background: #Fefefe; */
  /* border-top: 1px solid rgba(0, 0, 0, .05); */
}
.invoice__terms:before,
.invoice__terms:after {
  content: " ";
  display: table;
}
.invoice__terms:after {
  clear: both;
}
.invoice__summary-label {
  color: #999 !important;
  text-transform: uppercase;
  text-align: right;
  font-size: 0.7rem !important;
}
.invoice__line-items {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.invoice__items-header {
  width: 100%;
  display: flex;
}
.invoice__items-header > div {
  font-size: 14px;
  padding: 8px 10px;
  display: inline-block;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invoice__line-item,
.invoice__row {
  width: 100%;
  position: relative;
  display: flex;
}
.invoice__line-item > div,
.invoice__row > div {
  padding: 0 10px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  color: #111;
}
.invoice__line-item > div *,
.invoice__row > div * {
  line-height: 20px;
}
.invoice__line-item > div > span,
.invoice__row > div > span {
  display: inline-block;
  line-height: 1.2 !important;
  vertical-align: middle;
}
.invoice__line-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.invoice__line-item > div {
  min-height: 50px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoice__item {
  width: 40%;
  justify-content: flex-start !important;
}
.invoice__quantity {
  width: 15%;
}
.invoice__rate {
  width: 15%;
}
.invoice__tax-rates {
  width: 15%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
.invoice__tax-rates .choices__inner {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  position: relative;
}
.invoice__tax-rates .choices__inner .choices__item {
  white-space: nowrap;
  background: transparent !important;
  color: #555 !important;
  font-size: 0.6rem !important;
  border: none !important;
  z-index: 9999;
  position: relative;
  padding: 0 !important;
  line-height: 1 !important;
}
.invoice__tax-rates .choices__input {
  border: none !important;
  background: none !important;
  position: absolute;
  top: 0;
  left: 0;
}
.invoice__tax {
  display: block;
  line-height: 1.2;
  font-size: 0.8rem;
}
.invoice__subtotal {
  width: 15%;
}
.invoice__quantity,
.invoice__rate,
.invoice__subtotal {
  text-align: center;
}
.invoice__summary {
  margin-top: 40px;
  font-size: 0;
  padding-left: 55%;
}
.invoice__summary:before,
.invoice__summary:after {
  content: " ";
  display: table;
}
.invoice__summary:after {
  clear: both;
}
.invoice__summary > .invoice__row:first-child {
  border-top: none;
}
.invoice__summary .invoice__row div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.invoice__summary .invoice__row div:first-child {
  width: 60%;
}
.invoice__summary .invoice__row div:nth-child(2) {
  width: 40%;
}
.invoice__row {
  line-height: 2rem;
}
.invoice__total {
  font-weight: bold;
}
.corner {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  width: 0;
  height: 0;
  border-top: 70px solid #EDFAF0;
  border-left: 70px solid transparent;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-color: #E5F9FA;
}
.corner__type-text {
  display: none;
}
.corner__text {
  transition: all 0.2s;
  text-align: center;
  width: 70px;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  color: #b3b3b3;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.5em;
  color: #61CCDC;
  -webkit-transform: translate(-60px, -50px) rotate(45deg);
  -ms-transform: translate(-60px, -50px) rotate(45deg);
  transform: translate(-60px, -50px) rotate(45deg);
}
.corner--overdue {
  border-top-color: rgba(253, 110, 95, 0.1);
}
.corner--overdue .corner__text {
  color: rgba(253, 110, 95, 0.81);
  color: #f3422f;
}
.corner--draft {
  border-top-color: rgba(138, 138, 138, 0.2);
}
.corner--draft .corner__text {
  color: rgba(138, 138, 138, 0.84);
}
.corner--paid {
  border-top-color: #EDFAF0;
}
.corner--paid .corner__text {
  color: #46CA6C;
}
.invoice-only .invoice {
  margin: 40px auto;
}
.invoice-details,
.estimate-details,
.invoice-public-link-details {
  position: relative;
}
.invoice-details .invoice-details-outer-wrapper,
.estimate-details .invoice-details-outer-wrapper,
.invoice-public-link-details .invoice-details-outer-wrapper {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  transition: all 0.1s ease;
}
.invoice-details .invoice-details-outer-wrapper:before,
.estimate-details .invoice-details-outer-wrapper:before,
.invoice-public-link-details .invoice-details-outer-wrapper:before,
.invoice-details .invoice-details-outer-wrapper:after,
.estimate-details .invoice-details-outer-wrapper:after,
.invoice-public-link-details .invoice-details-outer-wrapper:after {
  content: " ";
  display: table;
}
.invoice-details .invoice-details-outer-wrapper:after,
.estimate-details .invoice-details-outer-wrapper:after,
.invoice-public-link-details .invoice-details-outer-wrapper:after {
  clear: both;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active,
.estimate-details .invoice-details-outer-wrapper.discussion-active,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active {
  max-width: 100%;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .invoice-wrapper,
.estimate-details .invoice-details-outer-wrapper.discussion-active .invoice-wrapper,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .invoice-wrapper {
  padding-right: 50%;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .invoice-meta-wrapper,
.estimate-details .invoice-details-outer-wrapper.discussion-active .invoice-meta-wrapper,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .invoice-meta-wrapper {
  width: 50%;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .meta-info,
.estimate-details .invoice-details-outer-wrapper.discussion-active .meta-info,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .meta-info {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .meta-discussion,
.estimate-details .invoice-details-outer-wrapper.discussion-active .meta-discussion,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .meta-discussion {
  padding-top: 0;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .message-main,
.estimate-details .invoice-details-outer-wrapper.discussion-active .message-main,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .message-main {
  width: 75%;
}
.invoice-details .invoice-details-outer-wrapper.discussion-active .message-meta,
.estimate-details .invoice-details-outer-wrapper.discussion-active .message-meta,
.invoice-public-link-details .invoice-details-outer-wrapper.discussion-active .message-meta {
  display: inline-block;
}
.invoice-details .invoice-client,
.estimate-details .invoice-client,
.invoice-public-link-details .invoice-client {
  margin-bottom: 40px;
}
.invoice-details .meta-actions,
.estimate-details .meta-actions,
.invoice-public-link-details .meta-actions {
  margin-top: 15px;
}
.invoice-details .meta-actions .dropdown-button,
.estimate-details .meta-actions .dropdown-button,
.invoice-public-link-details .meta-actions .dropdown-button {
  vertical-align: top;
}
.invoice-details hr,
.estimate-details hr,
.invoice-public-link-details hr {
  margin: 10px auto;
}
.invoice-details__inner-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 4rem;
}
.invoice-details__meta-wrapper {
  width: 350px;
  transition: width 0.1s ease;
  display: flex;
  flex-direction: column;
}
.invoice-details__meta-wrapper .meta > div {
  margin-bottom: 5px;
}
.invoice-details__meta-wrapper .meta > div:last-child {
  margin-bottom: 0;
}
.invoice-details__meta-wrapper .meta span:first-child {
  width: 100px;
  display: inline-block;
}
.invoice-details__meta-wrapper .client-name a {
  color: #253351;
}
.invoice-details__meta-wrapper .client-name a:hover {
  text-decoration: underline;
}
.invoice-details__meta-wrapper.has-files.has-reminder .invoice-meta__discussion {
  padding-top: 234px;
}
.invoice-details__status-message {
  background: #57e089;
  padding: 10px 20px;
  color: #fff;
  position: relative;
  margin: 1rem 20px;
}
.invoice-details__status-message.error {
  background: #f00;
}
.invoice-details__status-message.info {
  background: #3b8aff;
}
.invoice-details__status-message.warning {
  background: #fff5bb;
  color: rgba(0, 0, 0, 0.5);
}
.invoice-details__status-message.notice {
  background: #eee;
  color: #243137;
}
.invoice-details__status-message.large {
  font-size: 18px;
  color: #243137;
}
.invoice-details__status-message.full {
  width: 100%;
}
.invoice-details__status-message .close {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent url(../images/close-white.svg) no-repeat;
  background-size: 12px;
  opacity: 0.75;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.invoice-details__status-message .close:hover {
  opacity: 1;
}
.invoice-details__status-message .button {
  display: inline-block;
  color: #fff;
}
.invoice-details--floating-panel {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
.invoice-details--floating-panel .invoice-meta__discussion {
  width: 100%;
  height: calc(100vh - 6rem);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #fff;
  box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.1);
  display: none;
  overflow: hidden;
}
.invoice-details--floating-panel .invoice-meta__discussion .message-main {
  display: block;
  background: #eee;
  padding: 0.5rem !important;
  margin: 0.5rem 1rem 0.5rem 45px;
  border-radius: 4px;
  width: auto !important;
}
.invoice-details--floating-panel .invoice-meta__discussion .message-files {
  margin-bottom: 0 !important;
}
.invoice-details--floating-panel-showing .invoice-meta__discussion {
  display: block;
}
.invoice-details--floating-panel-showing .invoice-details__floating-panel-open {
  display: none;
}
.invoice-details--floating-panel-showing .invoice-details__floating-panel-close {
  display: block;
}
.invoice-details__floating-panel-close {
  position: fixed;
  bottom: 5px;
  right: 1.2rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  content: '';
  background: #1EA9FB url(../images/close-white2.svg) no-repeat center center / 0.6rem;
  cursor: pointer;
  display: none;
}
.invoice-details__floating-panel-open {
  position: fixed;
  bottom: 5px;
  right: 1.2rem;
  height: 4rem;
  width: 4rem;
  border-radius: 4px;
  content: '';
  background: transparent url(../images/chat-bubbles.svg) no-repeat center center / 3rem;
  cursor: pointer;
}
.invoice-details__floating-panel-open span {
  color: #fff;
  font-weight: 600;
  width: 100%;
  line-height: 4rem;
  display: inline-block;
  text-align: center;
  position: relative;
  left: -5px;
  top: -5px;
}
.invoice-meta__menu {
  position: relative;
  z-index: 1;
  padding: 0 18px;
}
.invoice-meta__content {
  width: 100%;
  z-index: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.invoice-meta__main-details,
.invoice-meta__activity {
  height: 100%;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.invoice-meta__activity {
  display: none;
  padding: 1rem !important;
}
.invoice-meta--show-activity .invoice-meta__activity {
  display: block;
}
.invoice-meta--show-activity .invoice-meta__main-details {
  display: none;
}
.invoice-meta__info {
  width: 100%;
  transition: height 0.1s ease, opacity 0.1s ease;
  color: #788396;
  z-index: 2;
  padding: 1rem 20px 20px 20px;
}
.invoice-meta__discussion {
  position: relative;
  z-index: 1;
  transition: padding-top 0.1s ease;
  flex-grow: 1;
}
.invoice-public-link-details {
  padding-bottom: 40px;
}
.invoice-public-link-details .meta-discussion {
  padding-top: 90px !important;
}
.invoice-public-link-details .invoice-details .invoice-due-date,
.invoice-public-link-details .invoice-meta {
  display: inline-block;
}
.invoice-public-link-details .invoice-contact-info {
  display: inline-block;
}
.invoice-public-link-details .meta-take-action {
  width: 100%;
  z-index: 2;
  padding: 1rem 0;
  display: flex;
  align-items: center;
}
.invoice-public-link-details .meta-take-action > .button {
  display: block;
  text-align: center;
  margin: 0 0 0 auto;
}
.invoice-public-link-details .meta-take-action.has-response > *,
.invoice-public-link-details .meta-take-action.is-paid > * {
  font-size: 14px;
  cursor: default;
}
.invoice-public-link-details .paid-message {
  background: #c6f7d2;
  color: #31a142;
  color: #1eb5f5;
  text-align: center;
  padding: 1rem;
  width: 100%;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 255, 33, 0.1);
}
.invoice-public-link-details .pay-date {
  color: #0077ff;
  margin: 0;
  font-weight: 900;
  color: #1db4ff;
}
.invoice-public-link-details .pay-date span {
  font-weight: 300;
  color: #777;
}
.invoice-public-link-details .invoice-wrapper {
  max-width: 650px;
  margin: 0 auto;
}
.activity-showing .meta-activity {
  display: block;
}
.activity-showing .meta-main-details {
  display: none;
}
.preview .invoice .date-outer,
.preview .invoice .due-date {
  display: inline-block;
  border: none;
}
.preview .invoice .date-outer:hover,
.preview .invoice .due-date:hover {
  box-shadow: none;
  border: none;
}
.preview .invoice .date-outer {
  padding: 0;
  background: none;
}
.estimate-details {
  background: #fff;
}
.estimate {
  padding-bottom: 80px;
}
.estimate .invoice-due-date,
.estimate .invoice-terms {
  display: none;
}
.estimate-wrapper .corner {
  width: 140px;
  border: 3px solid rgba(138, 138, 138, 0.64);
  height: 52px;
  top: 40px;
  right: 40px;
}
.estimate-wrapper .corner__type-text {
  margin-top: 3px;
  color: rgba(138, 138, 138, 0.64);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
}
.estimate-wrapper .corner__text {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: rgba(138, 138, 138, 0.64);
  letter-spacing: 0;
  width: 100%;
  font-size: 12px;
  font-size: inherit;
  font-weight: normal;
  text-transform: none;
}
.estimate-wrapper .corner--rejected {
  border-color: rgba(253, 110, 95, 0.81);
}
.estimate-wrapper .corner--rejected .corner__text,
.estimate-wrapper .corner--rejected .estimate-text {
  color: rgba(253, 110, 95, 0.81);
}
.estimate-wrapper .corner--approved {
  border-color: rgba(110, 203, 221, 0.79);
}
.estimate-wrapper .corner--approved .corner__text,
.estimate-wrapper .corner--approved .estimate-text {
  color: rgba(110, 203, 221, 0.79);
}
.estimate__status-message {
  margin: 1rem;
  padding: 1rem !important;
}
.estimate--approved {
  background: #e4ffdf;
  color: #42c247 !important;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.estimate--rejected {
  background: #ffe0e3;
  color: #c2000b !important;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.preview-notification {
  background: #FFF9CE;
  border: 1px solid #F9E652;
  max-width: 750px;
  padding: 15px 200px 15px 20px;
  margin: 0 auto;
  position: relative;
}
.preview-notification .button {
  position: absolute;
  right: 20px;
  top: 12px;
}
.invoice-status .status-text {
  line-height: 18px;
  width: 70px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}
.invoice-status.overdue .status-text {
  color: #FD6E5F;
}
.invoice-status.paid .status-text {
  color: #6ECBDD;
}
.invoice-status.pending .status-text,
.invoice-status.inactive .status-text,
.invoice-status.draft .status-text {
  color: #8a8a8a;
}
.estimate-list .invoice-status .status-text {
  width: 80px;
}
.estimate-list .invoice-status.rejected .status-text {
  border: 2px solid #FD6E5F;
  color: #FD6E5F;
  padding: 2px 5px;
  border-radius: 4px;
  display: inline-block;
}
.estimate-list .invoice-status.approved .status-text {
  border: 2px solid #6ECBDD;
  color: #6ECBDD;
  padding: 2px 5px;
  border-radius: 4px;
  display: inline-block;
}
.estimate-list .invoice-status.draft .status-text,
.estimate-list .invoice-status.sent .status-text {
  border: 2px solid #8a8a8a;
  color: #8a8a8a;
  background: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  display: inline-block;
}
[data-page=invoice-editor] .secondary-menu-wrapper {
  background: #fff;
}
[data-page=invoice-editor] .window {
  background: #fff;
}
.invoice-editor-menu {
  float: right;
}
.invoice-editor-menu #close-import-tasks {
  display: none;
}
.invoice-editor-menu.importing-tasks #close-import-tasks {
  display: inline-block;
}
.invoice-editor-menu.importing-tasks #import-tasks,
.invoice-editor-menu.importing-tasks #save-invoice {
  display: none;
}
.invoice-editor-errors {
  width: 650px;
  background: #f00;
  padding: 10px 20px;
  color: #fff;
  margin: 0 auto;
  display: none;
}
.invoice-editor-errors.has-errors {
  display: block;
}
.invoice-editor .app-message {
  width: 650px !important;
  margin-top: 20px;
}
.invoice-editor[data-type=estimate] .reminder-button,
.invoice-editor[data-type=estimate] .invoice-editor__side-menu {
  display: none;
}
.invoice-editor[data-type=recurringinvoice] .menu-buttons {
  display: none;
}
.invoice-editor__menu {
  padding-top: 1rem;
  display: flex;
  justify-content: flex-end;
}
.invoice-editor__menu button {
  margin-left: 0.5rem;
}
.invoice.editable {
  margin: 0 auto;
  overflow: visible;
}
.invoice.editable li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.invoice.editable .invoice-items-header {
  cursor: default;
}
.invoice.editable .line-item__actions {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -24px;
  background-color: transparent !important;
  width: 20px;
  cursor: default;
  display: block !important;
}
.invoice.editable .line-item__actions > div {
  display: none;
}
.invoice.editable .line-item__actions:hover > div {
  display: block;
}
.invoice.editable li:hover .line-item__actions {
  border-top: none;
}
.invoice.editable li:hover .line-item__actions > div {
  display: block;
}
.invoice.editable .edit-item,
.invoice.editable .delete-item,
.invoice.editable .set-date {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
  cursor: pointer;
  background: transparent no-repeat 0 0;
  background-size: 16px;
  opacity: 0.5;
}
.invoice.editable .edit-item:hover,
.invoice.editable .delete-item:hover,
.invoice.editable .set-date:hover {
  opacity: 1;
}
.invoice.editable .edit-item {
  background-image: url(../images/edit.svg);
}
.invoice.editable .delete-item {
  background-image: url(../images/delete.svg);
}
.invoice.editable .transparent {
  border: none;
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  height: 100%;
  padding: 0;
  color: transparent;
}
.invoice.editable .due-date .transparent {
  padding-left: 10px;
}
.invoice.editable .invoice-meta > div,
.invoice.editable .invoice-due-date > div {
  position: relative;
}
.invoice.editable .date-outer {
  position: relative;
  display: inline-block;
}
.invoice.editable .due-date {
  position: relative;
}
.invoice.editable .edit-client,
.invoice.editable .edit-date,
.invoice.editable .edit-due-date {
  position: absolute;
}
.invoice.editable .add-item {
  text-align: center;
}
.invoice.editable #add-invoice-item {
  clear: both;
  cursor: pointer;
  margin: 20px auto 0 auto;
  color: #46baf9;
  border: 1px solid rgba(70, 186, 249, 0.5);
  padding: 5px 10px;
  font-size: 14px;
  transition: all 0.2s ease-in;
  opacity: 0.8;
}
.invoice.editable #add-invoice-item:hover {
  box-shadow: none;
  border-color: #458CCF;
  opacity: 1;
}
.invoice.editable .editing .line-item__actions {
  right: -28px !important;
  position: absolute;
}
.invoice.editable .editing .edit-item {
  display: none;
}
.invoice.editable .editing > div {
  position: relative;
  padding: 0;
  min-height: 56px;
  line-height: 56px;
}
.invoice.editable .editing .error {
  color: #f00;
}
.invoice.editable .editing .error::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f00;
}
.invoice.editable .editing .error::-moz-placeholder {
  /* Firefox 19+ */
  color: #f00;
}
.invoice.editable .editing .error:-ms-input-placeholder {
  /* IE 10+ */
  color: #f00;
}
.invoice.editable .editing .error:-moz-placeholder {
  /* Firefox 18- */
  color: #f00;
}
.invoice.editable .invoice__items-wrapper input,
.invoice.editable .invoice__items-wrapper textarea {
  width: 100%;
  box-shadow: none;
  padding: 5px 15px;
  height: 40px;
  margin: 0;
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.invoice.editable .invoice__items-wrapper input:focus,
.invoice.editable .invoice__items-wrapper textarea:focus {
  outline: none;
}
.invoice.editable .invoice__items-wrapper input:focus::-webkit-input-placeholder,
.invoice.editable .invoice__items-wrapper textarea:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}
.invoice.editable .invoice__items-wrapper input:focus::-moz-placeholder,
.invoice.editable .invoice__items-wrapper textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}
.invoice.editable .invoice__items-wrapper input:focus:-ms-input-placeholder,
.invoice.editable .invoice__items-wrapper textarea:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}
.invoice.editable .invoice__items-wrapper input:focus:-moz-placeholder,
.invoice.editable .invoice__items-wrapper textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}
.invoice.editable select {
  width: 100%;
  height: 20px;
}
.invoice.editable .invoice-contact-info {
  margin-left: 0;
}
.invoice-editor {
  margin-top: 0 !important;
}
.invoice-editor__wrapper {
  width: 650px;
  margin: 0 auto;
  position: relative;
}
.invoice-editor__wrapper .invoice.editable {
  margin: 0;
}
.invoice-editor__wrapper .hide-menu .menu-buttons {
  display: none;
}
.invoice-editor__settings {
  display: none;
}
.invoice-editor--settings-showing {
  width: 950px;
}
.invoice-editor--settings-showing .invoice-editor__settings {
  display: block;
  width: 300px;
  height: 100%;
  overflow: auto;
}
.invoice-editor--settings-showing .invoice-editor__menu {
  padding-right: 300px;
}
.invoice-editor__inner {
  display: flex;
}
.invoice-editor__menu {
  padding-bottom: 0.8rem;
}
.invoice-editor__side-menu {
  --side-menu-item-size: 2.5rem;
  position: absolute;
  background: #fff;
  top: 59px;
  right: -3rem;
  width: calc(var(--side-menu-item-size) + 2px);
  /* height: 100px; */
  border-radius: 4px;
}
.invoice-editor__side-menu > div {
  height: var(--side-menu-item-size);
  width: var(--side-menu-item-size);
  padding: 0.5rem 0;
  cursor: pointer;
}
.invoice-editor__side-menu > div:hover {
  background-color: #fafafa;
}
.invoice-editor__choose-theme {
  background: transparent url(../images/color-circle.svg) no-repeat center center / 1.2rem;
}
.invoice-editor__choose-layout {
  background: transparent url(../images/bullet-list-page.svg) no-repeat center center / 1.2rem;
}
.invoice-editor__set-reminders {
  background: transparent url(../images/alarm.svg) no-repeat center center / 1.2rem;
}
.invoice-editor__settings h5 {
  color: #4b6cb8;
  margin-bottom: 15px;
}
.invoice-editor__settings h6 {
  margin-bottom: 5px;
}
.invoice-editor__settings hr {
  margin: 15px auto 0 auto;
}
.invoice-editor__settings .settings-section {
  padding: 0 20px 20px 20px;
}
.invoice-editor__settings .field {
  margin-bottom: 20px;
}
.invoice-editor .editable-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #00b6ff;
  max-width: 30px;
  content: '';
}
.invoice-editor .edit-in-place textarea:hover,
.invoice-editor .edit-in-place input:hover {
  background-color: rgba(0, 170, 255, 0.1);
}
.invoice-editor .edit-in-place:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #00b6ff;
  max-width: 30px;
  content: '';
}
.invoice-editor .invoice__editable-date,
.invoice-editor .invoice__date {
  position: relative;
}
.invoice-editor .invoice__editable-date:hover,
.invoice-editor .invoice__date:hover {
  background-color: rgba(0, 170, 255, 0.1);
}
.invoice-editor .invoice__editable-date:after,
.invoice-editor .invoice__date:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #00b6ff;
  max-width: 30px;
  content: '';
  bottom: -2px;
}
.invoice-editor .invoice__badge .invoice__date:hover {
  background: rgba(255, 255, 255, 0.3);
}
.invoice-editor .invoice__badge .invoice__date:after {
  border-color: #fff !important;
}
.invoice__number .edit-in-place {
  display: inline;
}
.invoice__number .edit-in-place input {
  width: 60px;
  display: inline;
}
.invoice__number .edit-in-place:after {
  bottom: -2px;
  margin-left: -8px;
}
.invoice-customize {
  height: 100%;
  overflow: auto;
}
.invoice-reminders .enable-disable-checkbox {
  position: relative;
}
.invoice-reminders .enable-disable-checkbox input {
  position: absolute;
  top: 3px;
  left: 0;
}
.invoice-reminders .enable-disable-checkbox p {
  padding-left: 20px;
  line-height: 1.2;
  color: #444444;
}
.invoice-reminders ul {
  list-style: none;
  color: #444444;
  margin: 0;
}
.invoice-reminders li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1;
}
.invoice-reminders li > div {
  text-transform: uppercase;
  font-size: 70%;
  margin-bottom: 8px;
  letter-spacing: 1px;
  color: #90A4AF;
}
.invoice-reminders .edit-schedule-button {
  margin-top: 10px;
  float: right;
}
.invoice-reminders .edit-wrapper {
  display: none;
}
.invoice-reminders.editing .summary-wrapper {
  display: none;
}
.invoice-reminders.editing .edit-wrapper {
  display: block;
}
.invoice-reminders .instructions {
  display: none;
  color: #444444;
  padding-top: 10px;
}
.invoice-reminders .instructions.showing {
  display: block;
}
.invoice-reminders .show-instructions {
  position: relative;
  top: 5px;
  cursor: pointer;
  height: 15px;
  width: 15px;
  float: right;
  background: url(../images/help.svg) center center no-repeat;
  background-size: 15px;
  opacity: 0.5;
}
.invoice-reminders .show-instructions:hover {
  opacity: 1;
}
.invoice-reminders .show-instructions:hover {
  text-decoration: underline;
}
.invoice-reminders .save-schedule {
  float: right;
}
.invoice-reminders .reminder-date {
  display: block;
  color: #7b2fd3;
  margin-top: 10px;
  font-size: 90%;
  padding-left: 14px;
  background: url(../images/star.svg) no-repeat 0 0;
  background-size: 12px;
}
.invoice-reminders .past {
  color: #aaa;
}
.invoice-enable-reminders-text {
  padding: 20px;
}
.invoice-theme-picker,
.invoice-layout-picker {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 2rem;
  overflow: auto;
  height: 100vh;
  width: 100vw;
}
.invoice-theme-picker > ul,
.invoice-layout-picker > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
}
.invoice-theme-picker > ul > li,
.invoice-layout-picker > ul > li {
  margin: 1rem 0.55rem;
  transition: all 0.2s ease;
  position: relative;
  list-style: none;
}
.invoice-theme-picker > ul > li:hover .invoice-theme__preview,
.invoice-layout-picker > ul > li:hover .invoice-theme__preview {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  transform: translateY(-3px);
}
.invoice-theme-picker > ul > li:hover .invoice-layout-picker__title,
.invoice-layout-picker > ul > li:hover .invoice-layout-picker__title {
  background-color: #00aaff;
}
.invoice-theme-picker .invoice-theme__preview,
.invoice-layout-picker .invoice-theme__preview {
  transition: all 0.2s ease;
}
.invoice-layout-picker .invoice-theme__preview {
  max-width: 650px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 0 rgba(113, 113, 113, 0.05);
  --width: 260px;
  width: var(--width);
  font-size: calc(0.035 * var(--width) + 0.001vw);
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  border: none;
  height: 335px;
}
.invoice-layout-picker .invoice-theme__preview:before,
.invoice-layout-picker .invoice-theme__preview:after {
  content: " ";
  display: table;
}
.invoice-layout-picker .invoice-theme__preview:after {
  clear: both;
}
.invoice-layout-picker .invoice-theme__preview ul {
  margin: 0;
  list-style: none;
}
.invoice-layout-picker .invoice-theme__preview .invoice-logo {
  margin-bottom: 10px;
}
.invoice-layout-picker .invoice-theme__preview .disabled .transparent.date {
  display: none;
}
.invoice-layout-picker .invoice-theme__preview:hover {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.invoice-layout-picker .invoice-theme__preview .invoice__top {
  padding: 0 1.75em 3.25em 1.75em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__logo {
  padding-bottom: 2em !important;
  padding-top: 2em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__meta {
  padding-bottom: 2em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__badge {
  padding: 3.5em 2em 0.75em 2em;
  margin-bottom: 2.1em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__send-description {
  padding-bottom: 0.25em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__send-to-name,
.invoice-layout-picker .invoice-theme__preview .invoice__send-by-name {
  padding-bottom: 0;
}
.invoice-layout-picker .invoice-theme__preview .invoice__items-wrapper {
  padding: 3em 2em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__items-header > div,
.invoice-layout-picker .invoice-theme__preview .summary-header > div {
  font-size: calc(0.035 * var(--width) + 0.001vw) !important;
  padding: 2px 1px;
}
.invoice-layout-picker .invoice-theme__preview .invoice__line-item > div,
.invoice-layout-picker .invoice-theme__preview .invoice__row > div {
  padding: 3px 5px;
  font-size: calc(0.035 * var(--width) + 0.001vw) !important;
  line-height: 1.4;
  min-height: auto;
}
.invoice-layout-picker .invoice-theme__preview .invoice__line-item,
.invoice-layout-picker .invoice-theme__preview .line-items {
  border-bottom-color: #eee;
  border-top-color: #eee;
}
.invoice-layout-picker .invoice-theme__preview .invoice__item {
  width: 45%;
}
.invoice-layout-picker .invoice-theme__preview .invoice__quantity,
.invoice-layout-picker .invoice-theme__preview .invoice__subtotal {
  width: 20%;
}
.invoice-layout-picker .invoice-theme__preview .invoice__summary {
  font-size: inherit;
  padding: 3em 0 1em 1em;
  margin: 0;
}
.invoice-layout-picker .invoice-theme__preview .invoice__footer {
  padding: 0;
}
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate-with-logo {
  padding: 0 1.75em 1.25em 1.75em;
}
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate .invoice__branding,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__branding {
  padding-top: calc(1.25 * 16px);
  margin-bottom: calc(1.25 * 16px);
  font-size: calc(1.25 * 16px);
}
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate .invoice__send-details-wrapper,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__send-details-wrapper {
  padding-top: 0;
  padding-bottom: calc(16px / 2);
  padding-left: calc(var(--width) / 3.1);
}
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate .invoice__prepared-for,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__prepared-for,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate .invoice__prepared-by,
.invoice-layout-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__prepared-by {
  width: calc(var(--width) / 3.1);
  top: 0;
}
.invoice-theme-picker .invoice-theme__preview {
  max-width: 650px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 0 rgba(113, 113, 113, 0.05);
  --width: 300px;
  width: var(--width);
  font-size: calc(0.035 * var(--width) + 0.001vw);
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  border: none;
}
.invoice-theme-picker .invoice-theme__preview:before,
.invoice-theme-picker .invoice-theme__preview:after {
  content: " ";
  display: table;
}
.invoice-theme-picker .invoice-theme__preview:after {
  clear: both;
}
.invoice-theme-picker .invoice-theme__preview ul {
  margin: 0;
  list-style: none;
}
.invoice-theme-picker .invoice-theme__preview .invoice-logo {
  margin-bottom: 10px;
}
.invoice-theme-picker .invoice-theme__preview .disabled .transparent.date {
  display: none;
}
.invoice-theme-picker .invoice-theme__preview:hover {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.invoice-theme-picker .invoice-theme__preview .invoice__top {
  padding: 0 1.75em 3.25em 1.75em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__logo {
  padding-bottom: 2em !important;
  padding-top: 2em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__meta {
  padding-bottom: 2em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__badge {
  padding: 3.5em 2em 0.75em 2em;
  margin-bottom: 2.1em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__send-description {
  padding-bottom: 0.25em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__send-to-name,
.invoice-theme-picker .invoice-theme__preview .invoice__send-by-name {
  padding-bottom: 0;
}
.invoice-theme-picker .invoice-theme__preview .invoice__items-wrapper {
  padding: 3em 2em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__items-header > div,
.invoice-theme-picker .invoice-theme__preview .summary-header > div {
  font-size: calc(0.035 * var(--width) + 0.001vw) !important;
  padding: 2px 1px;
}
.invoice-theme-picker .invoice-theme__preview .invoice__line-item > div,
.invoice-theme-picker .invoice-theme__preview .invoice__row > div {
  padding: 3px 5px;
  font-size: calc(0.035 * var(--width) + 0.001vw) !important;
  line-height: 1.4;
  min-height: auto;
}
.invoice-theme-picker .invoice-theme__preview .invoice__line-item,
.invoice-theme-picker .invoice-theme__preview .line-items {
  border-bottom-color: #eee;
  border-top-color: #eee;
}
.invoice-theme-picker .invoice-theme__preview .invoice__item {
  width: 45%;
}
.invoice-theme-picker .invoice-theme__preview .invoice__quantity,
.invoice-theme-picker .invoice-theme__preview .invoice__subtotal {
  width: 20%;
}
.invoice-theme-picker .invoice-theme__preview .invoice__summary {
  font-size: inherit;
  padding: 3em 0 1em 1em;
  margin: 0;
}
.invoice-theme-picker .invoice-theme__preview .invoice__footer {
  padding: 0;
}
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate-with-logo {
  padding: 0 1.75em 1.25em 1.75em;
}
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate .invoice__branding,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__branding {
  padding-top: calc(1.25 * 16px);
  margin-bottom: calc(1.25 * 16px);
  font-size: calc(1.25 * 16px);
}
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate .invoice__send-details-wrapper,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__send-details-wrapper {
  padding-top: 0;
  padding-bottom: calc(16px / 2);
  padding-left: calc(var(--width) / 3.1);
}
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate .invoice__prepared-for,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__prepared-for,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate .invoice__prepared-by,
.invoice-theme-picker .invoice-theme__preview .invoice__top--alternate-with-logo .invoice__prepared-by {
  width: calc(var(--width) / 3.1);
  top: 0;
}
.invoice-layout-picker__title {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  text-align: center;
  margin: 1rem;
  transition: all 0.2s ease;
  font-size: 0.8rem;
}
.invoice-layout-picker__close,
.invoice-theme-picker__close {
  position: absolute;
  top: 1rem;
  right: 2rem;
  height: 2rem;
  width: 2rem;
  background: transparent url(../images/close-white.svg) no-repeat center center / 1.2rem;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.invoice-layout-picker__close:hover,
.invoice-theme-picker__close:hover {
  opacity: 1;
}
#invoice-builder:before,
#invoice-builder:after {
  content: " ";
  display: table;
}
#invoice-builder:after {
  clear: both;
}
#invoice-builder #choose-invoice-tasks,
#invoice-builder #invoice-preview {
  width: 45%;
  float: left;
}
#invoice-builder #choose-invoice-tasks {
  margin-right: 4%;
  border-right: 1px solid #ccc;
  min-height: 300px;
  padding: 20px;
}
#invoice-builder .invoice-details,
#invoice-builder .invoice-contact-info {
  display: none;
}
#invoice-builder-task-list .completed-tasks-list {
  display: none;
}
#invoice-builder-task-list .task-list-menu:before,
#invoice-builder-task-list .task-list-menu:after {
  content: " ";
  display: table;
}
#invoice-builder-task-list .task-list-menu:after {
  clear: both;
}
#invoice-builder-task-list a {
  float: right;
  font-size: 85%;
}
#invoice-builder-task-list a:before,
#invoice-builder-task-list a:after {
  content: " ";
  display: table;
}
#invoice-builder-task-list a:after {
  clear: both;
}
#invoice-builder-task-list .task-total-time {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-drag-helper {
  border: 1px solid #E6F0F9;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  background: #F2F8FD;
}
.invoice.preview {
  margin: 20px auto;
}
.icon-add {
  background-position: -408px -96px;
}
/** Filter Form **/
.filter {
  width: 70%;
  height: 30px;
  padding-right: 30px;
  position: relative;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
}
.filter input {
  width: 95%;
  height: 20px;
  padding: 4px 2.5%;
  position: relative;
  right: -1px;
  z-index: 2;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px 0 0 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.filter input:focus {
  box-shadow: none;
}
.filter .choose-filter-button {
  width: 28px;
  height: 28px;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 3px 3px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: transparent url(../images/dropdown-arrow.png) no-repeat center center;
}
.filter ul {
  position: absolute;
  min-width: 100%;
  z-index: 999999;
  margin: 0;
  display: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
}
.filter ul.active {
  display: block;
  top: 32px;
}
.filter li {
  list-style: none;
  padding: 5px 10px;
}
.filter li:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
/** Modals **/
.modal-overlay {
  display: flex;
  align-items: flex-start;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 12;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
  background-image: radial-gradient(ellipse, rgba(188, 198, 206, 0.5) 10%, rgba(98, 112, 120, 0.6));
}
.modal-overlay .close {
  height: 30px;
  width: 30px;
  background: transparent url(../images/modal-close.svg) no-repeat center center;
  background-size: 25px;
  cursor: pointer;
  position: fixed;
  top: 5vh;
  right: 3vw;
}
.error-message {
  display: block;
  clear: both;
  font-size: 11px;
  color: #ff0000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea,
[contenteditable] {
  box-shadow: none;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.01);
  display: block;
  width: 100%;
  padding: 0.5rem;
  margin: 0 0 1rem;
  font-family: inherit;
  color: #0a0a0a;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.modal {
  max-width: 700px;
  min-width: 400px;
  padding: 30px;
  display: block;
  margin: 0 auto;
  top: 10vh;
  border-radius: 3px;
  background: #f0f1f6;
  background: #fefefe;
  -webkit-background-clip: border-box;
  box-shadow: 7.5px 13px 40px rgba(54, 71, 82, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}
.modal:before,
.modal:after {
  content: " ";
  display: table;
}
.modal:after {
  clear: both;
}
.modal.alert {
  font-size: 18px;
}
.modal.alert.success p {
  color: #40b842;
  font-size: 20px;
}
.modal.alert p {
  margin-bottom: 10px;
}
.modal.alert p span {
  white-space: pre-wrap;
}
.modal.alert .button {
  width: 100%;
  border-radius: 0;
  margin-top: 10px;
}
.modal .modal-info {
  height: 50px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
}
.modal .modal-info h3 {
  line-height: 50;
  padding-left: 20px;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  margin-top: 1px;
}
.modal .modal-info .close {
  font-size: 17px;
  font-weight: normal;
  position: absolute;
  right: 9px;
  top: 12px;
  cursor: pointer;
  opacity: 0.4;
}
.modal .modal-info .close:hover {
  opacity: 1;
}
.modal h3 {
  font-size: 1.5375rem;
}
.modal .ck-editor__editable {
  min-height: 120px;
}
/* For the details, see:
http://flowplayer.org/tools/dateinput/index.html#skinning */
/* the input field */
/* calendar root element */
#calroot {
  /* place on top of other elements. set a higher value if nessessary */
  z-index: 9999999;
  margin-top: -1px;
  width: 202px;
  padding: 2px;
  background-color: #fff;
  font-size: 11px;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  padding: 2px 0;
  height: 22px;
}
#caltitle {
  font-size: 15px;
  color: #0150D1;
  float: left;
  text-align: center;
  width: 155px;
  line-height: 20px;
  text-shadow: 0 1px 0 #ddd;
}
#calnext,
#calprev {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: -432px -72px;
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 6px;
  opacity: 0.5;
}
#calnext:hover,
#calprev:hover {
  opacity: 1;
}
#calnext {
  background-position: -456px -72px;
  float: right;
  margin-left: 0;
  margin-right: 6px;
}
#calprev.caldisabled,
#calnext.caldisabled {
  visibility: hidden;
}
/* year/month selector */
#caltitle select {
  font-size: 10px;
}
/* names of the days */
#caldays {
  padding: 0 0 6px 0;
  height: 20px;
  border-bottom: 1px solid #DDD;
}
#caldays span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
}
/* container for weeks */
#calweeks {
  background-color: #fff;
  margin-top: 4px;
}
/* single week */
.calweek {
  clear: left;
  height: 22px;
}
/* single day */
.calweek a {
  display: block;
  float: left;
  width: 27px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  margin-left: 1px;
  text-align: center;
  line-height: 20px;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* different states */
.calweek a:hover,
.calfocus {
  background-color: #ddd;
}
/* sunday */
a.calsun {
  color: red;
}
/* offmonth day */
a.caloff {
  color: #ccc;
}
a.caloff:hover {
  background-color: #f5f5fa;
}
/* unselecteble day */
a.caldisabled {
  background-color: #efefef !important;
  color: #ccc !important;
  cursor: default;
}
/* current day */
#calcurrent {
  background-color: #498CE2;
  color: #fff;
}
/* today */
#caltoday {
  background-color: #333;
  color: #fff;
}
/** Forms **/
/** Scrollbars **/
.scrollable {
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
}
.scrollable .viewport {
  height: 100%;
}
.scrollable .scroll-content {
  position: relative;
  width: 100%;
}
.scrollable .scrollbar {
  float: right;
  width: 6px;
  position: absolute;
  right: 0px;
  top: 0;
  opacity: 0;
  transition: all 0.2s linear;
}
.scrollable:hover .scrollbar {
  opacity: 1;
}
.scrollable .track {
  height: 100%;
  width: 6px;
  position: relative;
  padding: 0 1px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.scrollable .thumb {
  height: 20px;
  width: 6px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.scrollable .thumb {
  background-color: rgba(0, 0, 0, 0.6);
}
.scrollbar.disable {
  display: none;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#cancel-all {
  display: none;
}
.uploading #cancel-all {
  display: inline-block;
  margin-top: 30px;
}
.add-file-button {
  position: relative;
  overflow: hidden;
}
.fileupload {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.hidden-upload-button {
  position: relative;
}
.hidden-upload-button .button {
  opacity: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.form-project-file-modal .modal {
  padding-bottom: 30px !important;
}
.progress-bar-wrapper {
  width: 100%;
}
.progress-bar-wrapper .filename {
  color: #666;
  font-size: 85%;
  width: 85%;
  float: left;
}
.progress-bar-wrapper .cancel-all,
.progress-bar-wrapper .status {
  position: absolute;
  top: 17px;
  right: 15px;
  height: 20px;
  width: 20px;
  background: transparent url(../images/close.svg) center center no-repeat;
  background-size: 12px;
  cursor: pointer;
}
.progress-bar-wrapper .status {
  display: none;
}
.progress-bar-wrapper .progress {
  height: 14px;
  margin-top: 17px;
  background: #EBEBEB;
  border-radius: 10px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.progress-bar-wrapper .progress > span {
  position: relative;
  float: left;
  min-width: 30px;
  height: 14px;
  line-height: 8px;
  text-align: right;
  border-radius: 7px;
  border: none;
  background: #A9DC65;
}
.progress-bar-wrapper .progress > span span {
  padding: 0 8px;
  font-size: 10px;
  color: #fff;
}
.progress-bar-wrapper .progress > span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 18px;
  border-radius: 10px;
}
.cancelled {
  padding: 5px 10px 10px 10px;
}
.cancelled .progress {
  height: 3px;
}
.cancelled .progress span {
  height: 1px;
  position: relative;
  top: 1px;
  background: #555;
  background-image: none;
  border: none;
  box-shadow: none;
}
.cancelled .progress span span {
  display: none;
}
.cancelled .cancel {
  display: none;
}
.cancelled .status {
  display: block;
}
.complete .progress > span {
  border-color: #95B961 #87A55B #738D4E;
  background: #A9DC65;
}
.complete .cancel {
  display: none;
}
.complete .status {
  display: block;
}
#hidden,
.hidden {
  position: absolute;
  top: 0;
  left: -9999999px;
  visibility: hidden;
}
#calendar-outer {
  padding: 0 20px 20px 20px;
}
#calendar {
  height: 100%;
  width: 98%;
  margin: 0 auto;
}
.fc-day-grid-event {
  padding: 2px 5px;
}
#calendar .has-tasks {
  background: #EDEFF5;
}
#calendar-header #task-filters {
  margin-top: 5px;
}
#calendar-header .date-name {
  line-height: 30px;
  margin-right: 10px;
  font-size: 16px;
}
#calendar-header .task-filter {
  margin-left: 10px;
}
#calendar-header #calendar-menu > * {
  vertical-align: middle;
  display: inline-block;
}
#calendar-header #calendar-view-selector {
  width: 75px;
  margin-right: 10px;
}
.task-status-colors {
  background-color: #eee;
}
.task-status-colors[data-status="at-risk"] {
  background-color: #FEC485;
  color: #fff;
}
.task-status-colors[data-status="overdue"] {
  background-color: #FC6E63;
  color: #fff;
}
.calendar-event-item {
  position: relative;
}
.calendar-event-item .task-status {
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background: #4da6ff;
  border: 1px solid #0059b3;
  position: absolute;
  top: 4px;
  left: 5px;
  opacity: 0.7;
}
.calendar-event-item.at-risk .task-status {
  background: #fff3a3;
  border: 1px solid #d6ba00;
}
.calendar-event-item.overdue .task-status {
  background: #E96267;
  border: 1px solid #9c161b;
}
.calendar-event-item .task-name {
  margin-left: 20px;
  color: #666;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.calendar-item-popup {
  width: 300px;
  background: #fff;
  padding: 20px 30px;
  position: absolute;
  z-index: 99;
  top: 20%;
  left: 50%;
  margin-left: -150px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.calendar-item-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  height: 10px;
  width: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #888;
}
#confirm-box .confirmation-buttons {
  text-align: right;
}
#confirm-box.success .red.action {
  background: #58cf2c;
}
#confirm-box.success .red.action:hover {
  background: #58cf2c !important;
  border-color: #438d23;
}
#confirm-box p {
  font-size: 1rem;
  padding: 10px;
  margin-bottom: 30px;
}
#confirm-box.has-details .message {
  margin-top: 10px;
  margin-bottom: 0px;
}
.nano .slider {
  background: #111;
}
.payment-form-modal .modal,
.form-credit-card-payment-modal .modal,
.form-paypal-payment-modal .modal,
.form-manual-payment-modal .modal {
  width: 640px;
  padding: 0;
  top: calc(10vh + 80px);
}
.payment-form__methods {
  display: flex;
  width: 100%;
  justify-content: center;
}
.payment-form__method {
  padding: 0.75rem 1rem;
  flex: 1 0 auto;
  text-align: center;
  background: #f0f0f0;
  color: #777;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.03);
}
.payment-form__method:hover {
  color: #000;
}
.payment-form__method:last-child {
  border-right: none;
}
.payment-form__method--active {
  background: #fff;
  color: #000;
  border-right-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.payment-form__content {
  display: flex;
}
.payment-form__content > div:first-child {
  padding: 2rem;
}
.payment-form__invoice-summary {
  flex: 1 1 20%;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: fixed;
  width: 640px;
  top: 10vh;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.payment-form__meta {
  margin: 0 1rem;
}
.payment-form__meta-title {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  display: inline;
  margin-right: 6px;
}
.payment-form__form {
  padding: 2rem;
}
.payment-form__form-fields {
  flex: 1 1 80%;
}
.payment-form__form-fields:before,
.payment-form__form-fields:after {
  content: " ";
  display: table;
}
.payment-form__form-fields:after {
  clear: both;
}
.payment-form__header {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.payment-form__description {
  flex: 1 1 70%;
  padding-right: 1rem;
}
.payment-form__description h5 {
  margin: 0 0 0.25rem 0;
  font-weight: 600;
  color: #000;
}
.payment-form__description p {
  color: #90A4AF;
  margin: 0;
}
.payment-form__description + div {
  flex: 1 1 30%;
}
.manual-payment-form {
  padding: 2rem 1rem;
}
.stripe__input {
  box-shadow: none;
  border-color: #E0E2E6;
  border-radius: 2px;
  font-size: 0.9rem;
  line-height: 1.4rem;
}
.stripe__name {
  display: flex;
  justify-content: space-between;
}
.stripe__name input {
  box-shadow: none;
  border-color: #E0E2E6;
  border-radius: 2px;
  font-size: 0.9rem;
  line-height: 1.4rem;
}
.stripe__name > * {
  width: 48%;
}
.stripe__card-number {
  border: 1px solid #E0E2E6;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  display: block;
  width: 100%;
  height: 39px;
  box-sizing: border-box;
  padding: 0.5rem;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 16px;
  color: #0a0a0a;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: none;
  border-color: #E0E2E6;
  border-radius: 2px;
  font-size: 0.9rem;
  line-height: 1.4rem;
  padding-top: 0.6rem;
}
.stripe__accepted-cards img {
  width: 100%;
}
.pretty-checkbox {
  position: relative;
  height: 12px;
  width: 12px;
}
.pretty-checkbox > * {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 12px;
  width: 12px;
}
.pretty-checkbox input {
  z-index: 2;
}
.pretty-checkbox label {
  z-index: 1;
}
.pretty-checkbox input[type=checkbox] {
  opacity: 0;
}
.pretty-checkbox input[type=checkbox] + label {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.pretty-checkbox input[type=checkbox]:checked + label {
  background: rgba(0, 214, 49, 0.2);
  border: 1px solid #00d631;
}
.save-card {
  margin: 1rem 0;
  display: flex;
  align-items: center;
}
.save-card__message {
  font-weight: 500;
  color: #000;
}
.save-card__message span {
  padding: 0.5rem;
}
.save-card__will-save-message {
  display: none;
}
.save-card__stripe-email[type=email] {
  display: none;
}
.save-card--will-save .save-card {
  padding-left: 0.5rem;
  background: #E4FCCA;
}
.save-card--will-save .save-card__will-save-message {
  display: inline-block;
  color: #6CBE2F;
}
.save-card--will-save .save-card__should-save-question {
  display: none;
}
.save-card--will-save .save-card__stripe-email[type=email] {
  display: block;
}
#paypal-payment-form {
  width: 590px;
}
#paypal-payment-form .payment-form__paypal-instructions {
  padding: 2rem;
}
#paypal-payment-form .payment-form__invoice-summary {
  height: 200px;
}
#payment-processing-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(250, 250, 250, 0.8);
  height: 100%;
  width: 100%;
}
#payment-processing-overlay > div {
  width: 250px;
  background-color: #5b99de;
  padding: 10px;
  color: white;
  top: 40%;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  border-radius: 4px;
  text-align: center;
}
#payment-processing-overlay span {
  font-size: 85%;
}
.no-activity {
  font-style: italic;
}
.project-overview {
  margin: 2rem auto 0 auto;
  color: #777;
  max-width: 800px;
}
.project-overview > div {
  padding: 1rem;
}
.project-overview h2 {
  font-size: 2.25rem;
  line-height: 1.05;
  margin: 0 0 0.25rem 0;
  color: #000;
  font-weight: 700;
  max-width: 540px;
}
.project-overview h3 {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: #90A4AF;
}
.project-overview__details {
  flex: 1 0 30%;
}
.project-overview__description {
  color: #777;
  max-width: 600px;
}
.project-overview__description p {
  margin: 0;
  padding-bottom: 1rem;
}
.project-overview__dates {
  color: #90A4AF;
}
.project-overview__dates span {
  text-transform: uppercase;
  font-size: 0.65rem;
  display: inline-block;
  margin-right: 0.25rem;
  color: #90A4AF;
}
.project-overview__dates span:last-child {
  margin-left: 1rem;
}
.project-outline--has-cover-image .project-overview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
}
.project-outline--has-cover-image .project-overview > div {
  flex: 0 0 auto;
}
.project-outline--has-cover-image .project-overview .project-overview__project-name {
  font-size: 3rem;
  font-weight: 800;
}
.project-outline--has-cover-image .project-overview .project-overview__client-name {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.project-outline--has-cover-image .project-overview .project-overview__dates,
.project-outline--has-cover-image .project-overview .project-overview__description {
  font-size: 1rem;
}
.project-details {
  position: relative;
  z-index: 2;
}
.project-details h3 {
  -webkit-font-smoothing: antialiased;
}
.project-details .status-indicator {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #4da6ff;
  display: inline-block;
  position: relative;
  top: 0px;
}
.project-details .status-indicator.overdue,
.project-details .status-indicator.behind-schedule {
  background: #E96267;
}
.project-details .status-indicator.at-risk {
  background: #fff3a3;
}
.project-details .project-details__stats {
  width: 30%;
}
.project-details .project-details__stats .icon {
  margin-right: 10px;
  color: #888;
}
.project-details .project-action {
  color: #428bca;
  text-decoration: none;
  cursor: pointer;
}
.project-details .project-action:hover {
  text-decoration: underline;
}
.project-details #activity-stream__wrapper,
.project-details .project-details__stats {
  float: left;
}
.project-details .activity-stream {
  margin: 0 5% 0 0;
}
.project-details .activity-stream h3 {
  margin-bottom: 20px;
  font-size: 14px;
}
.project-details .activity-stream .activity-stream__description {
  color: #82929F;
  font-weight: normal;
}
.project-details .project-info {
  padding: 0 20px;
}
.project-details__overlay {
  opacity: 0.7;
}
.project-details__cover-image {
  width: 100%;
  height: 12rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 0.4rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.project-details__cover-image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.project-details--cover-text-color-dark .project-overview__project-name {
  color: #000;
}
.project-details--cover-text-color-dark .project-overview__client-name {
  color: #000;
}
.project-details--cover-text-color-dark .project-overview__dates {
  color: #000;
}
.project-details--cover-text-color-dark .project-overview__dates span {
  color: #000;
  opacity: 0.7;
}
.project-details--cover-text-color-dark .project-overview__description p {
  color: #000;
}
.project-outline--cover-text-color-light .project-overview__project-name {
  color: #fff;
}
.project-outline--cover-text-color-light .project-overview__client-name {
  color: #fff;
}
.project-outline--cover-text-color-light .project-overview__dates {
  color: #fff;
}
.project-outline--cover-text-color-light .project-overview__dates span {
  color: #fff;
  opacity: 0.7;
}
.project-outline--cover-text-color-light .project-overview__description p {
  color: #fff;
}
.project-details__overview {
  overflow: hidden;
}
.project-details__overlay {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.project-details__top-content {
  padding-bottom: 2rem;
  position: relative;
  z-index: 1;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.project-details__top-content-inner {
  max-width: 800px;
  margin: 0 auto;
}
.project-details__bottom-content {
  flex: 0 0 220px;
  padding: 1rem 1rem 2rem 0.5rem;
  background: #FAFCFE;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.035);
}
.project-details__bottom-content h5 {
  margin-bottom: 1.5rem;
}
.project-details__bottom-content-inner {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
}
.project-details__bottom-content-inner > div {
  flex: 1 0 33%;
  padding: 2rem 1rem;
}
.project-details__actions {
  text-align: right;
}
.project-details__actions .button {
  margin-bottom: 1rem;
}
.project-details__top-details-divider {
  content: '';
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.project-details__top-details {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0;
  display: flex;
  margin: 1rem;
}
.project-details__top-details > div {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative;
}
.project-details__top-details > div:after {
  right: 0;
  content: '';
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.project-details__top-details > div:first-child:before {
  left: 0;
  content: '';
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.project-details__top-details > div:first-child:before,
.project-details__top-details > div:last-child:after {
  display: none;
}
.project-details__top-details h3 {
  margin: 0;
  font-size: 1.2rem;
  color: #000 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-details__top-details h5 {
  color: #90A4AF;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0 0 0.25rem 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-details .people-list li {
  width: 100%;
  text-align: left;
  height: 50px !important;
  display: flex;
  align-items: center;
  list-style: none;
  padding-bottom: 1rem;
}
.project-details .people-list a {
  position: relative;
  display: flex;
  align-items: center;
  color: #000;
}
.project-details .people-list .person-image {
  height: 32px;
  width: 32px;
  margin-right: 1rem;
  background-size: 100% 100%;
}
.project-details .people-list .person-image img {
  width: 100%;
}
.project-details .people-list a span {
  display: block;
}
.project-details .people-list .person-role {
  color: #90A4AF;
  text-decoration: none;
}
.project-dashboard-widget {
  border: 1px solid #d0d5d8;
  border-top-width: 3px;
  display: block;
  padding: 30px;
  height: 250px;
  position: relative;
}
.project-dashboard-widget .title {
  font-size: 11px;
  color: #8a959e;
  font-weight: 600;
  text-transform: uppercase;
}
.project-dashboard-widget p {
  font-size: 16px;
}
.project-dashboard-widget h3 {
  font: 300 35px/52px "Open Sans", "open-sans", sans-serif;
  font-size: 24px;
  color: #323a45;
  line-height: 35px;
  margin: 0;
  text-transform: none;
}
.project-outline {
  width: 100vw;
  height: 100%;
  display: flex;
  overflow-x: hidden;
}
.project-outline__main {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10%;
  position: relative;
  overflow: auto;
}
.project-outline__details {
  position: relative;
  padding: 18vh 0;
}
.project-outline__secondary {
  flex: 1 0 300px;
  border-left: 1px solid rgba(0, 0, 0, 0.075);
  padding: 2rem;
  overflow-y: auto;
}
.project-outline__stats {
  text-align: right;
}
.project-outline__stat {
  padding: 0.5rem 1rem 1.5rem 1rem;
  color: currentColor;
  display: block;
}
.project-outline__stat h6 {
  color: #707c7a;
  text-transform: uppercase;
  font-size: 0.6rem !important;
  margin-bottom: 0.2rem;
  display: none;
}
.project-outline__stat p {
  padding: 0 0 0 1.5rem;
  display: inline-block;
  margin: 0;
  color: #000;
}
.project-outline__stat a {
  display: block;
  text-decoration: underline;
  font-size: 0.7rem;
  color: currentColor;
}
.project-outline__open-tasks p {
  background: transparent url(../images/checked-2.svg) no-repeat left center / 1rem;
}
.project-outline__open-invoices p {
  background: transparent url(../images/wallet.svg) no-repeat left center / 1rem;
}
.project-outline__logged-time p {
  background: transparent url(../images/timer.svg) no-repeat left center / 1rem;
}
.project-outline__actions {
  text-align: right;
  padding-top: 2rem;
  margin-right: 1rem;
}
.project-outline__actions h6 {
  margin-bottom: 1rem;
  color: #000;
  font-weight: 600;
}
.project-outline__actions a,
.project-outline__actions span {
  display: inline-block;
  text-decoration: underline;
  margin-bottom: 0.75rem;
  color: #333E50;
  position: relative;
}
.project-outline__project-name {
  font-size: 3.5rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.project-outline__client-name {
  margin: 0.5rem 0 1rem 0;
  font-size: 1.5rem;
  color: #999;
}
.project-outline__description {
  max-width: 80%;
  font-size: 1.125rem;
  color: #333E50;
  line-height: 1.5;
}
.project-outline__dates {
  font-size: 1rem;
}
.project-outline__dates-inner > div {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
}
.project-outline__dates-inner > div:hover {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.project-outline--has-cover-image .project-outline__main {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.project-outline--has-cover-image .project-outline__main:after {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.05)), linear-gradient(-270deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.project-outline--has-cover-image .project-outline__progress-bar {
  background: rgba(0, 0, 0, 0.3);
}
.project-outline--has-cover-image .project-outline__secondary {
  border-left: none;
}
.project-outline--has-cover-image:not(.project-outline--cover-text-color-light) .project-outline__secondary {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
}
.project-outline--has-cover-image .project-outline__client-name {
  color: #000;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__progress-bar {
  background: rgba(255, 255, 255, 0.15);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__stat p {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__actions h6 {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main .project-outline__client-name {
  color: rgba(255, 255, 255, 0.7);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main h2,
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main h3,
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main p,
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main .project-overview__description,
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main textarea {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__main .project-outline__dates {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__secondary {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__secondary a,
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__secondary span {
  color: #fff;
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__open-tasks p {
  background-image: url(../images/checked-2-white.svg);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__open-invoices p {
  background-image: url(../images/wallet-white.svg);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__logged-time p {
  background-image: url(../images/timer-white.svg);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__add-favorite {
  background-image: url(../images/favorites-star-white.svg);
}
.project-outline--has-cover-image.project-outline--cover-text-color-light .project-outline__remove-cover {
  background-image: url(../images/cover-remove-white.svg);
}
.project-details__status {
  margin: 3rem 1rem 2rem 1rem;
}
.project-outline__progress-bar {
  height: 0.75rem;
  border-radius: 3px;
  background: #eee;
  margin-top: 0.5rem;
  overflow: hidden;
  width: 60%;
  margin-left: 40%;
}
.project-outline__progress {
  height: 100%;
  background: #00aeff;
  border-radius: 4px;
  display: flex;
  justify-content: flex-end;
  color: #fff;
  min-width: 4px;
}
.project-outline__progress span {
  display: inline-block;
  font-size: 0.575rem;
}
.project-outline--overdue .project-outline__progress {
  background: #E96267;
}
.project-outline--behind-schedule .project-outline__progress,
.project-outline--at-risk .project-outline__progress {
  background: #fda739;
}
.project-outline__menu {
  top: calc(18vh + 1rem);
  left: -3rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
  width: 3rem;
  display: flex;
  flex-direction: column;
  position: absolute !important;
}
.project-outline__menu > div {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem;
  margin: 0.5rem;
  cursor: pointer;
  position: relative;
}
.project-outline__main:hover .project-outline__menu {
  opacity: 1;
}
.project-outline__add-favorite {
  background-image: url(../images/favorites-star.svg);
}
.project-outline__remove-favorite {
  background-image: url(../images/favorites-star-remove.svg);
}
.project-outline__add-cover {
  background-image: url(../images/cover-add.svg);
}
.project-outline__remove-cover {
  background-image: url(../images/cover-remove.svg);
}
.project-outline__set-color {
  background-image: url(../images/color-circle.svg);
}
.project-outline__people-list ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.project-outline__people-list li {
  margin-right: 0.5rem;
}
.project-outline__people-list .person-meta {
  display: none;
}
.project-outline__people-list .user-image {
  height: 1.5rem;
  width: 1.5rem;
}
.project-outline__meta {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
}
.calendar-date-picker {
  width: 20vw;
  z-index: 99999;
  position: absolute;
  left: 100%;
  bottom: 100%;
  display: flex;
  align-items: flex-end;
}
.calendar-date-picker .picker,
.calendar-date-picker .picker__holder {
  position: relative;
}
/** Activity feed **/
.activity-stream {
  padding: 0;
  margin: 0;
}
.activity-stream ul {
  overflow: hidden;
}
.activity-stream ul:before,
.activity-stream ul:after {
  content: " ";
  display: table;
}
.activity-stream ul:after {
  clear: both;
}
.activity-stream li {
  list-style: none;
  margin: 1.5rem 0;
  font-size: 0.75rem;
  line-height: 1.4;
  overflow: visible;
  position: relative;
  width: 100%;
}
.activity-stream li:before,
.activity-stream li:after {
  content: " ";
  display: table;
}
.activity-stream li:after {
  clear: both;
}
.activity-stream li:first-child {
  padding-top: 0;
  margin-top: 0;
  background-position: 0 3px;
}
.activity-stream .activity-stream__content {
  padding-left: 50px;
}
.activity-stream .activity-user {
  color: #666;
  display: inline-block;
}
.activity-stream .activity-timestamp {
  color: #999;
  font-size: 11px;
  margin-left: 5px;
  width: 100px;
}
.activity-stream .object-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0px;
}
.activity-stream .deleted-object {
  display: none;
  color: #aaa;
}
.activity-stream .activity-show-all {
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.activity-stream .activity-meta {
  float: left;
}
.activity-stream .activity-meta > div {
  display: inline-block;
}
.activity-stream .activity-time {
  font-size: 12px;
  line-height: 32px;
  position: relative;
  top: -10px;
  display: none;
}
.activity-stream .icons {
  height: 32px;
  width: 32px;
  position: relative;
}
.activity-stream .type-icon {
  display: none;
}
.activity-stream .user-image {
  height: 25px;
  width: 25px;
  position: relative;
  top: 0;
  right: -4px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
.activity-stream .user-image img {
  width: 100%;
}
.activity-stream .marker {
  left: 15px;
  display: block;
  position: absolute;
  height: 300px;
  background: #eee;
  width: 2px;
}
.activity-stream li:last-child .marker {
  display: none !important;
}
.activity-stream__item--task .type-icon {
  background: #A0B0BD;
}
.activity-stream__item--invoice .type-icon {
  background: #DFF4F5;
}
.activity-stream__item--invoice .type-icon span {
  color: #22CEE6 !important;
}
.activity-stream__item--estimate .type-icon {
  background: #6FBC5F;
}
.activity-stream__item--payment .type-icon {
  background: #F0E243;
}
.activity-stream__item--message .type-icon {
  background: #3B7FCC;
}
.activity-stream__item--file .type-icon {
  background: #A9CC9A;
}
.activity-stream__item--project .type-icon {
  background: #ccc;
}
.activity-stream__description {
  color: #334455;
}
.activity-title {
  color: #a2adb8;
}
.activity-title a {
  color: #a2adb8;
}
.activity-stream__item--file .object-link {
  padding-left: 20px;
  background-image: url(../images/activity/file.png);
}
.activity-stream__item--file.activity-stream__item--deleted {
  padding-left: 0;
  background: none;
}
.activity-message .object-link {
  padding: 10px 20px;
  background: #f7f7f7;
  border: 1px dashed #e0e0e0;
  border-radius: 5px;
  color: #666;
}
.activity-stream__item--task .activity-title {
  padding-left: 20px;
  background: url(../images/tasks/task-incomplete.png) no-repeat 0 center;
}
.activity-stream__item--task.activity-completed .activity-title {
  background: url(../images/tasks/task-complete.png) no-repeat 0 5px;
}
.activity-stream__item--task.activity-completed .activity-title a {
  text-decoration: line-through;
  color: #91a2b1;
}
.activity-stream__item--task.activity-stream__item--deleted .activity-title {
  background: none;
  padding-left: 0;
}
.activity-stream__item--deleted a.object-link {
  display: none;
}
.activity-stream__item--deleted .deleted-object {
  display: inline-block;
}
#dashboard {
  height: 100%;
  margin: 0;
}
#dashboard h3 {
  font-weight: normal;
}
#dashboard h4 {
  color: #9A9A9A;
  margin-top: 30px;
  margin-left: 18px;
}
#dashboard #dashboard-right-column {
  width: 480px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fdfdfd;
  box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.02);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  padding: 20px 0 0 40px;
  position: absolute;
  top: 0;
  right: 0;
}
#dashboard #dashboard-left-column {
  width: 100%;
  height: 100%;
  padding: 0 480px 20px 0;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
}
#dashboard-widgets {
  margin-top: 40px;
  margin-bottom: 50px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  font-size: 0;
}
.dashboard-widget {
  background: #fff;
  display: inline-block;
  width: 33.33%;
  margin: 0;
  text-align: center;
  padding: 40px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.dashboard-widget h5 {
  color: #888;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 1px solid #d0d0d0;
  display: inline-block;
}
.dashboard-widget h2 {
  letter-spacing: 1px;
  font-size: 40px;
  font-weight: 600;
  color: #111;
}
.dashboard-widget .currency-symbol {
  font-size: 16px;
  vertical-align: top;
  position: relative;
  top: 5px;
}
.project-line-item-list {
  margin: 20px 0 0 0;
  width: 100%;
  list-style: none;
}
.project-line-item-list:before,
.project-line-item-list:after {
  content: " ";
  display: table;
}
.project-line-item-list:after {
  clear: both;
}
.project-line-item-list .project-widget {
  width: 100%;
  padding: 10px 10px 24px 10px;
  border-bottom: 1px solid #ddd;
}
.project-line-item-list .project-widget:first-child {
  border-top: 1px solid #ddd;
}
.project-line-item-list .project-widget:nth-child(even) {
  background-color: #fcfcfc;
}
.project-line-item-list h4 {
  display: inline-block;
  margin: 0 0 10px 0;
}
.project-line-item-list h4.client-name {
  color: #888;
  margin-left: 20px;
  font-size: 90%;
}
.project-line-item-list .progress-status {
  width: 70%;
  float: left;
  padding-right: 20px;
}
.project-line-item-list .due-date {
  width: 30%;
  float: left;
  text-align: right;
}
.project-line-item-list .project-title {
  margin-bottom: 0px;
}
.project-line-item-list .bottom {
  padding: 0;
  font-size: 12px;
}
.project-line-item-list .status {
  width: 8px;
  height: 8px;
  position: relative;
  top: 4px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #4da6ff;
}
.project-line-item-list.at-risk .status {
  background-color: #fff3a3;
}
.project-line-item-list.behind-schedule .status,
.project-line-item-list.overdue .status {
  background-color: #E96267;
}
.project-line-item-list li {
  cursor: pointer;
}
.project-line-item-list li:hover {
  background: #ebf2fb;
}
input.task-weight,
.modal input.task-weight {
  width: 100px;
}
.loading-maximum-weight {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat center center;
}
.notification {
  text-align: left;
  width: 320px;
  position: fixed;
  right: 20px;
  top: 20px;
  display: inline-block;
  padding: 20px 20px 20px 100px !important;
  min-height: 100px;
  z-index: 9999999;
  overflow: hidden;
  border-radius: 3px;
  display: none;
  background: #fff;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 80px;
  color: #333;
}
.notification.showing {
  display: block;
}
.notification .notification-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  background: #FDD92F url('../images/Info.svg') no-repeat center center;
  background-size: 40px;
}
.notification .button {
  colog: fff;
}
.notification .close {
  height: 12px;
  width: 12px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.notification .close:after {
  content: 'x';
  height: 12px;
  width: 12px;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  color: #999;
}
.notification .close:hover:after {
  color: #444;
}
.notification .button {
  border: none;
  background: transparent;
  font-size: 13px;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}
.notification.error {
  border: 1px solid #eed3d7;
  background: #f2dede;
  color: #b94a48;
  padding: 5px 10px;
  border-radius: 3px;
}
.full-width-notification,
.banner-notification {
  padding: 20px 40px;
  background-color: #fff;
  color: #2b6a94;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
}
.full-width-notification .notification-content,
.banner-notification .notification-content {
  max-width: 800px;
  margin: 0 auto;
  color: #000;
}
.full-width-notification .notification-buttons,
.banner-notification .notification-buttons,
.full-width-notification .link-buttons,
.banner-notification .link-buttons {
  text-align: right;
  display: inline-block;
  float: right;
  margin-top: -3px;
}
.full-width-notification .notification-buttons .main-action,
.banner-notification .notification-buttons .main-action,
.full-width-notification .link-buttons .main-action,
.banner-notification .link-buttons .main-action {
  background: #2d9ff3;
  color: #fff;
  box-shadow: none;
  border: none;
}
.full-width-notification .notification-buttons .button,
.banner-notification .notification-buttons .button {
  background: none;
  border: none;
  color: #2b6a94;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}
.full-width-notification .notification-buttons .button.main-action:hover,
.banner-notification .notification-buttons .button.main-action:hover {
  background: #58cf2c;
  color: #fff;
}
.banner-notification {
  width: 800px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#form-more {
  display: none;
  margin-top: 20px;
}
#add-client-user #hide-form-details,
#add-client #hide-form-details,
#edit-user #hide-form-details {
  display: none;
}
#add-client-user.showing-details #hide-form-details,
#add-client.showing-details #hide-form-details,
#edit-user.showing-details #hide-form-details {
  display: inline-block;
}
#add-client-user.showing-details #show-form-details,
#add-client.showing-details #show-form-details,
#edit-user.showing-details #show-form-details {
  display: none;
}
#add-client-user.showing-details #form-more,
#add-client.showing-details #form-more,
#edit-user.showing-details #form-more {
  display: block;
}
#global-search-results .search-entities {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#global-search-results .search-entity {
  margin: 40px 0;
  padding: 40px;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
#global-search-results h6 {
  margin-bottom: 10px;
  font-size: 18px;
}
#global-search-results #search-message-results .list.condensed li > div {
  height: auto;
}
#global-search-results #search-message-results .list.condensed li {
  height: auto;
  line-height: 1.5;
  padding: 10px 0;
}
#global-search-results #search-message-results .list.condensed li:before,
#global-search-results #search-message-results .list.condensed li:after {
  content: " ";
  display: table;
}
#global-search-results #search-message-results .list.condensed li:after {
  clear: both;
}
#global-search-results .list li > div,
#global-search-results .list-main-header > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#global-search-results .search-task-list .task-name {
  width: 50%;
}
#global-search-results .search-task-list .task-project-name {
  width: 30%;
}
#global-search-results .search-task-list .task-status {
  width: 10%;
}
#global-search-results .search-task-list .task-due-date {
  width: 10%;
}
#global-search-results .project-list .project-name {
  width: 80%;
}
#global-search-results .project-list .project-due-date {
  width: 10%;
}
#global-search-results .project-list .project-status {
  width: 10%;
}
#global-search-results .file-list .file-name {
  width: 50%;
}
#global-search-results .file-list .file-type {
  width: 10%;
}
#global-search-results .file-list .file-project-name {
  width: 40%;
}
#global-search-results .message-list p:first-child {
  margin-top: 5px;
}
#global-search-results #search-filters {
  float: right;
  margin-right: 10px;
}
#global-search-results #search-filters:before,
#global-search-results #search-filters:after {
  content: " ";
  display: table;
}
#global-search-results #search-filters:after {
  clear: both;
}
.no-search-results {
  float: left;
  background: #fafafa;
  font-style: italic;
  font-size: 16px;
  text-align: center;
  padding: 20px;
  width: 100%;
  margin-top: 10px;
}
#forgot-password {
  height: 100%;
  background: #f7f8fa;
}
#forgot-password:before,
#forgot-password:after {
  content: " ";
  display: table;
}
#forgot-password:after {
  clear: both;
}
#forgot-password #temp-password-message {
  display: none;
}
#forgot-password form,
#forgot-password #temp-password-message {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  margin: 100px auto 0 auto;
}
#forgot-password form:before,
#forgot-password #temp-password-message:before,
#forgot-password form:after,
#forgot-password #temp-password-message:after {
  content: " ";
  display: table;
}
#forgot-password form:after,
#forgot-password #temp-password-message:after {
  clear: both;
}
#forgot-password.submitted #temp-password-message {
  display: block;
}
#forgot-password.submitted form {
  display: none;
}
#forgot-password p {
  margin-bottom: 0;
}
#forgot-password input[type=text] {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: none;
  display: inline-block;
  color: #4e5b68;
  width: 100%;
  font-size: 1rem;
  padding: 1rem;
  height: auto;
  margin-bottom: 0;
  padding-left: 20px;
  margin: 20px auto;
  float: left;
}
#forgot-password input[type=text]:focus {
  outline: none !important;
}
#forgot-password h4 {
  margin-bottom: 20px;
}
#forgot-password .error {
  color: #f00;
}
.project-form label {
  display: flex;
  align-items: center;
}
.project-form h4 {
  color: #90A4AF;
}
.project-form__dates {
  display: flex;
  justify-content: space-between;
}
.project-form__dates .field {
  width: 48%;
}
.project-form__label-manager-wrapper {
  margin-bottom: 1rem;
}
.project-form__color {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 2px;
  display: inline-block;
  margin-right: 0.5rem;
  background: #eee;
  margin-bottom: 0.25rem;
}
.entity-color-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.entity-color-manager:hover .entity-color-manager__current-color {
  height: 100%;
}
.entity-color-manager--color-selector-open .entity-color-manager__color-selector {
  display: flex;
}
.entity-color-manager__color-selector {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entity-color-manager__no-color {
  flex: 0 0 100% !important;
  padding-top: 8% !important;
  background: #fff !important;
}
.entity-color-manager__choice {
  flex: 1 1 20%;
  padding-top: 15%;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.entity-color-manager__choice span {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  line-height: 1rem;
  height: 1rem;
  width: 100%;
  text-align: center;
}
.entity-color-manager__choice:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.entity-color-manager__choice:nth-child(1) {
  background-color: #fff;
}
.entity-color-manager__choice:nth-child(2) {
  background-color: #49a9f9;
}
.entity-color-manager__choice:nth-child(3) {
  background-color: #12dbcc;
}
.entity-color-manager__choice:nth-child(4) {
  background-color: #0dcf90;
}
.entity-color-manager__choice:nth-child(5) {
  background-color: #fbb449;
}
.entity-color-manager__choice:nth-child(6) {
  background-color: #fa8b54;
}
.entity-color-manager__choice:nth-child(7) {
  background-color: #f66d6b;
}
.entity-color-manager__choice:nth-child(8) {
  background-color: #f57fc2;
}
.entity-color-manager__choice:nth-child(9) {
  background-color: #c379c9;
}
.entity-color-manager__current-color {
  height: 75%;
  background: #40a6ff;
  transition: height 0.2s ease-in-out;
  border-radius: 4px;
  overflow: hidden;
  display: none;
}
.entity-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
}
.panel-loading,
.panel-no-selection {
  text-align: center;
}
#panel-one {
  position: relative;
}
#panel-one .notification {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  text-align: center;
  background-color: #fcfcfc;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ddd;
  border-radius: 0 0 4px 4px;
}
#admin-customize .settings-section > div {
  border-bottom: 1px solid #ccc;
  padding: 40px;
  width: 100%;
}
#admin-customize #customize-theme .button {
  float: none;
}
#customize-theme,
#customize-sidebar-logo {
  display: none;
}
.admin-settings h4 {
  margin-bottom: 10px;
}
.admin-settings .edit-setting {
  font-size: 12px;
  margin-left: 20px;
  color: #22f;
  cursor: pointer;
  display: none;
}
.admin-settings .settings-section {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px !important;
  background: #fff;
}
.admin-settings li:hover .edit-setting {
  display: inline;
}
.admin-settings .connection-method-text {
  color: #309cff;
  font-weight: bold;
}
.admin-settings .Outgoing-Email-Settings {
  display: none;
}
.running-timer {
  cursor: pointer;
  position: fixed;
  top: 13px;
  right: 12rem;
  width: 4rem;
  font-size: 1rem;
  background: transparent;
}
.running-timer .running-timer__elapsed {
  color: #38a5fd;
  font-size: 1rem;
}
.running-timer .running-timer__stop {
  color: #38a5fd;
}
.running-timer .running-timer__task {
  display: none;
}
.app-wrapper--side-menu-open .running-timer {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(54, 135, 221, 0.9);
  color: #fff;
  padding: 8px;
}
.app-wrapper--side-menu-open .running-timer .running-timer__elapsed {
  color: #fff;
}
.app-wrapper--side-menu-open .running-timer .running-timer__task {
  display: block;
}
.app-wrapper--side-menu-open .running-timer .running-timer__stop:after {
  background: #fff;
}
.running-timer__inner {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.running-timer__inner > div {
  line-height: 1;
  display: inline-block;
}
.running-timer__task {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 0.5rem 0;
  width: 100%;
  flex: 1 0 100%;
  opacity: 0.75;
  font-size: 0.8rem;
}
.running-timer__elapsed {
  font-size: 20px;
  width: 50%;
  display: inline-block;
}
.running-timer__stop {
  height: 16px;
  width: 16px;
  margin: 4px 5px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
}
.running-timer__stop:after {
  height: 10px;
  width: 10px;
  background: #38a5fd;
  display: block;
  content: '';
  position: absolute;
  top: 1.5px;
  left: 1.5px;
}
.running-timer__stop:hover {
  border-color: #fff;
}
.running-timer__stop:hover:after {
  opacity: 1;
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
}
.panel-filter-wrapper {
  display: inline-block;
}
.panel-filter {
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #999;
}
.panel-filter .panel-selected-filter {
  padding: 2px 19px 2px 10px;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
}
.panel-filter:hover,
.panel-filter.active {
  color: #444;
}
.panel-filter:hover .panel-selected-filter,
.panel-filter.active .panel-selected-filter {
  border: 1px solid #ccc;
  background: #fff;
}
.panel-filter:hover .caret,
.panel-filter.active .caret {
  display: inline-block;
}
.panel-filter.active .panel-selected-filter {
  border-bottom-width: 0;
}
.panel-filter.active ul {
  display: block;
}
.panel-filter ul {
  list-style: none;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  top: 24px;
  left: 0;
  margin: 0;
  min-width: 100%;
  z-index: 0;
  background: #fff;
  font-size: 15px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-filter li {
  padding: 5px 15px;
  white-space: nowrap;
  color: #333;
}
.panel-filter li:first-child {
  border-top: none;
}
.panel-filter li:hover {
  background-color: #f2f4f8 !important;
  color: #181a1c;
}
.panel-filter li.selected {
  font-weight: bold;
}
.panel-filter .caret {
  display: none;
  position: absolute;
  right: 5px;
  top: 9px;
}
.panel-sort-wrapper {
  display: inline-block;
}
.panel-sort-wrapper .ascending .arrow-up {
  border-bottom-color: #666;
}
.panel-sort-wrapper .descending .arrow-down {
  border-top-color: #666;
}
.panel-sort {
  cursor: pointer;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid #aaa;
  margin-bottom: 2px;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #aaa;
}
@media all and (max-width: 1500px) {
  .panel-filter .panel-selected-filter {
    padding: 2px 12px 2px 5px;
  }
  .panel-filter .panel-selected-filter .caret {
    border-top: 3px solid #000000;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    right: 3px;
    top: 11px;
  }
  .selected-filter-name {
    font-size: 80%;
  }
  .panel-info .panel-actions-wrapper .panel-action {
    min-width: 34px;
  }
  .panel-info h3 {
    font-size: 18px;
  }
}
#app-loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #2381ef;
  font-size: 30px;
  text-align: center;
  z-index: 999999;
}
#app-loading-screen section {
  vertical-align: middle;
  text-align: center;
  margin: 100px auto;
}
/*	$Loader Quadrant
	========================================================================== */
.loader-quart {
  border-radius: 65px;
  border: 6px solid rgba(35, 129, 239, 0.25);
  display: inline-block;
  position: relative;
  width: 130px;
  height: 130px;
  vertical-align: middle;
}
.loader-quart:after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
  border-radius: 65px;
  border: 6px solid rgba(35, 129, 239, 0.25);
  border-top-color: #2381ef;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
.loader-text {
  font-size: 18px;
  position: relative;
  top: 34px;
}
.smart-menu {
  display: table;
}
.smart-menu ul {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}
.smart-menu li {
  list-style: none;
  cursor: pointer;
}
.smart-menu .smart-menu-items li {
  display: inline-block;
  padding: 0;
  margin-right: 1rem;
  line-height: 1;
}
.smart-menu .smart-menu-items li.selected {
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #f5f5f5;
}
.smart-menu .more {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  line-height: 24px;
  cursor: pointer;
  padding: 0 20px;
}
.smart-menu .sidebar-icon {
  font-size: 12px;
}
.smart-menu .smart-menu-overflow {
  list-style: none;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  top: 30px;
  left: 0;
  margin: 0;
  z-index: 0;
  background: #fff;
  font-size: 15px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  min-width: 100px;
}
.smart-menu .smart-menu-overflow.active {
  display: block;
}
.smart-menu .smart-menu-overflow li {
  padding: 5px 15px;
  white-space: nowrap;
  color: #333;
}
.smart-menu .smart-menu-overflow li:first-child {
  border-top: none;
}
.smart-menu .smart-menu-overflow li:hover {
  background-color: #f2f4f8 !important;
  color: #181a1c;
}
.smart-menu .smart-menu-overflow li.selected {
  font-weight: bold;
}
.smart-menu .smart-menu-overflow li.has-button {
  padding: 0;
}
.smart-menu .smart-menu-overflow li.has-button .button {
  display: block;
  padding: 10px 15px;
  margin: 0 !important;
}
.smart-menu .smart-menu-overflow li.has-button .button.danger:hover {
  background: #ff4f59;
  color: #fff;
}
.smart-menu .more .button {
  border: none !important;
  box-shadow: none !important;
  float: none;
  padding: 0;
  background: none;
}
.smart-menu .smart-menu-menu-text,
.smart-menu .menu-icon {
  display: none;
}
.smart-menu.showing-none .smart-menu-menu-text,
.smart-menu.showing-none .menu-icon {
  display: inline;
}
.smart-menu.showing-none .smart-menu-more-text,
.smart-menu.showing-none .more-icon {
  display: none;
}
.dropdown-button {
  display: inline-block;
  position: relative;
}
.dropdown-button.loading .main-button {
  padding-right: 30px;
  background-image: url(../images/button-loader.gif);
  background-position: 92% center;
  background-repeat: no-repeat;
}
.dropdown-button.show-indicator .main-button {
  padding-left: 29px;
}
.dropdown-button.show-indicator .main-button:before {
  font-family: 'themify';
  content: "\e64b";
  position: absolute;
  top: 1px;
  left: 9px;
  z-index: 9999;
}
.dropdown-button.show-indicator-right .main-button {
  padding-right: 26px !important;
  background: #fff url(../images/quick-start/down.svg) no-repeat right 10px center;
  background-size: 10px !important;
  transition: all 0.2s ease;
  margin-bottom: 0 !important;
}
.dropdown-button.show-indicator-right .main-button:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-button .has-icon {
  padding-left: 35px;
}
.dropdown-button .has-icon:before {
  top: 10px;
}
#kanban-view:before {
  font-family: 'themify';
  content: "\e712";
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 9999;
}
#list-view:before {
  font-family: 'themify';
  content: "\e667";
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 9999;
}
.dropdown-button-dropdown {
  min-width: 100%;
  list-style: none;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  top: 100%;
  right: 0;
  margin: 5px 0 0 0;
  z-index: 0;
  background: #fff;
  font-size: 15px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-button-dropdown.active {
  display: block;
  z-index: 999999;
}
.dropdown-button-dropdown .button {
  margin-right: 0;
}
.dropdown-button-dropdown li {
  padding: 10px 15px;
  white-space: nowrap;
  color: #243137;
  line-height: 24px;
  cursor: pointer;
  position: relative;
}
.dropdown-button-dropdown li:first-child {
  border-top: none;
}
.dropdown-button-dropdown li:hover {
  background-color: #f2f4f8;
  color: #181a1c;
}
.dropdown-button-dropdown li.selected {
  font-weight: bold;
}
.dropdown-button-dropdown li.danger {
  background-color: transparent;
  color: #333;
  box-shadow: none;
  border: none;
}
.dropdown-button-dropdown li.danger:hover {
  background-color: #ff4f59;
  color: #fff;
}
.dropdown-button-dropdown.has-links li {
  padding: 0;
}
.dropdown-button-dropdown.has-links li a {
  display: block;
  padding: 10px 15px;
  color: #243137;
}
.dropdown-button-dropdown .has-link {
  padding: 0;
}
.dropdown-button-dropdown .has-link a {
  padding: 10px 15px;
  display: block;
}
.dropdown-button-dropdown .page {
  display: none;
  min-width: 200px;
}
.dropdown-button-dropdown .page.active {
  display: block;
}
.dropdown-button-dropdown .page:hover {
  background: #fff;
}
.dropdown-button-dropdown .page label {
  text-align: left;
}
.dropdown-button-dropdown.page-showing li:not(.page) {
  display: none;
}
#modules-to-hide:before,
#modules-to-hide:after {
  content: " ";
  display: table;
}
#modules-to-hide:after {
  clear: both;
}
#modules-to-hide label {
  width: 33%;
  float: left;
  margin-bottom: 20px;
}
#custom-css-textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px;
  background: #fcfdff;
  color: #111;
}
.admin-settings .settings-section {
  padding: 30px;
}
.admin-settings .settings-section p {
  max-width: 65rem;
  margin-bottom: 20px;
}
.setting-section-header {
  text-transform: uppercase;
  font-size: 90%;
  color: #777;
}
.setting-section-values {
  margin-bottom: 30px;
  list-style: none;
}
.admin-section {
  display: none;
  padding: 20px 0;
}
.admin-section.active {
  display: block;
}
.admin-section form {
  margin-right: 5%;
  margin-top: 20px;
}
.admin-section .field {
  margin-bottom: 20px;
}
.admin-section .error {
  display: block;
  clear: both;
  font-size: 11px;
  color: #ff0000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.admin-section h5 {
  text-decoration: underline;
  margin-top: 20px;
  margin-bottom: 5px;
}
.social-shares-wrapper h4,
.referral-share-wrapper h4 {
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}
.social-shares-wrapper label,
.referral-share-wrapper label {
  display: block;
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}
.social-shares-wrapper input,
.referral-share-wrapper input,
.social-shares-wrapper textarea,
.referral-share-wrapper textarea,
.social-shares-wrapper label,
.referral-share-wrapper label,
.social-shares-wrapper form,
.referral-share-wrapper form {
  max-width: 600px;
  width: 100%;
}
.social-shares-wrapper input[type=submit],
.referral-share-wrapper input[type=submit] {
  padding: 0 !important;
}
.social-shares-wrapper input,
.referral-share-wrapper input {
  line-height: 40px;
  height: 40px;
}
#admin-feedback > div {
  float: left;
  width: 100%;
}
#social-shares a {
  padding: 8px 20px;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  margin: 10px 0;
  text-decoration: none;
}
#social-shares .share-option {
  display: inline-block;
}
#social-shares .share-icon {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
#social-shares #facebook-button {
  background-color: #4e69a2;
}
#social-shares #facebook-button:hover {
  background-color: #6391dd;
}
#social-shares #twitter-button {
  background: #55acee;
}
#social-shares #twitter-button:hover {
  background: #4b97cf;
}
#social-shares #linkedin-button {
  color: #4875b4;
  background-color: #eaeaea;
}
#social-shares #linkedin-button:hover {
  background-color: #c6c6c6;
}
#social-shares #google-button {
  background-color: #dd4b39;
  color: #fff;
}
#social-shares #google-button:hover {
  background-color: #cd4937;
}
.customize-section {
  border-bottom: 1px solid #eee;
  padding-bottom: 60px;
  padding-top: 60px;
}
.customize-section .button {
  border: 1px solid #cecece !important;
  float: left;
}
.customize-section .remove-logo {
  display: none;
}
.customize-section .image-size {
  display: none;
}
.customize-section.has-logo .remove-logo {
  display: inline-block;
}
.customize-section.has-logo .image-size {
  display: inline-block;
}
.customize-section.has-logo .button-wrapper {
  display: none;
}
.customize-section .title {
  width: 400px;
  display: inline-block;
  vertical-align: top;
}
.customize-section .current-logo {
  display: inline-block;
  margin-left: 100px;
}
.customize-section .image-wrapper {
  max-width: 300px;
  height: 100px;
}
.customize-section .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
#admin-feedback p {
  width: 70%;
  margin-right: 30%;
}
.people-list {
  display: flex;
}
.people-list__list {
  padding-left: 1rem;
}
.people-list__person {
  width: 140px;
  height: 167px;
  float: left;
  margin-right: 20px;
  text-align: center;
  list-style: none;
  color: #fff;
  padding: 20px;
  cursor: pointer;
  border-radius: 4px;
}
.people-list__person a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  position: relative;
}
.people-list__person a span {
  display: block;
}
.people-list__person:hover {
  background: #ebf2fb;
}
.people-list__person:hover .person-name,
.people-list__person:hover .person-role {
  color: #328ff1;
}
.people-list__person .remove-user {
  position: absolute;
  text-align: center;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  background: #f2dede;
  color: #a94442;
  border-radius: 4px;
  border: 1px solid #ebccd1;
  bottom: -30px;
  display: none;
}
.people-list__person .remove-user:hover {
  background-color: #eacbce;
  border-color: #eba4a4;
  color: #943c3a;
}
.people-list__person:hover .remove-user {
  display: block;
}
.people-list__person-image {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 40px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  background-position: center center;
  overflow: hidden;
}
.people-list__person-image img {
  width: 100%;
}
.people-list__person-name {
  color: #444;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.people-list__person-role {
  color: #aaa;
  text-transform: uppercase;
  font-size: 12px;
}
.form-add-user-to-project-step-one-modal .modal {
  width: 440px;
}
#add-person-to-project {
  width: 378px;
}
.form-new-user-type-modal .modal {
  width: 538px;
  padding-bottom: 30px !important;
}
#choose-new-user-type {
  width: 478px;
}
#choose-new-user-type .new-user-type {
  position: relative;
  border: 1px solid transparent;
  padding: 20px;
  cursor: pointer;
}
#choose-new-user-type .new-user-type:hover {
  background: #ebf2fb;
}
#choose-new-user-type .new-user-type:hover .icon {
  color: #00b6ff;
  border-color: #00b6ff;
}
#choose-new-user-type h5 {
  font-weight: bold;
}
#choose-new-user-type .icon {
  font-size: 17px;
  padding: 10px;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 25px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 20px;
}
#choose-new-user-type .user-type-description {
  padding-left: 50px;
}
#add-user-to-project-step-one {
  width: 378px;
}
#add-user-to-project-step-one h5 {
  font-weight: bold;
}
#add-user-to-project-step-one > p {
  margin-top: 20px;
  float: left;
  width: 100%;
  clear: both;
}
#add-user-to-project-step-one .new-user-type {
  position: relative;
  border: 1px solid transparent;
  padding: 20px;
  cursor: pointer;
}
#add-user-to-project-step-one .new-user-type:hover {
  background: #ebf2fb;
}
#add-user-to-project-step-one .new-user-type:hover .icon {
  color: #00b6ff;
  border-color: #00b6ff;
}
#add-user-to-project-step-one h5 {
  font-weight: bold;
}
#add-user-to-project-step-one .icon {
  font-size: 17px;
  padding: 10px;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 25px;
  position: absolute;
  top: 30px;
  left: 20px;
}
#add-user-to-project-step-one .user-type-description {
  padding-left: 50px;
}
.user-quick-access-panel {
  width: 300px;
  height: 100%;
  border-left: 1px solid #e1e6ef;
}
.user-quick-access-panel ul {
  list-style: none;
  margin-top: 20px;
}
.user-quick-access-panel li {
  margin-bottom: 10px;
}
.user-quick-access-panel .icon {
  margin-right: 10px;
}
.user-quick-access-panel .quick-access-top {
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #e1e6ef;
}
.user-quick-access-panel .quick-access-top,
.user-quick-access-panel .quick-access-content {
  padding: 20px 40px;
}
.user-quick-access-panel .user-image {
  display: inline-block;
}
.user-quick-access-panel #quick-access-change-photo {
  padding: 0;
  display: inline;
  position: relative;
  left: -3px;
  color: #428bca;
}
.user-quick-access-panel #quick-access-change-photo:hover {
  color: #2a6496;
  text-decoration: underline;
}
.inline-popup {
  font-size: 15px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  min-width: 100px;
  min-height: 50px;
  z-index: 999;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.inline-popup:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.inline-popup:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 11px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
  top: 100%;
  left: 50%;
  margin-left: -11px;
}
.inline-popup.bottom:before {
  top: 0%;
  margin-top: -22px;
  border-color: transparent transparent #ccc transparent;
}
.inline-popup.bottom:after {
  top: 0%;
  margin-top: -20px;
  border-color: transparent transparent #fff transparent;
}
.inline-popup {
  padding: 10px;
  opacity: 0;
}
.inline-popup.showing {
  opacity: 1;
}
.inline-popup input,
.inline-popup select,
.inline-popup textarea {
  padding: 0px 6px;
  display: block;
  margin: 0 0 7px 0;
}
.inline-popup input[type=text],
.inline-popup input[type=number],
.inline-popup input[type="date"],
.inline-popup input[type=password],
.inline-popup select {
  height: 12px;
}
.inline-popup select {
  width: 100%;
}
.inline-popup input[type=submit],
.inline-popup .button {
  padding: 2px 5px !important;
  font-size: 12px;
  background: #444;
  border: none;
  text-shadow: none;
  border-radius: 0;
  color: #fff;
  float: right;
}
.inline-popup .cancel {
  float: left;
  background: #ccc;
  color: #333;
}
.inline-popup[data-template=assign-tasks] {
  height: 130px;
  overflow: auto;
}
.inline-popup[data-template=assign-tasks]:before,
.inline-popup[data-template=assign-tasks]:after {
  display: none;
}
#assign-tasks-form {
  width: 200px;
}
#assign-tasks-form select {
  width: 100%;
}
#start-timer-popup {
  width: 160px;
}
#new-task-form .notes-wrapper {
  display: none;
}
#new-task-form .clickable {
  display: block;
  color: #2381e9;
  margin-bottom: 15px;
}
#new-task-form .clickable:hover {
  text-decoration: underline;
}
#panel-two .entity-list {
  width: 100%;
}
.mobile-only {
  display: none;
}
.recurring-invoice-editor .additional-menus {
  display: none;
}
.recurring-invoice-editor .invoice-editor__side-menu {
  display: none;
}
.make-recurring-form {
  max-width: 650px;
  margin: 2rem auto;
}
.make-recurring-form label {
  font-size: 0.8rem;
  color: #777;
}
.make-recurring-form input,
.make-recurring-form .choices__inner {
  background: rgba(33, 33, 77, 0.025) !important;
  min-height: auto !important;
}
.make-recurring-form .choices__inner {
  padding: 9px;
}
.make-recurring-form .choices__inner,
.make-recurring-form .choices,
.make-recurring-form .field {
  display: block;
  width: 100%;
}
.make-recurring-form .choices__list--single {
  padding: 0 16px 0 4px;
}
.make-recurring-form .row,
.make-recurring-form .make-recurring-form__recurrence-frequency {
  display: flex;
}
.make-recurring-form .row > *:not(:last-child),
.make-recurring-form .make-recurring-form__recurrence-frequency > *:not(:last-child) {
  margin-right: 1rem;
}
.make-recurring-form .recurrence-frequency-picker {
  width: 100%;
  margin-right: 0 !important;
}
.make-recurring-form [data-selection=custom] .recurrence-frequency-picker {
  margin-right: 1rem !important;
}
.make-recurring-form .make-recurring-form__custom-frequency {
  margin-right: 0 !important;
}
.make-recurring-form .make-recurring-form__custom-frequency > *:not(:last-child) {
  margin-right: 1rem;
}
.make-recurring-form [type=submit] {
  display: inline !important;
  width: auto !important;
  padding: 4px 1rem !important;
}
.make-recurring-form .recurring-invoice-editor__submit {
  text-align: right;
  padding-top: 1rem;
}
.make-recurring-form__custom-frequency {
  display: none;
}
.make-recurring-form__recurrence-frequency[data-selection=custom] .make-recurring-form__custom-frequency {
  display: flex;
}
.link__body {
  margin: 0 auto;
  background: #fff;
  height: 100%;
  overflow: auto;
}
.link__view {
  height: 100%;
}
.link__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.link__header-content {
  max-width: 1000px;
  margin: 0 auto;
  line-height: 3rem;
}
#page-progress-wrapper {
  position: relative;
  z-index: 99999999;
}
/* Make clicks pass-through */
#top-progress-bar {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#top-progress-bar.showing {
  opacity: 1;
  visibility: visible;
}
#top-progress-bar .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 200ms ease;
}
/* Fancy blur effect */
#top-progress-bar .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#top-progress-bar .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#top-progress-bar .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: top-progress-bar-spinner 400ms linear infinite;
  animation: top-progress-bar-spinner 400ms linear infinite;
}
.top-progress-bar-custom-parent {
  overflow: hidden;
  position: relative;
}
.top-progress-bar-custom-parent #top-progress-bar .spinner,
.top-progress-bar-custom-parent #top-progress-bar .bar {
  position: absolute;
}
@-webkit-keyframes top-progress-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes top-progress-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#login-screen {
  height: 100%;
  width: 100%;
  float: left;
}
.login-header {
  height: 200px;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  padding-top: 40px;
}
.login-footer {
  position: absolute !important;
  bottom: 0;
  right: 0;
  z-index: 99999;
  text-align: right;
  width: 100%;
  padding: 20px 60px;
}
.login-footer a {
  color: #000;
  padding-left: 2rem;
  background: transparent url(../images/duet-logo.svg) no-repeat left center / 1.5rem;
}
.login-footer a:hover {
  color: #007EE5;
}
#login-screen {
  width: 100vw;
  height: 100vh;
  background: #F4F6F9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#login-screen > *:not(.gradient-backgrounds) {
  z-index: 1;
  position: relative;
}
#login-form {
  width: 100%;
  max-width: 400px;
}
#login-form.has-logo {
  padding-top: 100px;
}
#login-form .form-content {
  position: relative;
  z-index: 1;
}
.login-title {
  margin: 0 0 10px 0;
  color: #000;
  font-weight: 800;
  text-align: center;
}
.login-subtitle {
  padding: 0;
  margin: 0px 5px 15px 0;
  font-size: 23px;
  line-height: 29px;
  text-align: center;
}
.login-window {
  max-width: 400px;
  margin: 0 auto 0 auto;
  position: relative;
}
.login-window h3,
.login-window p {
  font-family: 'Inter', sans-serif;
  font-weight: normal;
  text-align: center;
  z-index: 0;
}
.login-window p {
  display: none;
  margin: 10px 0 20px 0;
  color: #81898f !important;
  font-size: 15px;
  margin: 0;
}
.login-window form {
  position: relative;
  height: 200px;
  margin: 0 auto;
}
.login-window form > div {
  position: relative;
}
.login-window .login-fields {
  margin-bottom: 12px;
}
.login-window .login-fields > div {
  padding: 10px 0;
  position: relative;
}
.login-window label {
  position: absolute;
  left: 16px;
  top: 27px;
  opacity: 0.4;
  transition: opacity linear 0.2s;
  color: #000;
  display: none;
}
.login-window [for=username] {
  background-position: -168px 0;
}
.login-window [for=password] {
  background-position: -287px -24px;
}
.login-window input[type=text],
.login-window input[type=password],
.login-window .input {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: none;
  display: inline-block;
  color: #4e5b68;
  width: 100%;
  font-size: 1rem;
  padding: 1rem;
  height: auto;
  margin-bottom: 0;
}
.login-window input[type=text]:focus,
.login-window input[type=password]:focus,
.login-window .input:focus {
  outline: none !important;
}
.login-window input:focus + label {
  opacity: 0.6;
}
.login-window button[type=submit] {
  border: 0;
  cursor: pointer;
  display: inline-block;
  background: linear-gradient(135deg, #10bdff, #1f8aff);
  border-radius: 3px;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: background-color 100ms ease;
  transition: background-color 100ms ease;
  padding: 1rem;
}
.login-window button[type=submit]:focus {
  outline: none;
}
.login-window .forgot-password {
  display: inline-block;
  font-size: 15px;
  color: rgba(43, 50, 57, 0.45);
  margin: 5px 0;
  text-decoration: none;
  border-bottom: 0px solid #4e5b68;
  -webkit-transition: color 100ms ease, border-bottom 100ms ease;
  transition: color 100ms ease, border-bottom 100ms ease;
  vertical-align: bottom;
  float: right;
}
.login-window .error-message {
  text-align: center;
  font-size: inherit;
}
.login-logo {
  height: 100px;
  text-align: center;
  margin-bottom: 40px;
}
.login-logo img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
[data-type=cards] {
  height: 100%;
  margin-bottom: 0 !important;
  overflow-x: auto;
  background: #fcfdff;
}
[data-type=cards] .task-list-wrapper__secondary-menu,
[data-type=cards] .task-list-wrapper__view {
  background: transparent;
}
.card-view-incomplete {
  float: left;
  height: 100%;
}
.card-view {
  height: 100%;
  padding-left: 1rem;
}
.card-view .ui-state-hover.no-cards .card-view__cards:after,
.card-view .card-placeholder,
.card-view .column-placeholder {
  content: ' ';
  height: 60px;
  background: #EEF0F5;
  margin: 15px;
  display: block;
  opacity: 0.7;
  position: relative;
  overflow: hidden;
}
.card-view .column-placeholder {
  height: 90%;
  width: 270px;
  float: left;
}
.card-view .ui-sortable-helper {
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);
}
.card-view .is-task-completed,
.card-view .retry-save,
.card-view .saving-indicator {
  position: absolute;
}
.card-view .is-task-completed {
  left: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 1px solid #888;
  border-radius: 3px;
}
.card-view .saving-indicator {
  left: 0px;
  height: 16px !important;
  width: 16px;
  background: transparent url(../images/tasks/task-saving.gif) no-repeat 0 0;
  display: none;
}
.card-view .retry-save {
  height: 14px !important;
  width: 14px;
  margin: 10px 0 0 10px;
  left: 14px;
  background-image: url(../images/glyphicons-halflings.png);
  background-repeat: no-repeat;
  background-position: 0 -120px;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.card-view .saving .is-task-completed {
  display: none;
}
.card-view .saving .saving-indicator {
  display: block;
}
.card-view .saving .retry-save {
  display: none;
}
.card-view .error-saving .is-task-completed {
  display: none;
}
.card-view .error-saving .saving-indicator {
  display: none;
}
.card-view .error-saving .retry-save {
  display: block;
}
.card-view .new-card,
.card-view .new-section {
  margin: 15px;
}
.card-view .new-card input,
.card-view .new-section input {
  background-color: #fff;
  padding: 9px 13px;
  color: #a6a6a6;
  border-radius: 3px;
  border: 1px dashed #ccc;
  width: 100%;
}
.card-view .new-card input:focus,
.card-view .new-section input:focus {
  border: 1px solid #aaa;
  outline: none;
}
.card-view .new-section {
  width: 259px;
  float: left;
  margin-top: 0;
}
.card-view .new-section input {
  margin-top: 15px;
}
.card-view .complete-tasks-list .is-task-completed {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.card-view[data-filter=all] #card-view-complete {
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid #eee;
}
.card-view--not-editable .is-task-completed {
  display: none;
}
.card-view--not-editable .card-view__card {
  padding-left: 1rem;
}
.card-view--overdue .card-view__due-date {
  color: #E96267;
}
.card-view--client-user .card-view__task-start-timer,
.card-view--client-user .card-view__due-date {
  display: none;
}
.card-view-complete {
  padding-bottom: 5px;
  margin-bottom: 30px;
  display: block;
}
.card-view-complete h5 {
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.card-view-complete li {
  background: transparent;
}
.card-view__column {
  width: 310px;
  height: 100%;
  float: left;
}
.card-view__column.ui-sortable-helper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fcfdff;
}
.card-view__column-header {
  padding: 1rem 0.5rem 0.5rem 0.8rem;
  font-size: 18px;
  font-weight: normal;
  color: rgba(30, 43, 101, 0.93);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card-view__cards {
  overflow-y: auto;
}
.card-view__card {
  padding: 0.6rem 1rem 0.6rem 1.6rem;
  margin: 1rem;
  display: block;
  cursor: pointer;
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  position: relative;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.03);
}
.card-view__card.complete .is-task-completed {
  background-image: url(../images/check.svg) !important;
  background-position: center center;
  background-size: 18px !important;
  border: none !important;
}
.card-view__card.complete .task-details {
  text-decoration: line-through;
  color: #888;
}
.card-view__card .task-status-indicator {
  height: 0.8rem;
  width: 0.8rem;
  top: 0.8rem;
  left: 0.4rem;
}
.card-view__card .user-image {
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem;
}
.card-view__task-details {
  overflow: hidden;
  margin-right: 1.5rem;
}
.card-view__card-meta {
  font-size: 0.7rem;
  color: #555;
  padding: 0.3rem 0 0;
  display: flex;
  justify-content: space-between;
}
.card-view__card-meta--has-date {
  padding-top: 0.8rem;
}
.card-view__card-meta--right {
  margin-left: auto;
  display: flex;
}
.card-view__card-meta--right > * {
  margin-left: 1rem;
  display: inline-block;
}
.card-view__num-files {
  padding-left: 0.8rem;
  background: transparent url(../images/paperclip-archive.svg) no-repeat left center / 0.6rem;
}
.card-view__num-subtasks {
  padding-left: 0.8rem;
  background: transparent url(../images/checked.svg) no-repeat left center / 0.6rem;
}
.card-view__has-notes {
  width: 0.8rem;
  height: 0.8rem;
  background: transparent url(../images/notes.svg) no-repeat center bottom / 0.6rem;
}
.card-view__due-date {
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0.8rem;
  background: transparent url(../images/calendar.svg) no-repeat left 3px / 0.6rem;
}
.card-view__card-meta--has-date .card-view__due-date {
  padding-left: 0;
  background: none;
}
.card-view__task-start-timer {
  width: 0.8rem;
  height: 0.8rem;
  padding-left: 0.8rem;
  background: transparent url(../images/timer.svg) no-repeat center bottom / 0.7rem;
}
.card-view__cover-image {
  width: 100%;
  height: 4rem;
  background-size: cover;
  background-position: center center;
  margin-bottom: 1rem;
  border-radius: 3px;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px 3px 0 0;
}
.card-view--has-alert:after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #0f0;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.card-view--has-cover-image {
  padding-top: 9rem;
}
.card-view--has-cover-image .task-status-indicator {
  top: 9.25rem;
}
.card-view .label-list {
  padding-top: 0.4rem;
}
.card-view .label {
  padding: 2px 0.5rem;
  margin: 0.3rem 0.3rem 0 0;
  border-radius: 0.5rem;
  font-size: 0;
  min-width: 1.5rem;
}
.card-view__recurring-indicator {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.8rem;
  background: transparent url(../images/refresh.svg) no-repeat center bottom / 0.65rem;
}
.dashboard-calendar,
#dashboard-upcoming-events-list {
  margin-left: 20px;
  width: 450px;
  display: inline-block;
  vertical-align: top;
  margin-top: 150px;
}
#dashboard-upcoming-events-list {
  margin-left: 60px;
  height: 350px;
  overflow: hidden;
}
#dashboard-upcoming-events-list #upcoming-events-filter-title {
  display: none;
  background: #FBFBFA;
  border-top: 1px solid #F2F2F1;
  border-bottom: 1px solid #F2F2F1;
  padding: 10px;
}
#dashboard-upcoming-events-list.filtered li {
  display: none;
}
#dashboard-upcoming-events-list.filtered li.filter-match {
  display: block;
}
#dashboard-upcoming-events-list.filtered #upcoming-events-filter-title {
  display: block;
  position: relative;
}
#dashboard-upcoming-events-list.filtered #upcoming-events-filter-title .close {
  curspor: pointer;
  position: absolute;
  top: 14px;
  right: 10px;
}
#dashboard-upcoming-events-list li {
  list-style: none;
  padding: 20px;
  cursor: pointer;
}
#dashboard-upcoming-events-list li:hover {
  background: rgba(244, 186, 46, 0.1);
}
#dashboard-upcoming-events-list h5 {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0;
  padding-left: 17px;
  position: relative;
}
#dashboard-upcoming-events-list h5:before {
  content: ' ';
  height: 12px;
  width: 12px;
  border: 2px solid #0B76DC;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
#dashboard-upcoming-events-list .overdue h5:before {
  border-color: #CC2446;
}
#dashboard-upcoming-events-list p {
  color: #888;
}
.dashboard-calendar .fc th,
.dashboard-calendar .fc td {
  border: none;
}
.dashboard-calendar .fc-basic-view .fc-body .fc-row {
  min-height: 2em;
}
.dashboard-calendar .fc td.fc-today {
  border: none;
}
.dashboard-calendar .fc-day-number {
  line-height: 40px;
  font-size: 16px;
  text-align: center !important;
  position: relative;
}
.dashboard-calendar .fc-day-number.fc-today:before {
  content: ' ';
  height: 30px;
  width: 30px;
  border: 1px solid #0B76DC;
  border-radius: 50%;
  position: Absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  z-index: -1;
}
.dashboard-calendar .fc-day-number.has-event {
  font-weight: bold;
  color: #EC7061;
  cursor: pointer;
}
.dashboard-calendar .fc-day-number.has-event.fc-today {
  color: #fff;
}
.dashboard-calendar .fc-day-number.has-event.fc-today:before {
  background: #EC7061;
  border: none;
}
.dashboard-calendar .fc-day.fc-today {
  background: none !important;
}
.dashboard-calendar .fc-day-header {
  text-transform: uppercase;
  font-weight: normal;
  color: #111;
}
#calendar-months {
  font-size: 11px;
  white-space: nowrap;
  padding: 0 30px;
  text-transform: uppercase;
}
#calendar-months > div {
  display: inline-block;
  width: 8%;
  color: #888;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#calendar-months > div.current {
  font-weight: bold;
}
.details-info {
  display: block;
  margin-bottom: 10px;
  color: #777;
}
#recurring-invoice-list {
  clear: both;
}
.nav-tabs li {
  display: inline-block;
  list-style: none;
}
.nav-tabs a {
  display: inline-block;
  background-color: transparent;
  color: #5b666d;
  font-weight: 400;
  padding: 5px 0px;
  margin-right: 30px;
  text-decoration: none;
}
.nav-tabs .active a {
  background: none;
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #3b67b3;
  border-bottom: 2px solid currentColor;
}
.tab-section {
  display: none;
}
.tab-section.active {
  display: block;
}
button.link {
  text-decoration: underline;
  background: none;
  border: none;
}
button.entity-link {
  border: none;
  background: transparent;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  background: url(../images/link.svg) no-repeat center center;
  background-size: 15px;
  opacity: 0.3;
  transition: opacity 0.4s ease;
}
button.entity-link:hover {
  opacity: 0.6;
}
.entity-link-url {
  word-wrap: break-word;
  color: #6179a9;
}
#more-button-wrapper {
  margin: 30px 0 0 0;
}
#more-tasks {
  display: none;
}
#more-tasks.showing {
  display: block;
}
#agenda-tasks-filter-title {
  display: none;
}
#agenda-tasks {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
#agenda-tasks.filtered h4 {
  display: none;
}
#agenda-tasks.filtered li {
  display: none;
}
#agenda-tasks.filtered li.filter-match {
  display: block;
}
#agenda-tasks.filtered #agenda-tasks-filter-title {
  display: block;
  position: relative;
}
#agenda-tasks.filtered #agenda-tasks-filter-title .close {
  curspor: pointer;
  position: absolute;
  top: 14px;
  right: 10px;
}
#agenda-tasks-filter-title {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.035);
  margin-bottom: 40px;
  position: relative;
}
#agenda-tasks-filter-title .close {
  position: absolute;
  top: 9px;
  right: 10px;
}
.dashboard-manager {
  margin-top: 0 !important;
  overflow: auto;
  background: #fff;
}
.dashboard-manager > div {
  margin-top: 20px;
}
.my-work-secondary-menu {
  background: #fff;
  position: relative;
  border-right: none;
}
.my-work-secondary-menu:after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 0;
  width: 1px;
  height: calc(100% - 2rem);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.05);
}
[data-template=agenda] {
  background: #fff;
}
.agenda {
  margin-top: 20px;
}
.agenda:before,
.agenda:after {
  content: " ";
  display: table;
}
.agenda:after {
  clear: both;
}
.agenda .hide-overflow {
  height: 20%;
  height: 400px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  position: Absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.agenda h4 {
  color: #aaa;
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  display: inline-block;
}
.agenda ul {
  margin-bottom: 20px;
}
.agenda .task-list .project-name {
  font-size: 90%;
  padding: 0 10px;
}
.agenda .no-tasks {
  text-align: center;
  font-style: italic;
  padding: 0;
}
.agenda .no-tasks:hover {
  background: none;
  cursor: default;
}
.agenda .has-tasks .no-tasks {
  display: none;
}
.agenda .drop-hover {
  background: rgba(238, 240, 245, 0.2);
  background: rgba(193, 237, 245, 0.2);
  outline: dashed 1px #eef0f5;
}
.agenda .sort-handle,
.agenda .is-task-completed {
  display: none;
}
.agenda .task-details {
  color: #222;
  padding-left: 10px;
}
.agenda [data-complete=complete] .task-details,
.agenda .complete .task-details {
  text-decoration: line-through;
  color: #aaa;
}
.agenda .task-due-date {
  margin-right: 0;
  font-weight: normal;
  color: #AFBDC6;
}
.agenda .dashboard-calendar {
  width: 350px;
}
.agenda .dashboard-calendar .fc-day-number {
  font-size: 14px;
}
.agenda .dashboard-calendar .fc-scroller {
  overflow: hidden;
}
.agenda .marker {
  display: none !important;
}
.agenda .task-actions {
  display: none !important;
}
.agenda-task-list .task-list__item {
  padding-left: 0;
  opacity: 1;
  transition: opacity 0.2s ease;
  transition-delay: 2s;
  display: flex;
}
.agenda-task-list .task-list__item:hover .task-due-date {
  display: block;
}
.agenda-task-list .task-list__item.not-showing {
  opacity: 0;
}
.agenda-task-list .task-list__item input {
  background: transparent;
}
.agenda-task-list .task-list__task-assigned {
  display: none;
}
.agenda-task-list .task-list__task-status {
  width: 20px;
  padding: 0;
  margin: 0;
  display: block;
}
.agenda-task-list .task-list__task-status span {
  border-radius: 3px;
  width: 4px;
  display: block;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 13px;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  background: #90A4AF;
}
.agenda-task-list .task-list__item--overdue .task-list__task-status span {
  background: #FC6E63;
  color: rgba(0, 0, 0, 0);
}
.agenda-task-list .task-list__item--at-risk .task-list__task-status span {
  background: #FEC485;
  color: rgba(0, 0, 0, 0);
}
.agenda-task-list .task-list__item--on-schedule .task-list__task-status span {
  display: none;
}
#agenda-settings {
  height: 20px;
  min-width: 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  padding-right: 35px;
  overflow: hidden;
}
#agenda-settings #agenda-settings-icon {
  background: #fff url(../images/quick-start/Settings.svg) right center no-repeat;
  background-size: 18px;
  height: 20px;
  width: 35px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.4;
  z-index: 1;
}
#agenda-settings #agenda-settings-icon:hover {
  opacity: 0.8;
}
#agenda-settings.open #agenda-settings-icon {
  opacity: 0.8;
}
#agenda-settings.open #settings-options {
  display: inline-block;
  right: 0;
  visibility: visible;
  opacity: 1;
}
#agenda-settings #settings-options {
  right: -100%;
  visibility: hidden;
  opacity: 0;
  position: relative;
  transition: all 0.1s ease;
  z-index: 0;
}
#agenda-settings #settings-options span {
  margin-right: 15px;
  transition: all 0.2s ease;
  color: rgba(43, 50, 57, 0.65);
}
#agenda-settings #settings-options span:last-child {
  margin-right: 0;
}
#agenda-settings #settings-options span:hover {
  color: #000;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.1s;
}
.open-projects {
  max-width: 350px;
}
.open-projects h4 {
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.open-projects li {
  list-style: none;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}
.open-projects li:hover {
  background: #fffbea;
}
.open-projects .project-name {
  color: #111;
  padding-left: 18px;
  position: relative;
  padding-right: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.open-projects .project-name:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  height: 12px;
  width: 12px;
  border: 2px solid #6DCADB;
  border-radius: 50%;
}
.open-projects .overdue .project-name:before,
.open-projects .behind-schedule .project-name:before {
  border: 2px solid #FC6E63;
}
.open-projects .at-risk .project-name:before {
  border: 2px solid #FEC485;
}
.open-projects .project-due-date {
  position: absolute;
  top: 10px;
  right: 10px;
}
.open-projects .project-client {
  color: #888;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#dashboard-activity .activity-stream__content {
  padding-right: 100px;
}
#dashboard-activity .activity-timestamp {
  position: absolute;
  right: 0;
  top: 0;
}
.agenda-tab {
  display: none;
}
.agenda-tab.showing {
  display: block;
}
#summary-widgets {
  font-size: 0;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  display: none;
}
.summary-widget {
  background: #fff;
  display: inline-block;
  margin: 0;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #EDEDED;
}
.summary-widget h5 {
  color: #989898;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
}
.summary-widget:last-child h5:after {
  display: none;
}
.summary-widget.active {
  border-bottom: 2px solid #27AAFD;
}
.summary-widget.active h5 {
  color: #27AAFD;
}
#agenda-sidebar {
  width: 480px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fdfdfd;
  box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.02);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  padding: 20px 0 0 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}
#agenda-main-content {
  width: 100%;
  height: 100%;
  padding: 0 0 20px 0;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2;
  transition: padding-right 0.2s ease;
}
.agenda-drag-helper {
  padding: 0 297px 0 46px;
  height: 50px;
  line-height: 50px;
  background: rgba(193, 237, 245, 0.2);
  background: rgba(238, 240, 245, 0.35);
  outline: dashed 1px #eef0f5;
  z-index: 999999;
}
.agenda-drag-helper .task-due-date,
.agenda-drag-helper .task-assigned,
.agenda-drag-helper .task-meta,
.agenda-drag-helper .task-status {
  display: none;
}
.overview-notifications {
  margin-top: -30px;
  margin-bottom: 30px;
}
#overview-billing {
  margin: 0 auto;
  padding: 10px 20px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0;
  position: relative;
  margin-bottom: 10px;
}
#overview-billing span {
  width: 60px;
  position: absolute;
  top: 15%;
  left: 0;
  height: 70%;
  display: block;
  text-align: center;
  padding-top: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: transparent url('../images/summary/Attention.svg') no-repeat center center;
}
#overview-billing h5 {
  position: relative;
  padding-left: 80px;
  margin-top: 0;
}
#overview-billing h5:last-child {
  margin-bottom: 0;
}
#overview-billing img {
  color: #F87C79;
}
.dashboard-quick-start {
  margin-top: 10px;
}
.quick-task {
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 75%;
  width: 100%;
  position: relative;
}
.quick-task.saving:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.03);
}
.quick-task.saving button.create-task {
  background: transparent url(../images/tasks/task-saving.gif) no-repeat center center;
  color: rgba(0, 0, 0, 0);
}
.quick-task .choices {
  width: 15%;
  background: rgba(0, 0, 0, 0.01);
}
.quick-task .choices__inner {
  border: none;
  box-shadow: none;
  background: transparent !important;
  height: 100%;
  width: 100%;
  padding: 0;
}
.quick-task .choices__list--dropdown {
  max-width: 200px;
  line-height: 1;
}
.quick-task .choices__item {
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.quick-task__fields {
  margin-right: 60px;
  font-size: 0;
}
.quick-task__fields > * {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  border: none;
  margin: 0;
  padding: 0 20px;
}
.quick-task__name {
  width: 70%;
}
.quick-task__name:focus {
  outline: none;
}
.quick-task__time {
  width: 15%;
  position: relative;
  padding: 0;
}
.quick-task__time span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: rgba(0, 0, 0, 0.2);
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.01);
}
.quick-task__time input {
  width: 33%;
  height: 100%;
  border: none;
  float: left;
  display: none;
  padding: 0 5px;
}
.quick-task__time input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.2);
}
.quick-task__time input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.2);
}
.quick-task__time input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.2);
}
.quick-task__time input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.2);
}
.quick-task__time:focus,
.quick-task__time.focused,
.quick-task__time.has-val {
  outline: none;
}
.quick-task__time:focus input,
.quick-task__time.focused input,
.quick-task__time.has-val input {
  display: block;
}
.quick-task__time:focus span,
.quick-task__time.focused span,
.quick-task__time.has-val span {
  display: none;
}
.quick-task__project {
  width: 15%;
}
.quick-task__create {
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  color: #757575;
  font-size: 20px;
  height: 50px;
  border: none;
  outline: none;
  background: #f2f2f2;
}
.quick-start {
  max-width: 1024px;
  margin: 0 auto 50px auto;
  font-size: 0;
  padding: 0 3px;
}
.quick-start > div {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.quick-menu {
  margin-bottom: 10px;
  position: relative;
  width: 22%;
  width: 100%;
  margin-left: 3%;
  margin-left: 0;
  text-align: right;
}
.quick-menu .quick-menu-left {
  display: inline-block;
  float: left;
}
.quick-menu .quick-menu-left .button {
  padding-left: 0;
}
.quick-menu:after {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  content: '';
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}
.quick-menu .dropdown-button {
  display: block;
  height: 40px;
  line-height: 40px;
}
.quick-menu .button {
  border: none;
  background: none;
  display: block;
  height: 100%;
  line-height: 40px;
  font-size: 14px;
  text-align: right;
  padding: 0;
}
.quick-menu .button:hover {
  box-shadow: none;
}
.quick-menu__button {
  display: inline-block;
  padding: 0 15px;
  border: 1px solid rgba(0, 0, 0, 0);
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
  font-size: 14px;
  vertical-align: top;
}
.quick-menu__button img {
  width: 16px;
  transition: opacity 0.1s linear;
}
.quick-menu__button span {
  color: rgba(43, 50, 57, 0.65);
  padding-left: 6px;
  font-size: 14px;
  line-height: 40px;
  transition: color 0.1s linear;
  vertical-align: middle;
}
.quick-menu__button:hover {
  text-decoration: none;
}
.quick-menu__button:hover img {
  opacity: 1;
}
.quick-menu__button:hover span {
  color: #000000;
}
.inline-page-form {
  background: #fff;
  margin: 0 auto !important;
  position: relative;
  padding: 40px 0 60px 0;
}
.inline-page-form .form-title {
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
  font-weight: bold;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.inline-page-form label {
  font-size: 16px;
}
.inline-page-form .field {
  margin-bottom: 35px;
}
.inline-page-form input[type=submit] {
  padding: 14px 30px !important;
  font-size: 16px;
}
.inline-page-form form {
  padding-bottom: 0px !important;
}
.my-time {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}
.my-time .page-title {
  border-bottom: 1px solid 1px dotted #e1e6ef;
}
.my-time .no-task-text {
  color: #999da0;
  font-style: italic;
  cursor: pointer;
  transition: all 0.1s ease;
}
.my-time li {
  font-size: 0;
  color: #555;
  padding: 20px 40px 20px 0;
  margin: 20px 0;
  cursor: pointer;
  position: relative;
}
.my-time li:hover {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}
.my-time li a {
  color: #000;
}
.my-time li > div {
  padding: 0 20px;
  display: inline-block;
  font-size: 15px;
}
.my-time li:hover .time-entry-actions {
  display: inline-block;
}
.my-time .main {
  height: 46px;
  width: 75%;
  position: relative;
}
.my-time .meta {
  height: 46px;
  width: 25%;
  font-size: 13px;
}
.my-time .meta span {
  margin-right: 10px;
}
.my-time .time-entry-project {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.my-time .time-entry-task {
  padding-left: 254px;
  padding-right: 40px;
  position: absolute;
  color: #888;
  display: inline-block;
  top: 10px;
  left: 0;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.my-time .time-entry-time {
  background: #f6fbff;
  /* width: 20%; */
  font-weight: normal;
  font-size: 20px;
  color: #499ff2;
  padding: 8px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #499ff2;
}
.my-time .no-task .time-entry-time {
  background: #f5f5f5;
  border: 1px solid #999da0;
  color: #999da0;
}
.my-time .time-entry-date {
  display: inline-block;
}
.my-time .time-entry-actions {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.my-time.latest li:first-child {
  background: rgba(250, 255, 0, 0.03);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.1s;
  transition-delay: 1s;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.my-time .edit-time-entry,
.my-time .delete-time-entry {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-right: 0 !important;
  cursor: pointer;
  background: transparent no-repeat 0 0;
  background-size: 16px;
  vertical-align: middle;
  opacity: 0.5;
}
.my-time .edit-time-entry:hover,
.my-time .delete-time-entry:hover {
  opacity: 1;
}
.my-time .edit-time-entry {
  background-image: url(../images/edit.svg);
}
.my-time .delete-time-entry {
  background-image: url(../images/delete.svg);
}
#link-time-to-task {
  padding: 20px;
}
#link-time-to-task h3 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 20px !important;
}
#link-time-to-task .time-entry-time {
  font-weight: normal;
  font-size: 20px;
  padding: 8px;
  display: inline-block;
  border-radius: 6px;
  background: #f5f5f5;
  border: 1px solid #999da0;
  color: #999da0;
}
#link-time-to-task .time-entry-date {
  float: right;
  display: inline-block;
  margin-top: 14px;
}
#link-time-to-task .time-entry-date span {
  display: inline-block;
  margin-right: 10px;
}
#link-time-to-task .intro {
  padding: 0 20px 30px 20px;
}
#link-time-to-task li {
  position: relative;
  font-size: 0;
  padding: 10px;
  cursor: pointer;
}
#link-time-to-task li:hover {
  background: rgba(250, 255, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  color: #000;
}
#link-time-to-task li:hover .task {
  color: #499ff2;
}
#link-time-to-task li > div,
#link-time-to-task li > span {
  display: inline-block;
  font-size: 15px;
  padding: 0 10px;
}
#link-time-to-task .icon {
  margin-right: 10px;
  font-size: 12px;
}
#link-time-to-task .task {
  width: 70%;
  padding-left: 30px;
  background: transparent url(../images/tasks/task-incomplete.png) no-repeat 0 6px;
}
#link-time-to-task .project-name {
  width: 30%;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.width-100 {
  width: auto !important;
}
#dashboard-activity {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
#overview {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
#overview .section-title {
  color: #000;
  font-size: 17px;
  line-height: 1;
  margin: 0 0 20px 0;
}
#overview .section-title a {
  font-size: 13px;
  margin-left: 10px;
  color: #aaa;
}
#overview .invoices {
  margin-bottom: 40px;
}
#overview .invoices:before,
#overview .invoices:after {
  content: " ";
  display: table;
}
#overview .invoices:after {
  clear: both;
}
#overview .invoice-wrapper {
  width: 22%;
  margin: 0 2% 25px 2%;
  float: left;
  position: relative;
}
#overview .invoice-wrapper:first-child {
  margin-left: 0;
}
#overview .invoice-wrapper:last-child {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  #overview .invoice-mini .total-text {
    margin-top: 32px;
  }
  #overview .invoice-mini .meta-inner {
    display: none;
  }
}
.invisible-link {
  transition: background 0.2s ease;
  text-decoration: none;
  color: #3d3c40;
}
.invisible-link:hover {
  text-decoration: underline;
}
.choose-type {
  font-size: 0;
  background: #eee;
  border-radius: 4px;
  display: inline-block;
  padding: 3px;
}
.choose-type--long span::after {
  height: 75%;
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
  content: '';
}
.choose-type--long span:last-child:after {
  display: none;
}
.choose-type--long.active span:after {
  display: none;
}
.choose-type--short span {
  font-size: 13px;
}
.choose-type--full {
  width: 100%;
}
.choose-type--full span {
  width: 50%;
  text-align: center;
}
.choose-type--minimal {
  background: transparent;
  width: 100%;
}
.choose-type--minimal span {
  font-size: 13px;
}
.choose-type--minimal span {
  width: 50%;
  text-align: center;
}
.choose-type--minimal span {
  background: transparent;
  border-radius: 0;
}
.choose-type--minimal .choose-type--active {
  background: transparent;
  color: #000;
  border-bottom: 2px solid #777;
}
.choose-type__type {
  font-size: 16px;
  color: #90A4AF;
  padding: 5px 20px;
  background: #eee;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.choose-type--active {
  color: #243137;
  background: #fff;
}
.app-message {
  background: #57e089;
  padding: 10px 20px;
  color: #fff;
  position: relative;
}
.app-message.error {
  background: #f00;
}
.app-message.info {
  background: #3b8aff;
}
.app-message.warning {
  background: #fff5bb;
  color: rgba(0, 0, 0, 0.5);
}
.app-message.notice {
  background: #eee;
  color: #243137;
}
.app-message.large {
  font-size: 18px;
  color: #243137;
}
.app-message.full {
  width: 100%;
}
.app-message .close {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent url(../images/close-white.svg) no-repeat;
  background-size: 12px;
  opacity: 0.75;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.app-message .close:hover {
  opacity: 1;
}
.app-message .button {
  display: inline-block;
  color: #fff;
}
.sending-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.97);
  text-align: center;
  z-index: 2;
}
.sending-overlay div {
  height: 50px;
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0;
  padding-top: 25px;
  background: transparent url(../images/button-loading-dark.svg) no-repeat center top;
  background-size: 20px;
}
.send-invoice {
  max-width: 600px;
}
.send-invoice label {
  font-weight: 600;
  color: #333;
  margin-bottom: 0.25rem;
}
.send-invoice__message {
  margin: 2rem 0;
}
.send-invoice__message .ck.ck-editor {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.send-invoice__message .ck.ck-toolbar {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.025) !important;
}
.send-invoice__message .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border: none;
}
.send-invoice__message [contenteditable] {
  box-shadow: none;
  margin: 0;
}
.send-invoice__emails-wrapper .choices__inner {
  padding: 0 0.5rem;
  box-shadow: none;
}
.send-invoice__emails-wrapper .choices__input.choices__input--cloned {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  display: inline !important;
  width: 10px;
}
.send-invoice__emails-wrapper .choices__list--multiple .choices__item {
  background: #eee;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 2px 0.5rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  font-weight: 400;
}
#email-setup-wizard {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#email-setup-wizard:before,
#email-setup-wizard:after {
  content: " ";
  display: table;
}
#email-setup-wizard:after {
  clear: both;
}
#email-setup-wizard .close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-left: 16px;
  background: transparent url(../images/close.svg) no-repeat 0 center;
  background-size: 12px;
  z-index: 999;
  cursor: pointer;
  font-size: 12px;
}
#email-setup-wizard .wizard {
  display: none;
}
#email-setup-wizard.wizard-active .overview {
  display: none;
}
#email-setup-wizard.wizard-active .wizard {
  display: block;
}
#email-setup-wizard hr {
  margin: 40px 0;
}
#email-setup-wizard .email-debugging {
  float: right;
}
#email-setup-wizard .email-debugging .disable-debugging {
  display: none;
}
#email-setup-wizard .debugging-enabled-message {
  display: none;
}
#email-setup-wizard.debugging-enabled .enable-debugging {
  display: none;
}
#email-setup-wizard.debugging-enabled .disable-debugging {
  display: inline-block;
}
#email-setup-wizard.debugging-enabled .debugging-enabled-message {
  display: block;
}
#email-setup-wizard .columns {
  float: left;
}
#email-setup-wizard .medium-2 {
  width: 16.66667%;
}
#email-setup-wizard .medium-10 {
  width: 83.33333%;
}
#email-setup-wizard .vertical.tabs {
  border: none;
  background: transparent;
}
#email-setup-wizard .vertical.tabs .is-active {
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right-width: 0;
  background: #fff !important;
}
#email-setup-wizard .vertical.tabs li a {
  color: #243137;
  background: transparent;
}
#email-setup-wizard .vertical.tabs li a:hover {
  background: transparent;
}
#email-setup-wizard .vertical-tabs-column {
  position: relative;
  z-index: 1;
}
#email-setup-wizard .vertical-tabs-content .tabs-content {
  position: relative;
  z-index: 0;
  border: 1px solid rgba(0, 0, 9, 0.1);
  margin-left: -1px;
}
#email-setup-wizard .vertical-tabs-content .tabs-panel {
  padding: 20px 40px 40px 40px;
  min-height: 300px;
  display: none;
}
#email-setup-wizard .vertical-tabs-content .tabs-panel.is-active {
  display: block;
}
#email-setup-wizard [type=submit] {
  border: none;
  background-color: #4c7ff0;
  background-color: #4b97ff;
  color: #fff;
  width: 100%;
}
#email-connection-method-changed {
  text-align: center;
  padding: 20px;
}
#email-connection-method-changed h4 {
  margin-bottom: 40px;
}
.server-response-modal .modal {
  width: 80vw;
  height: 80vh;
}
.server-response-modal #server-response {
  height: 100%;
}
.server-response-modal #server-response.has-title h3 {
  top: -10px;
  position: relative;
  font-size: 1.4375rem;
}
.server-response-modal #server-response.has-title .server-response-inner {
  height: 88%;
}
.server-response-modal .server-response-inner {
  padding: 20px;
  font-size: 12px;
  background: #f3f3f3;
  color: #000;
  height: 100%;
  overflow: auto;
}
.entity-discussion {
  height: 100%;
  min-height: 300px;
  overflow: hidden;
  padding: 20px 20px 82px 20px;
  position: relative;
  max-height: 100%;
}
.entity-discussion .empty-text {
  text-align: center;
  font-style: italic;
  color: #90A4AF;
  display: none;
}
.entity-discussion .discussion-outer {
  height: 100%;
  position: relative;
}
.entity-discussion .discussion-outer:after {
  content: ' ';
  width: 80%;
  height: 5px;
  display: block;
  -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 50%, transparent 100%);
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 10%;
}
.entity-discussion .discussion-outer.top:after {
  display: none;
}
.entity-discussion .messages-list {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.entity-discussion .not-logged-in {
  display: block;
  color: #444444;
  text-align: center;
  cursor: pointer;
  padding: 20px 88px;
  font-size: 14px;
  line-height: 1.2;
}
.entity-discussion .not-logged-in:hover {
  text-decoration: underline;
}
.entity-discussion .message-file {
  color: #90A4AF;
  cursor: pointer;
}
.entity-discussion .message-main {
  display: block;
  background: #eee;
  padding: 0.5rem !important;
  margin: 0.5rem 1rem 0.5rem 45px;
  border-radius: 4px;
  width: auto !important;
}
.entity-discussion .message-files {
  margin-bottom: 0 !important;
}
.entity-discussion--logged-out {
  padding: 0 0 0 10px;
}
.discussion-active .empty-text {
  display: block;
}
.new-message-wrapper {
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 20px;
  width: 100%;
}
.new-message-wrapper.sending-message .message-sending-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5) url(../images/message-saving.gif) no-repeat;
  background-size: 20px;
  background-position: right 11px center;
  height: 100%;
  width: 100%;
}
.new-message-wrapper.sending-message .attach-files {
  background: none;
}
.new-message-wrapper .message-space {
  position: relative;
}
.new-message-wrapper textarea {
  height: 50px;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 3px;
}
.new-message-wrapper textarea[disabled] {
  background: #fefefe;
}
.new-message-wrapper textarea:active,
.new-message-wrapper textarea:focus {
  outline: none;
}
.new-message-wrapper #message-file-name-space {
  height: 20px;
  border-top: none;
  display: none;
  position: relative;
}
.new-message-wrapper #message-file-name-space .remove-files {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 12px;
  width: 76px;
}
.new-message-wrapper .file-names-outer {
  margin-right: 100px;
}
.new-message-wrapper .file-names {
  position: relative;
  width: 100%;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.new-message-wrapper .file-names span {
  padding: 0 10px;
  line-height: 18px;
  height: 18px;
  margin: 0 5px 2px 0;
  background: #DFEDFF;
  border-radius: 4px;
}
.new-message-wrapper .attach-files {
  font-size: 12px;
  top: 1px;
  right: 1px;
  width: 40px;
  position: absolute;
  padding: 2px 8px;
  height: 48px;
  line-height: 42px;
  cursor: pointer;
  background: #fff url(../images/paperclip.svg) no-repeat center center;
  background-size: 18px;
  border-radius: 0 4px 4px 0;
}
.new-message-wrapper .attach-files:after {
  content: '';
  height: 30px;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 10px;
}
.new-message-wrapper .attach-files span {
  font-size: 20px;
}
.new-message-wrapper .attach-files:hover {
  background-color: #fafafa;
}
.new-message-wrapper .message-files {
  font-size: 15px;
}
.new-message-wrapper .message-files .icon {
  font-size: 12px !important;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.new-message-wrapper.has-files {
  height: 80px;
}
.new-message-wrapper.has-files #message-file-name-space {
  display: block;
}
.user-messages-section .user-link {
  line-height: 32px;
  margin-left: 18px;
  font-weight: bold;
  color: #3d3c40;
  display: inline-block;
  vertical-align: top;
}
#messages-list .message {
  position: relative;
  padding: 0;
  list-style: none;
}
#messages-list .message:first-child {
  margin-top: 0;
}
#messages-list .message .message-contents {
  position: relative;
  font-size: 0;
}
#messages-list .message .message-main {
  width: 100%;
  display: inline-block;
  padding-left: 45px;
  vertical-align: top;
  font-size: 14px;
}
#messages-list .message .message-text-inner {
  padding-top: 3px;
  color: #000;
}
#messages-list .message pre {
  color: #3d3c40;
  line-height: 1.3;
  margin: 0;
  white-space: pre-wrap;
}
#messages-list .message .message-meta {
  width: 24%;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  display: none;
}
#messages-list .message .message-date {
  color: #aaa;
  display: block;
  margin-top: 2px;
  font-size: 12px;
}
#messages-list .message-files {
  margin-bottom: 20px;
}
#messages-list .message-files > div {
  font-size: 13px;
  padding-left: 20px;
  background: transparent url(../images/message-file.svg) no-repeat 0 center;
  background-size: 14px;
}
.file-notification {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 100, 0.15);
  padding: 0 40px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  bottom: 0;
  right: 0;
  z-index: 999;
  position: absolute;
  font-size: 80%;
  border-radius: 2px;
}
.file-notification .title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
}
.project-discussion {
  margin-top: -10px !important;
  margin-bottom: 0 !important;
}
[data-template=invoice-details] {
  background: #fff;
}
.invoice-mini,
.estimate-mini {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.03);
  border-radius: 0x;
  z-index: 2;
  cursor: pointer;
  transition: all 0.2s ease;
  font-smoothing: antialiased !important;
  display: block;
}
.invoice-mini:hover,
.estimate-mini:hover {
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.04);
  border: 1px solid #00b6fc;
  outline: 1px solid #00b6fc;
  transform: translateY(-3px);
}
.invoice-mini:after,
.estimate-mini:after {
  display: block;
  content: '';
  padding-top: 130%;
}
.invoice-mini__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.invoice-mini__inner > div:not(.corner) {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.invoice-mini__meta {
  width: 100%;
  color: #90A4AF;
  font-size: 0.8rem;
  line-height: 1.4;
  padding-bottom: 1.2rem;
}
.invoice-mini__status {
  width: 100%;
  padding: 10px 30px;
  background: #EDFAF0;
  color: #46CA6C;
}
.invoice-mini__client {
  color: #90A4AF;
  max-width: 90%;
  padding-top: 1.2rem;
}
.invoice-mini__meta-icons {
  position: absolute;
  right: 20px;
  bottom: 20px;
  opacity: 0.3;
}
.invoice-mini__meta-icons > div {
  height: 20px;
  width: 20px;
  background-size: 14px;
  margin-top: 8px;
}
.invoice-mini__has-comments {
  background: transparent url(../images/comments.svg) center center no-repeat;
  background-size: 18px !important;
}
.invoice-mini__is-recurring {
  background: transparent url(../images/recurring.svg) center center no-repeat;
}
.invoice-mini__total-text {
  margin-bottom: 4px;
  font-size: 0.65;
  color: #90A4AF;
  text-transform: uppercase;
  text-align: center;
}
.invoice-mini__amount {
  color: #243137;
  font-size: 30px;
  line-height: 26px;
  text-align: center;
  margin-left: -20px;
  font-weight: 600;
  letter-spacing: -1px;
}
.invoice-mini__amount span {
  font-size: 16px;
  line-height: 16px;
  padding-left: 4px;
  padding-right: 4px;
}
.invoice-mini__corner {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  width: 0;
  height: 0;
  border-top: 70px solid #EDFAF0;
  border-left: 70px solid transparent;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-color: #E5F9FA;
}
.small-invoices .invoice-mini {
  font-size: 14px;
}
.small-invoices .invoice-mini__corner {
  border-top-width: 60px;
  border-left-width: 60px;
}
.small-invoices .invoice-mini__corner .text {
  transform: translate(-48px, -44px) rotate(45deg);
  width: 60px;
  font-size: 0.5em;
}
.small-invoices .invoice-mini__invoice-inner {
  padding: 20px 20px;
}
.small-invoices .invoice-mini__meta {
  padding: 20px;
}
.small-invoices .invoice-mini__total-text {
  margin-top: 10px;
}
.small-invoices .invoice-mini__amount {
  font-size: 20px;
  line-height: 20px;
}
.invoice-mini[data-type=estimate] .corner {
  width: 140px;
  border: 3px solid rgba(138, 138, 138, 0.64);
  height: 52px;
  top: 40px;
  right: 40px;
  background: #fff;
  width: 75px;
  display: inline-block;
  border: none;
  border-right: 5px solid #ccc;
  padding: 5px 10px 5px 0;
  height: 46px;
  top: 15px;
  right: 0;
  font-size: 12px;
}
.invoice-mini[data-type=estimate] .corner .type-text {
  margin-top: 3px;
  color: rgba(138, 138, 138, 0.64);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
}
.invoice-mini[data-type=estimate] .corner .text {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: rgba(138, 138, 138, 0.64);
  letter-spacing: 0;
  width: 100%;
  font-size: 12px;
  font-size: inherit;
  font-weight: normal;
  text-transform: none;
}
.invoice-mini[data-type=estimate] .corner.rejected {
  border-color: rgba(253, 110, 95, 0.81);
}
.invoice-mini[data-type=estimate] .corner.rejected .corner__text,
.invoice-mini[data-type=estimate] .corner.rejected .estimate-text,
.invoice-mini[data-type=estimate] .corner.rejected .type-text {
  color: rgba(253, 110, 95, 0.81);
}
.invoice-mini[data-type=estimate] .corner.approved {
  border-color: rgba(110, 203, 221, 0.79);
}
.invoice-mini[data-type=estimate] .corner.approved .corner__text,
.invoice-mini[data-type=estimate] .corner.approved .estimate-text,
.invoice-mini[data-type=estimate] .corner.approved .type-text {
  color: rgba(110, 203, 221, 0.79);
}
.invoice-mini[data-type=estimate] .corner__text,
.invoice-mini[data-type=estimate] .corner__type-text {
  line-height: 1.4;
  margin: 0;
  padding: 0;
  text-align: right;
  display: block;
}
.invoice-mini[data-type=estimate] .corner__type-text {
  color: #333;
}
.invoice-mini[data-type=estimate] .corner__text {
  transform: none !important;
  width: auto;
}
.invoice-mini[data-type=estimate] .invoice-mini__due {
  display: none;
}
.estimate {
  padding-bottom: 80px;
}
.estimate .invoice-due-date,
.estimate .invoice-terms {
  display: none;
}
.estimate-corner {
  width: 140px;
  border: 3px solid rgba(138, 138, 138, 0.64);
  height: 52px;
  top: 40px;
  right: 40px;
  background: #fff;
}
.estimate-corner .type-text {
  margin-top: 3px;
  color: rgba(138, 138, 138, 0.64);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
}
.estimate-corner .text {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: rgba(138, 138, 138, 0.64);
  letter-spacing: 0;
  width: 100%;
  font-size: 12px;
  font-size: inherit;
  font-weight: normal;
  text-transform: none;
}
.estimate-corner.rejected {
  border-color: rgba(253, 110, 95, 0.81);
}
.estimate-corner.rejected .corner__text,
.estimate-corner.rejected .estimate-text,
.estimate-corner.rejected .type-text {
  color: rgba(253, 110, 95, 0.81);
}
.estimate-corner.approved {
  border-color: rgba(110, 203, 221, 0.79);
}
.estimate-corner.approved .corner__text,
.estimate-corner.approved .estimate-text,
.estimate-corner.approved .type-text {
  color: rgba(110, 203, 221, 0.79);
}
.estimate-wrapper .invoice .corner {
  width: 140px;
  border: 3px solid rgba(138, 138, 138, 0.64);
  height: 52px;
  top: 40px;
  right: 40px;
  background: #fff;
}
.estimate-wrapper .invoice .corner .type-text {
  margin-top: 3px;
  color: rgba(138, 138, 138, 0.64);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
}
.estimate-wrapper .invoice .corner .text {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: rgba(138, 138, 138, 0.64);
  letter-spacing: 0;
  width: 100%;
  font-size: 12px;
  font-size: inherit;
  font-weight: normal;
  text-transform: none;
}
.estimate-wrapper .invoice .corner.rejected {
  border-color: rgba(253, 110, 95, 0.81);
}
.estimate-wrapper .invoice .corner.rejected .corner__text,
.estimate-wrapper .invoice .corner.rejected .estimate-text,
.estimate-wrapper .invoice .corner.rejected .type-text {
  color: rgba(253, 110, 95, 0.81);
}
.estimate-wrapper .invoice .corner.approved {
  border-color: rgba(110, 203, 221, 0.79);
}
.estimate-wrapper .invoice .corner.approved .corner__text,
.estimate-wrapper .invoice .corner.approved .estimate-text,
.estimate-wrapper .invoice .corner.approved .type-text {
  color: rgba(110, 203, 221, 0.79);
}
.invoices-list {
  position: relative;
  width: 100%;
  overflow: auto;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
}
.invoices-list:before,
.invoices-list:after {
  content: " ";
  display: table;
}
.invoices-list:after {
  clear: both;
}
.invoices-list .small-title {
  margin-left: 2%;
}
.invoices-list .invoice-wrapper,
.invoices-list .estimate-wrapper {
  width: 21%;
  margin: 25px 2%;
  position: relative;
  max-width: 13rem;
  background: none;
}
.invoices-list .invoice-wrapper:before,
.invoices-list .estimate-wrapper:before,
.invoices-list .invoice-wrapper:after,
.invoices-list .estimate-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.invoices-list .invoice-wrapper:after,
.invoices-list .estimate-wrapper:after {
  clear: both;
}
.invoices-list #recent-estimates {
  display: none;
}
.invoices-list .all-estimates-link {
  display: none;
}
.invoices-list.showing-estimates #recent-estimates {
  display: flex;
}
.invoices-list.showing-estimates #recent-invoices {
  display: none;
}
.invoices-list.showing-estimates .all-estimates-link {
  display: inline-block;
}
.invoices-list.showing-estimates .all-invoices-link {
  display: none;
}
.invoices-list__num-additional,
.projects-list__num-additional {
  text-align: center;
  width: 100%;
}
.invoices-list__num-additional div,
.projects-list__num-additional div {
  display: inline-block;
  cursor: pointer;
  padding: 0.25rem 1rem;
  margin: 0 0 1rem 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
}
.invoices-list__num-additional:hover,
.projects-list__num-additional:hover {
  text-decoration: underline;
}
.invoices-list-wrapper,
.projects-list-wrapper {
  position: relative;
}
.invoice-items,
.estimate-items {
  display: flex;
  flex-wrap: wrap;
}
.raised-panel {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px !important;
  background: #fff;
}
.page {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding: 0 40px 60px 40px;
}
.page .page-title {
  color: #000;
}
.page .page-title .buttons {
  float: right;
}
.page .page-title.has-buttons {
  margin-bottom: 20px;
  line-height: 40px;
}
.page .page-title span {
  padding-left: 10px;
}
.page .page-title .button {
  padding: 8px 15px;
}
.page form {
  max-width: 500px;
  margin: 0 auto;
}
.page .new-entity {
  float: right;
  display: inline-block;
}
.full-white-page {
  background: #fff;
  margin: 0 !important;
  padding-top: 0 !important;
  overflow: hidden;
  min-height: 100%;
  max-width: 100%;
}
.user-details-page {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px !important;
  background: #fff;
  margin-top: 60px !important;
}
.user-details-page .user-image {
  width: auto;
  height: auto;
}
.user-details-page h4 {
  margin: 0;
}
.user-details-page ul {
  list-style: none;
  margin: 2rem 0 0 0;
}
.user-details-page .user-details {
  padding-left: 40px;
}
.user-details-page .button {
  background: transparent;
}
.user-details-page__inner {
  display: flex;
  padding: 2rem;
}
.user-details-page__user-image {
  margin-right: 2rem;
}
.user-details-page__user-information {
  padding-right: 2rem;
}
.user-image-inner {
  width: 16rem;
}
.user-image-inner img {
  width: 100%;
}
.invoices-line-items,
.projects-line-items {
  list-style: none;
  margin: 0;
  border-bottom: 1px dotted #e1e6ef;
}
.invoices-line-items a,
.projects-line-items a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.invoices-line-items a > div,
.projects-line-items a > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invoices-line-items li,
.projects-line-items li {
  list-style: none;
  position: relative;
  cursor: pointer;
  padding: 0 10px;
}
.invoices-line-items li:before,
.projects-line-items li:before,
.invoices-line-items li:after,
.projects-line-items li:after {
  content: " ";
  display: table;
}
.invoices-line-items li:after,
.projects-line-items li:after {
  clear: both;
}
.invoices-line-items li > div,
.projects-line-items li > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invoices-line-items li:last-child,
.projects-line-items li:last-child {
  border-bottom: none;
}
.invoices-line-items li:hover,
.projects-line-items li:hover {
  font-weight: bold;
  background: #fff;
}
.invoices-line-items a,
.projects-line-items a {
  display: flex;
  height: 50px;
  line-height: 50px;
  align-items: center;
}
.invoices-line-items .invoice-status:after,
.projects-line-items .invoice-status:after {
  height: 1rem;
  width: 1rem;
  background: #ccc;
  border-radius: 4px;
  content: ' ';
  position: relative;
  display: block;
}
.invoices-line-items .invoice-status,
.projects-line-items .invoice-status {
  width: 30px;
}
.invoices-line-items .invoice-status span,
.projects-line-items .invoice-status span {
  display: none;
}
.invoices-line-items .invoice-client,
.projects-line-items .invoice-client {
  width: 40%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invoices-line-items .invoice-due-date,
.projects-line-items .invoice-due-date,
.invoices-line-items .invoice-total,
.projects-line-items .invoice-total {
  width: 20%;
  text-align: right;
}
.invoices-line-items .invoice-number,
.projects-line-items .invoice-number {
  width: 10%;
}
.invoices-line-items .invoice-status:after,
.projects-line-items .invoice-status:after {
  background-color: #3886dc;
}
.invoices-line-items .overdue .invoice-status:after,
.projects-line-items .overdue .invoice-status:after {
  background-color: #E96267;
}
.invoices-line-items .paid .invoice-status:after,
.projects-line-items .paid .invoice-status:after {
  background-color: #46CA6C;
}
.invoices-line-items .draft .invoice-status:after,
.projects-line-items .draft .invoice-status:after {
  background-color: rgba(138, 138, 138, 0.84);
}
.invoices-line-items .list-main-header,
.projects-line-items .list-main-header {
  display: none;
}
.invoices-line-items .empty-list,
.projects-line-items .empty-list {
  text-align: center;
  font-weight: normal;
  line-height: 50px;
  padding: 4rem;
}
.projects-line-items .project-status {
  width: 30px;
}
.projects-line-items .project-status span {
  display: none;
}
.projects-line-items .project-status:after {
  height: 1rem;
  width: 1rem;
  background-color: #3886dc;
  border-radius: 4px;
  content: ' ';
  position: relative;
  display: block;
}
.projects-line-items .overdue .project-status:after,
.projects-line-items .behind-schedule .project-status:after {
  background-color: #E96267;
}
.projects-line-items .project-name {
  width: 50%;
}
.projects-line-items .project-client {
  width: 30%;
}
.projects-line-items .project-progress {
  width: 10%;
}
.public-link-popup {
  word-break: break-word;
}
.public-link-popup textarea {
  border: none;
  background: none;
  padding: 0;
}
.public-link-popup textarea:focus {
  outline: none;
  border: none;
}
.public-link-popup .inline-message {
  display: none;
}
.public-link-popup.copied .inline-message {
  display: initial;
}
.recurring-invoices-line-items .profile-name,
.recurring-invoices-line-items .frequency,
.recurring-invoices-line-items .next-invoice {
  width: 25%;
}
.recurring-invoices-line-items .total,
.recurring-invoices-line-items .status {
  width: 12%;
}
.recurring-invoices-line-items .status {
  color: #00bd00;
}
.recurring-invoices-line-items .recurring-invoice--stopped {
  color: #999;
}
#recurring-invoice .invoice {
  max-width: 550px;
}
#recurring-invoice .invoice-meta-wrapper {
  width: 450px;
}
#recurring-invoice .recurring-invoice-details {
  max-width: 1000px;
  margin: 0 auto 20px auto;
  padding: 20px;
  border: 1px solid #e1e6ef;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  background: #fff;
}
#recurring-invoice .recurring-invoice-details .buttons {
  text-align: right;
}
#recurring-invoice .recurring-invoice-details .buttons .text-button {
  display: inline-block;
}
#recurring-invoice h5 {
  color: #90A4AF;
}
#recurring-invoice h6 {
  color: #444444;
  padding-left: 20px;
}
#recurring-invoice .invoices-line-items .invoice-client {
  display: none;
}
#recurring-invoice .invoices-line-items .invoice-total,
#recurring-invoice .invoices-line-items .invoice-due-date,
#recurring-invoice .invoices-line-items .invoice-number {
  width: 30%;
}
#recurring-invoice .invoices-line-items .invoice-due-date {
  text-align: right;
}
#recurring-invoice .start-wrapper {
  display: none !important;
}
#recurring-invoice.stopped .stop-wrapper {
  display: none !important;
}
#recurring-invoice.stopped .start-wrapper {
  display: block !important;
}
#recurring-invoice .stopped-text {
  color: #c64058;
}
#recurring-invoice .edit {
  margin-bottom: 10px;
}
#recurring-invoice .invoice .invoice-meta,
#recurring-invoice .invoice .invoice-due-date {
  display: none;
}
#recurring-invoice .empty-invoices .description,
#recurring-invoice .empty-invoices .create {
  display: none;
}
#recurring-invoice .invoice-details-inner-wrapper {
  display: flex;
}
[data-template=projects-page] {
  background: #fff;
}
.projects-list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
}
.project-widget {
  cursor: pointer;
  width: 23%;
  padding: 0 0 2rem 0;
  padding: 0 0 100px 0;
  background: #fff;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04), -1px 1px 1px rgba(0, 0, 0, 0.045);
  border-radius: 0;
  position: relative;
}
.project-widget a {
  color: #3d3c40;
  text-decoration: none;
}
.project-widget:hover {
  background-color: #fffff6;
}
.project-widget .label-list {
  padding: 0.75rem 1rem 0 1rem;
}
.project-widget .label {
  margin-bottom: 0;
}
.project-widget--on-schedule .project-widget__progress {
  background-color: #4da6ff;
}
.project-widget--on-schedule .project-widget__status-text {
  color: #4da6ff;
}
.project-widget--at-risk .project-widget__progress {
  background-color: #ffa000;
}
.project-widget--at-risk .project-widget__status-text {
  color: #ffa000;
}
.project-widget--behind-schedule .project-widget__progress,
.project-widget--overdue .project-widget__progress {
  background-color: #E96267;
}
.project-widget--behind-schedule .project-widget__status-text,
.project-widget--overdue .project-widget__status-text {
  color: #E96267;
}
.project-widget--complete .project-widget__progress {
  background-color: #4fe07a;
}
.project-widget--complete .project-widget__status-text {
  color: #4fe07a;
}
.project-widget__title {
  width: 100%;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  color: #000;
  min-height: 10rem;
  background: #fafafa;
  background: #faf8f3;
  display: flex;
  flex-direction: column;
}
.project-widget__title h3 {
  font-weight: 600;
  color: #000;
  font-size: 1rem;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
}
.project-widget__title h6 {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #777;
  margin: 0;
}
.project-widget--has-color .project-widget__title h3 {
  color: #fff;
}
.project-widget--has-color .project-widget__title h6 {
  color: rgba(255, 255, 255, 0.8);
}
.project-widget--has-color .project-widget__title .project-widget__due-date-text {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  padding: 2px 4px;
}
.project-widget__cover-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: 0;
  display: none;
}
.project-widget__cover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent 100px);
  display: none;
}
.project-widget--has-cover-image > .project-widget__title {
  position: relative;
  z-index: 1;
}
.project-widget__bottom {
  color: #666;
  /* font-size: 12px; */
  padding: 1rem 0.5rem;
  background-color: #fff;
  border-radius: 2px;
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: -1rem;
  bottom: 1rem;
  left: 5%;
}
.project-widget__subtitle {
  display: flex;
  margin-top: auto;
}
.project-widget__subtitle > * {
  flex: 1 1 50%;
}
.project-widget__due-date {
  text-align: right;
}
.project-widget__due-date-label {
  text-transform: none;
}
.project-widget__due-date-text {
  padding: 2px 4px;
  border-radius: 3px;
  color: #333;
  font-weight: 500;
}
.project-widget__client-name {
  padding-top: 2px;
}
.project-widget__meta {
  text-align: right;
}
.project-widget__meta p {
  margin-bottom: 5px;
  color: #888;
}
.project-widget__meta p span {
  float: right;
}
.project-widget__meta-stat {
  color: #000;
  font-size: 0.65rem;
  display: inline-block;
  padding-left: 1rem;
  background: transparent url(../images/checked.svg) no-repeat left center / 0.6rem;
  margin-left: auto;
}
.project-widget__progress-bar {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #eee;
  position: relative;
}
.project-widget__progress {
  position: absolute;
  height: 100%;
  border-radius: 6px;
  background: #bbb;
}
.project-widget__status-text {
  opacity: 0.75;
  margin-top: 0.5rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  display: flex;
}
.project-widget__choose-color {
  height: 1.4rem;
  width: 1.4rem;
  position: absolute;
  top: 1rem;
  right: 0.75rem;
  background: transparent url(../images/color-circle.svg) no-repeat center center / 1.2rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.project-widget .entity-color-manager {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.project-widget:hover .project-widget__choose-color {
  opacity: 1;
}
.entity-list-page {
  max-width: 1000px;
  margin: 0 auto;
}
.entity-list-page:before,
.entity-list-page:after {
  content: " ";
  display: table;
}
.entity-list-page:after {
  clear: both;
}
.entity-list-page .entity:nth-child(6n + 1) .client-icon {
  background: #998ce3;
  color: #fff;
}
.entity-list-page .entity:nth-child(6n + 2) .client-icon {
  background: #6aedc7;
  color: #fff;
}
.entity-list-page .entity:nth-child(6n + 3) .client-icon {
  background: #ffa71a;
  color: #fff;
}
.entity-list-page .entity:nth-child(6n + 4) .client-icon {
  background: #39c2c9;
  color: #fff;
}
.entity-list-page .entity:nth-child(6n + 5) .client-icon {
  background: #8FDAD8;
  color: #fff;
}
.entity-list-page .entity:nth-child(6n + 6) .client-icon {
  background: #f866b9;
  color: #fff;
}
.entity-list-page .user-image {
  height: 3rem;
  width: 3rem;
}
.entity-list-page__list {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px !important;
  background: #fff;
  padding: 1rem 3rem;
}
.entity-list-page__list-item {
  display: flex;
  align-items: center;
  padding: 30px 20px;
  position: relative;
  cursor: pointer;
  border-color: transparent;
  transition: all 0.2s ease;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  background: #fff;
}
.entity-list-page__list-item:hover {
  background: rgba(42, 160, 255, 0.05);
  text-decoration: none;
}
.entity-list-page__list-item:last-child {
  border-bottom: none;
}
.entity-list-page__list-item .entity-info {
  line-height: 1;
  margin-top: 0;
}
.entity-list-page__list-item h5 {
  color: #243137;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 400;
}
.entity-list-page__list-item h6 {
  color: #90A4AF;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}
.entity-list-page__entity-details,
.entity-list-page__entity-meta {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding: 0 2rem;
}
.entity-list-page__entity-meta {
  color: #90A4AF;
  display: flex;
}
.entity-list-page__entity-meta:before,
.entity-list-page__entity-meta:after {
  content: " ";
  display: table;
}
.entity-list-page__entity-meta:after {
  clear: both;
}
.entity-list-page__entity-meta > div {
  width: 50%;
  float: left;
  padding-right: 10px;
  font-size: 15px;
}
.client-page {
  background: #fff;
  padding: 2.5rem;
}
.client-page hr {
  margin-top: 40px;
}
.client-page .user-email {
  font-size: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.client-page h3 {
  margin-top: 0;
}
.client-page h3,
.client-page h4 {
  margin-bottom: 0.8rem;
  line-height: 1;
}
.client-page .invoices-line-items,
.client-page .projects-line-items {
  display: none;
}
.client-page .invoices-line-items.showing,
.client-page .projects-line-items.showing {
  display: block;
}
.client-page .invoices-line-items .empty-list {
  display: none;
}
.client-page__invoices-list,
.client-page__projects-list {
  background: #f7f9fa;
  border-radius: 8px;
  padding: 6px 0;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.client-page__invoices-list .project-widget,
.client-page__projects-list .project-widget {
  margin: 2%;
  width: 21%;
}
.client-page__actions {
  position: absolute;
  top: 0;
  right: 40px;
}
.client-page__info {
  display: flex;
}
.client-page__details {
  padding-left: 2rem;
  position: relative;
  flex-grow: 1;
}
.client-page__details:before,
.client-page__details:after {
  content: " ";
  display: table;
}
.client-page__details:after {
  clear: both;
}
.client-page__meta-1,
.client-page__meta-2,
.client-page__meta-3 {
  width: 50%;
  float: left;
  padding-top: 40px;
}
.client-page__meta-1 > div,
.client-page__meta-2 > div,
.client-page__meta-3 > div {
  margin-bottom: 10px;
}
.client-page__meta-3 {
  width: 20%;
}
.client-page__meta-1 > div {
  padding-left: 30px;
  background: transparent no-repeat left 5px;
  background-size: 16px;
}
.client-page__meta-1 .email {
  background-image: url(../images/email.svg);
}
.client-page__meta-1 .phone {
  background-image: url(../images/phone.svg);
}
.client-page__meta-1 .address {
  background-image: url(../images/address.svg);
}
.client-page__meta-2 .num-invoices,
.client-page__meta-3 .num-invoices,
.client-page__meta-2 .title,
.client-page__meta-3 .title {
  color: #90A4AF;
}
.client-page__user {
  display: flex;
}
.client-page__user .client-icon {
  margin-right: 0.5rem;
}
.client-icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 50%;
  background: #6aedc7;
  color: #fff;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
}
.client-icon--small {
  height: 2rem;
  width: 2rem;
  flex: 0 0 2rem;
  line-height: 2rem;
  font-size: 0.6rem;
}
.empty-invoices,
.empty-estimates,
.empty-entity {
  margin-top: 3rem;
  width: 100%;
  background: transparent url(../images/empty-entity.png) no-repeat center top;
  background-size: 205px;
  text-align: center;
  padding-top: 100px;
}
.empty-invoices p,
.empty-estimates p,
.empty-entity p {
  margin-bottom: 5px;
}
.empty-invoices .button,
.empty-estimates .button,
.empty-entity .button {
  margin-top: 1rem;
}
#send-invoice form {
  padding-bottom: 0;
}
#send-invoice form .message {
  height: 120px;
  overflow-y: auto;
}
.select-task-list-item > span {
  padding: 5px;
}
.select-task-list-item .task {
  display: inline-block;
  width: 70%;
}
.select-task-list-item .project {
  display: inline-block;
  width: 30%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.time-input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.time-input:before,
.time-input:after {
  content: " ";
  display: table;
}
.time-input:after {
  clear: both;
}
.time-input input {
  width: 50%;
  border: none;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0;
  position: relative;
}
.time-input input:first-child {
  padding-right: 5px;
}
.time-input input:last-child {
  padding-left: 5px;
}
.time-input .colon {
  height: 39px;
  line-height: 37px;
  width: 2px;
  display: block;
  position: absolute;
  top: 0;
  right: 54%;
  z-index: 9;
  font-weight: bold;
  margin-left: -2px;
  font-size: 150%;
  opacity: 0.7;
}
#time-entry-form .main-details > .row {
  margin-bottom: 20px;
}
#time-entry-form .main-details > .row:last-child {
  margin-bottom: 0;
}
#time-entry-form .main-details > .row:last-child input {
  margin-bottom: 0 !important;
}
#time-entry-form textarea {
  height: 228px;
}
.form-time-entry-form-modal .modal {
  width: 650px;
}
.taxes-list {
  width: 400px;
  margin: 0 auto;
}
.taxes-list li {
  padding: 20px 0;
  position: relative;
  list-style: none;
}
.taxes-list .tax-description {
  color: #444444;
}
.taxes-list .tax-actions {
  position: absolute;
  top: 20px;
  right: 20px;
}
.taxes-list .edit-tax,
.taxes-list .delete-tax {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-right: 0 !important;
  cursor: pointer;
  background: transparent no-repeat 0 0;
  background-size: 16px;
  vertical-align: middle;
  opacity: 0.5;
}
.taxes-list .edit-tax:hover,
.taxes-list .delete-tax:hover {
  opacity: 1;
}
.taxes-list .edit-tax {
  background-image: url(../images/edit.svg);
}
.taxes-list .delete-tax {
  background-image: url(../images/delete.svg);
}
.taxes-list-header {
  width: 400px;
  margin: 0 auto 20px auto;
}
.flex-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fill-vertical-space {
  flex-grow: 1;
}
.screen-menu {
  display: flex;
  padding: 0 40px 0 40px;
  height: 60px;
  background: #f4f4f4;
}
.screen-menu a {
  color: inherit;
}
.screen-menu--with-color {
  background: #49a9f9;
  color: #fff;
}
.screen-menu--with-color a {
  color: inherit;
}
.screen-menu__title {
  margin: 0 0 0.15rem 0;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 25vw;
}
.screen-menu__section {
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
}
.screen-menu__section--right {
  display: flex;
  justify-content: flex-end;
}
.screen-menu__dropdown {
  height: 1rem;
  width: 1rem;
  background: transparent url(../images/arrow-down.svg) no-repeat center center / 0.7rem;
  display: inline-block;
  margin: 0 0.5rem !important;
}
.screen-menu--with-color .screen-menu__dropdown {
  background-image: url(../images/arrow-down-white.svg);
}
.project-categories {
  display: flex;
  list-style: none;
  margin: 0;
}
.project-categories__item {
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.8rem;
  color: inherit;
}
.project-categories__item:hover,
.project-categories__item.active {
  background: #ffffff;
}
.project-categories__item:hover a,
.project-categories__item.active a {
  text-decoration: none !important;
}
.screen-menu--with-color .project-categories__item:hover,
.screen-menu--with-color .project-categories__item.active {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.screen-menu--with-color .project-categories__item:hover a,
.screen-menu--with-color .project-categories__item.active a {
  text-decoration: none !important;
}
.project-actions {
  display: flex;
  font-size: 0.8rem;
  list-style: none;
  margin: 0;
}
.project-actions .dropdown-button-dropdown {
  right: auto;
  left: 0;
}
.project-actions .add-file-button {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.project-actions__item a {
  display: inline-block;
}
.project-actions__item a:hover {
  opacity: 1;
}
.project-management {
  list-style: none;
  margin-bottom: 0.15rem;
  background-image: url(../images/more.svg);
  background-size: 1.2rem;
  width: 1.2rem;
}
.project-management__item {
  background: transparent no-repeat 0.6rem center / 0.8rem;
  padding-left: 2rem !important;
  padding: 0 !important;
}
.project-management__item a {
  padding-left: 2rem !important;
}
.project-management__item:hover {
  opacity: 1;
}
.project-management__item--people {
  background-image: url(../images/project-team.svg);
}
.project-management__item--calendar {
  background-image: url(../images/project-calendar.svg);
}
.project-management__item--notes {
  background-image: url(../images/project-notes.svg);
}
.project-management__item--discussion {
  background-image: url(../images/project-discussion.svg);
}
.screen-menu--with-color .project-management {
  background-image: url(../images/more-white.svg);
}
.project-screen-manager {
  display: flex;
  min-height: 100%;
  height: 100%;
  flex-direction: column;
}
.project-screen {
  flex-grow: 1;
  max-height: 100%;
  overflow: auto;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
.project-screen > div {
  flex-grow: 1;
}
.secondary-menu-screen {
  max-height: 100%;
}
.secondary-menu-screen > div:not(.secondary-menu) {
  overflow: auto;
}
.reporting-page {
  display: flex;
}
.reporting-page label {
  display: block;
  margin-bottom: 0;
  color: #90A4AF;
}
.reporting-page #custom-date-range {
  display: none;
}
.reporting-page #custom-date-range.showing {
  display: block;
}
.reporting-page #custom-date-range .field {
  width: 49%;
  display: inline-block;
}
.reporting-page #reporting-filters > div {
  padding: 40px;
}
.reporting-page .background {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 1%, rgba(0, 0, 0, 0) 5%);
}
.reporting-page__filters {
  flex: 0 0 200px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.reporting-page__date-filter {
  width: 100%;
  margin-bottom: 0.8rem;
}
.reporting-page__date-filter .main-button {
  padding: 7px 15px;
  width: 100%;
}
.reporting-page__content {
  flex-grow: 1;
  max-width: 100%;
  padding: 2rem;
}
.reporting-page__chart {
  height: 500px;
}
.reporting-menu {
  display: flex;
}
.reporting-menu:before,
.reporting-menu:after {
  content: " ";
  display: table;
}
.reporting-menu:after {
  clear: both;
}
.reporting-menu > div {
  width: 50%;
}
.reporting-page__filters .screen-secondary-menu__menu-items {
  padding-bottom: 0;
}
.reporting-page__filter-text {
  text-align: right;
}
.reporting-page__filter-text > div {
  vertical-align: top;
}
.reporting-page__filter-title {
  display: inline-block;
  text-align: left;
  line-height: 1;
  margin-right: 10px;
  font-size: 14px;
  padding-top: 6px;
  color: #444444;
}
.reporting-page__filter-title .details {
  color: #90A4AF;
  padding-top: 3px;
}
.reporting-page__filter-controls {
  padding: 0 1.5rem 0 1.5rem;
}
.reporting-page__filter-controls .choices {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
.reporting-page__filter-controls .choices__inner {
  min-height: 2rem;
}
.reporting-page__filter-controls .field {
  padding-bottom: 1.5rem;
}
.reporting-page__filter-controls label {
  margin-bottom: 0.5rem;
}
.reporting-list .payments {
  display: none;
}
.reporting-list.showing-payments .invoices {
  display: none;
}
.reporting-list.showing-payments .payments {
  display: block;
}
.reporting-line-items {
  background: #fff;
  padding: 2rem;
}
.reporting-line-items .reporting-list {
  max-height: 600px;
  overflow: auto;
}
.reporting-line-items li {
  line-height: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.reporting-line-items-menu {
  padding-bottom: 1rem;
  display: flex;
}
.reporting-line-items-menu:before,
.reporting-line-items-menu:after {
  content: " ";
  display: table;
}
.reporting-line-items-menu:after {
  clear: both;
}
.reporting-line-items-menu > div {
  width: 50%;
}
.reporting-line-items-menu .download {
  text-align: right;
}
.reporting-line-items-menu .download .button {
  padding-left: 40px;
  background-image: url('../images/download.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 10px center !important;
}
.reporting-items .payments {
  display: none;
}
.reporting-items.showing-payments .invoices {
  display: none;
}
.reporting-items.showing-payments .payments {
  display: block;
}
.report-download-choose-type {
  text-align: center;
  padding: 20px;
}
.report-download-choose-type .button:first-child {
  margin-right: 20px;
}
.time-entries-line-items li {
  display: flex;
}
.time-entries-list__column {
  width: 20%;
  flex: 1 1 20%;
}
.time-report .invoices-line-items {
  display: none;
}
.time-report .choose-type {
  display: none;
}
.billing-report .time-entries-line-items {
  display: none;
}
.c3-tooltip {
  border-radius: 6px;
  overflow: hidden;
  border: none;
}
.c3-tooltip th {
  padding: 5px 5px;
  background-color: #2aa0ff;
}
.c3-tooltip td {
  padding: 8px 10px;
  border-left: none;
}
.placeholder-text {
  color: #9e9e9f !important;
  font-size: 0.9rem;
  font-weight: normal !important;
}
.edit-in-place {
  position: relative;
}
.edit-in-place textarea,
.edit-in-place input {
  background-color: inherit;
  border: none;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  margin: 0;
}
.edit-in-place textarea:active,
.edit-in-place input:active,
.edit-in-place textarea:focus,
.edit-in-place input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.edit-in-place textarea:hover,
.edit-in-place input:hover {
  background-color: rgba(33, 33, 33, 0.1);
}
.edit-in-place ::placeholder {
  color: #9e9e9f !important;
  font-size: 0.9rem;
  font-weight: normal !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.edit-in-place.saving {
  background-color: #efefef;
}
.edit-in-place--align-right textarea,
.edit-in-place--align-right input {
  text-align: right !important;
}
.edit-in-place--align-right:after {
  left: auto !important;
  right: 0 !important;
}
.quick-date-picker {
  position: absolute;
  z-index: 9999999;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  display: flex;
}
.quick-date-picker ul {
  list-style: none;
  width: auto;
  margin: 0;
  padding: 1rem;
}
.quick-date-picker .divider {
  height: 1px;
  margin: 0.5rem;
  padding: 0;
  background: rgba(0, 0, 0, 0.1) !important;
}
.quick-date-picker__header {
  display: flex;
  background: #fafafa;
  color: #777;
  justify-content: space-between;
  padding: 0 0.5rem;
  align-items: center;
}
.quick-date-picker__header h4 {
  font-size: 0.8rem;
}
.quick-date-picker__header span {
  font-size: 0.75rem;
  color: #00aeff;
  opacity: 0.9;
  cursor: pointer;
}
.quick-date-picker__header span:hover {
  text-decoration: underline;
}
.quick-date-picker__start-date-wrapper {
  display: none;
}
.quick-date-picker--pick-start-date .quick-date-picker__start-date-wrapper {
  display: block;
}
.quick-date-picker--pick-start-date .quick-date-picker__due-date-wrapper {
  display: none;
}
.quick-date-picker__date,
.quick-date-picker__pick-date {
  display: flex;
  padding: 0.4rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 3px;
}
.quick-date-picker__date:hover,
.quick-date-picker__pick-date:hover {
  background: rgba(0, 179, 244, 0.1);
}
.quick-date-picker__date-human {
  padding-left: 40px;
  margin-left: auto;
  color: #90A4AF;
}
.custom-date-picker {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: none;
}
.custom-date-picker.showing {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-date-picker__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 99;
  background: rgba(0, 0, 0, 0.1);
}
.custom-date-picker__window {
  height: 50vh;
  width: 50vw;
  min-height: 300px;
  padding: 2rem;
  display: flex;
  z-index: 100;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.custom-date-picker__window > div {
  position: relative;
  max-width: 50%;
  flex: 0 0 50%;
}
.custom-date-picker__picker-wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.custom-date-picker__picker-wrapper .picker__holder {
  outline: none !important;
  border: none;
  box-shadow: none;
  transform: none;
  font-size: 0.9rem;
  max-height: 25rem;
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}
.custom-date-picker__inputs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.custom-date-picker__inputs input {
  width: 60%;
}
.custom-date-picker__inputs input:first-child {
  margin-top: auto;
}
.custom-date-picker__buttons {
  margin-top: auto;
}
.custom-date-picker__start-date-button {
  display: none;
}
.quick-date-picker--pick-start-date .custom-date-picker__due-date-button {
  display: none;
}
.quick-date-picker--pick-start-date .custom-date-picker__start-date-button {
  display: inline-block;
}
.assign-task-users-list {
  margin: 0;
  list-style: none;
  width: 140px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.assign-task-users-list li {
  padding: 0.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.assign-task-users-list li:hover {
  background: rgba(0, 179, 255, 0.1);
  cursor: pointer;
}
.assign-task-users-list .user-image {
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem;
  display: inline-block;
}
.billable-product-list {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
.billable-product-list li {
  display: flex;
}
.billable-product-list__item:hover .billable-product-list__actions {
  opacity: 1;
}
.billable-product-list__item div {
  padding: 10px;
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease;
}
.billable-product-list__item-unit-price {
  margin-left: auto;
}
.billable-product-list__actions {
  vertical-align: top;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.billable-product-list__actions div {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
  display: inline-block;
  opacity: 0.5;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.billable-product-list__actions div:hover {
  opacity: 1;
}
.billable-product-list__edit {
  background-image: url(../images/edit.svg);
}
.billable-product-list__delete {
  background-image: url(../images/delete.svg);
}
.autocomplete-results {
  background: #fff;
  border: 1px solid #ccc;
  border-top-width: 0;
  border-bottom-width: 0;
  padding: 0;
  max-height: 120px;
  overflow-y: auto;
}
.autocomplete-results .autocomplete-result {
  line-height: 32px;
  padding: 0 10px;
}
.autocomplete-results .autocomplete-result span {
  font-weight: bold;
}
.autocomplete-results .autocomplete-result.highlighted {
  background: #ffffa0;
}
.autocomplete-results .autocomplete-result:last-child {
  border-bottom: 1px solid #ccc;
}
.primary-menu-mobile {
  display: none;
}
.primary-menu__branding {
  padding: 0 2rem;
  display: flex;
  align-items: center;
  color: #000;
}
.primary-menu__branding img {
  width: 26px;
  border-radius: 10px;
  margin-right: 0.5rem;
}
.primary-menu__favorites,
.primary-menu__alerts {
  position: relative;
}
.primary-menu__icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom 4px;
  background-size: 0.9rem;
  margin-right: 2rem;
  opacity: 0.85;
  cursor: pointer;
  transition: all 0.2s ease;
}
.primary-menu__icon:hover {
  background-size: 1.2rem;
}
.choices__inner {
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.choices__list--dropdown {
  min-width: 100px;
  z-index: 99999 !important;
}
[data-choice-disabled] {
  color: #000 !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
[data-choice-disabled]:hover {
  opacity: 1 !important;
  background: #fbfa72 !important;
}
.choices__list .choices__item {
  white-space: nowrap;
  background: transparent;
}
.choices__list .choices__item:after {
  display: none !important;
}
.choices__list--dropdown .choices__item--selectable {
  padding-right: 10px !important;
}
.stats-row {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 40px;
}
.stats-row:before,
.stats-row:after {
  content: " ";
  display: table;
}
.stats-row:after {
  clear: both;
}
.stats-row__amount {
  font-size: 2rem;
  color: #4b6cb8;
  line-height: 1;
  font-weight: bold;
}
.stats-row__amount span {
  font-size: 60%;
  vertical-align: top;
  padding-right: 4px;
  position: relative;
  font-weight: normal;
  top: 4px;
}
.stats-row__title {
  color: #90A4AF;
  margin-top: 10px;
}
.stats-row__stat {
  width: 33%;
  float: left;
  padding: 0 20px;
  border-right: 1px solid rgba(144, 164, 175, 0.3);
}
.stats-row__stat:last-child {
  border-right: none;
}
#breakdown-chart {
  max-width: 800px;
  margin: 20px auto;
}
.dashboard-reporting-chart {
  height: 150px;
}
.inline-message {
  padding: 4px 10px;
  border-radius: 3px;
}
.inline-message.success {
  background: #E4FCCA;
  color: #6CBE2F;
}
.inline-message.warning {
  background: #FFECC4;
  color: #FEB915;
}
.inline-message.error {
  background: #FEC1BC;
  color: #FF4418;
}
.label {
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  text-transform: capitalize;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  margin: 0 5px 5px 0;
}
.label a {
  color: #fff !important;
  text-decoration: none;
}
.label.green {
  background: #12D480;
  background: #6ee1a4;
}
.label.blue {
  background: #4088f5;
}
.label.small {
  font-size: 10px;
  padding: 3px 10px;
}
.label-list {
  display: flex;
  flex-wrap: wrap;
}
.label-manager {
  width: 276px;
  background: #ffffff;
  border: 0px solid rgba(0, 0, 0, 0.25);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
  border-radius: 4px;
  position: absolute;
  top: 100px;
  left: 400px;
  width: 500px;
  z-index: 99;
}
.label-manager.inline {
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
  width: 100%;
  margin: 2rem 0;
  padding: 0.5rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0 1px 0;
  border-radius: 0;
  background: #fafafa;
  padding: 0 1rem;
}
.label-manager.inline .arrow {
  display: none;
}
.label-manager.inline .label-color {
  height: 20px;
  width: 20px;
}
.label-manager.inline .label-name {
  padding-left: 26px;
}
.label-manager.inline .label-name-wrapper {
  padding: 20px 0;
}
.label-manager.inline .existing-labels-list {
  padding: 0;
}
.label-manager.inline .existing-labels-list li {
  width: 50%;
}
.label-manager.inline .new-label {
  margin: 0;
}
.label-manager .arrow:after,
.label-manager .arrow:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.label-manager .arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.label-manager .arrow:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ddd;
  border-width: 16px;
  margin-left: -16px;
}
.label-manager .label-name-wrapper {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
}
.label-manager .label-name-wrapper input {
  flex: 3 1 60%;
  margin-right: 10px;
  margin-bottom: 0;
}
.label-manager .label-name-wrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #90A4AF;
}
.label-manager .label-name-wrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: #90A4AF;
}
.label-manager .label-name-wrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: #90A4AF;
}
.label-manager .label-name-wrapper input:-moz-placeholder {
  /* Firefox 18- */
  color: #90A4AF;
}
.label-manager .label-name-wrapper button {
  flex: 1 1 30%;
  height: 32px;
  padding: 0;
  line-height: 30px;
}
.label-manager .existing-labels {
  display: none;
}
.label-manager .existing-labels.showing {
  display: block;
}
.label-manager .existing-labels-list {
  padding: 20px 20px 0 20px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.label-manager .existing-labels-list li {
  width: 33.33%;
  line-height: 26px;
  padding: 5px;
  cursor: pointer;
  position: relative;
}
.label-manager .existing-labels-list li.selected .label-color {
  background: #eee url(../images/selected-color-check.svg) no-repeat center center / 12px;
}
.label-manager .existing-labels-list li.selected .label-name {
  font-weight: bold;
}
.label-manager .existing-labels-list li.applied-to-entity .label-color {
  background: #eee url(../images/selected-color-check.svg) no-repeat center center / 12px;
}
.label-manager .edit-label {
  height: 100%;
  width: 1rem;
  background: #fff url(../images/pencil-edit.svg) no-repeat center center / 11px;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}
.label-manager .edit-label:hover {
  opacity: 1 !important;
}
.label-manager li:hover .edit-label {
  opacity: 0.5;
  visibility: visible;
}
.label-manager .label-color {
  height: 26px;
  width: 26px;
  border-radius: 4px;
  background: #eee;
  position: absolute;
}
.label-manager .label-name {
  display: block;
  padding-left: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.label-manager .new-label-form,
.label-manager .edit-label-form {
  padding: 20px;
  display: none;
}
.label-manager .new-label-form:before,
.label-manager .edit-label-form:before,
.label-manager .new-label-form:after,
.label-manager .edit-label-form:after {
  content: " ";
  display: table;
}
.label-manager .new-label-form:after,
.label-manager .edit-label-form:after {
  clear: both;
}
.label-manager .new-label-form.showing,
.label-manager .edit-label-form.showing {
  display: block;
}
.label-manager .new-label-form .colors,
.label-manager .edit-label-form .colors {
  list-style: none;
}
.label-manager .new-label-form .colors:before,
.label-manager .edit-label-form .colors:before,
.label-manager .new-label-form .colors:after,
.label-manager .edit-label-form .colors:after {
  content: " ";
  display: table;
}
.label-manager .new-label-form .colors:after,
.label-manager .edit-label-form .colors:after {
  clear: both;
}
.label-manager .new-label-form .color,
.label-manager .edit-label-form .color {
  height: 30px;
  width: 30px;
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  background: #eee;
  border-radius: 4px;
}
.label-manager .new-label-form .color.selected,
.label-manager .edit-label-form .color.selected {
  background: #eee url(../images/selected-color-check.svg) no-repeat center center / 14px;
}
.label-manager .new-label-form .hex-color,
.label-manager .edit-label-form .hex-color {
  position: relative;
  padding-left: 30px;
  width: 100px;
  float: left;
}
.label-manager .new-label-form .hex-color:before,
.label-manager .edit-label-form .hex-color:before,
.label-manager .new-label-form .hex-color:after,
.label-manager .edit-label-form .hex-color:after {
  content: " ";
  display: table;
}
.label-manager .new-label-form .hex-color:after,
.label-manager .edit-label-form .hex-color:after {
  clear: both;
}
.label-manager .new-label-form .hex-color .pound,
.label-manager .edit-label-form .hex-color .pound {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  background: #eee;
  text-align: center;
  line-height: 30px;
  z-index: 1;
  border-radius: 4px 0 0 4px;
}
.label-manager .new-label-form .hex-color input,
.label-manager .edit-label-form .hex-color input {
  width: 70px;
  height: 30px;
  float: left;
  margin-right: -1px;
  border-radius: 0 4px 4px 0;
  position: relative;
  left: -2px;
  z-index: 0;
  margin: 0;
}
.label-manager .new-label-form .hex-color input:focus,
.label-manager .edit-label-form .hex-color input:focus {
  outline: none;
}
.label-manager .new-label-form .hex-color.error,
.label-manager .edit-label-form .hex-color.error {
  border: 1px solid #f00;
  border-radius: 4px;
}
.label-manager .new-label-form .hex-color.error input,
.label-manager .edit-label-form .hex-color.error input {
  background: rgba(255, 0, 0, 0.05);
  border: none;
}
.label-manager div.new-label {
  color: #444444;
  text-decoration: underline;
  padding: 10px;
  margin: 0 10px 10px 10px;
}
.label-manager button.new-label,
.label-manager button.save-label {
  float: right;
}
.label-manager .saving-screen {
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 40px;
  background: #fff url(../images/saving.svg) no-repeat center 40px / 20px;
}
.label-manager .saving-screen.showing {
  display: flex;
}
.label-manager .label-name-wrapper {
  display: none;
}
.label-manager .label-name-wrapper.showing {
  display: block;
}
.screen-title {
  margin: 0;
  padding: 0.5rem 2rem;
  font-size: 0.8rem;
}
.screen-title--has-menu {
  display: flex;
  align-items: center;
}
.screen-title__mobile-menu {
  display: flex;
  list-style: none;
  margin: 0;
  flex: 1 0 auto;
  justify-content: flex-end;
}
.screen-title__mobile-menu li {
  text-align: left;
  font-size: 0.8rem;
}
.screen-title--with-color {
  background: #fbfcff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.015);
  margin-bottom: 2rem;
}
.screen-title__icon {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
}
.screen-title__icon:hover {
  background-color: #f4f8ff;
}
.invisible,
input[type=text].invisible,
.invisible .choices__inner {
  visibility: visible;
  border: none !important;
  background: transparent;
  display: inline-block;
  transition: all 0.1s linear;
  padding: 0;
  margin: 0 0.5rem 0.25rem 0;
  height: auto;
  font-size: 0.8rem;
  box-shadow: none;
}
.invisible:focus,
input[type=text].invisible:focus,
.invisible .choices__inner:focus {
  outline: none;
  background-color: #f3f9fd;
  border-radius: 1px;
  box-shadow: 0 0 0 2px #f3f9fd, 0 0 0 4px #cdd4d9 !important;
}
.invisible::placeholder,
input[type=text].invisible::placeholder,
.invisible .choices__inner::placeholder {
  color: #aab1b6 !important;
}
.client-select.active .invisible:not(.client-select__client-name) {
  opacity: 1;
}
.client-select {
  max-width: 60%;
  position: relative;
}
.client-select .invisible:not(.client-select__client-name) {
  opacity: 0;
}
.client-select__contact {
  display: flex;
}
.client-select__display {
  display: none;
}
.client-select--display-client .client-select__form {
  display: none;
}
.client-select--display-client .client-select__display {
  display: block;
}
.client-select__menu {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
  display: none;
  position: absolute;
  right: -77%;
  top: -1rem;
}
.client-select__menu:after,
.client-select__menu:before {
  bottom: 50%;
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.client-select__menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 15px;
  margin-bottom: -15px;
}
.client-select__menu:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ddd;
  border-width: 16px;
  margin-bottom: -16px;
}
.client-select__menu > div {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding-left: 40px;
  cursor: pointer;
}
.client-select__menu > div:hover {
  background-color: #fffdf4;
}
.client-select__menu > div:last-child {
  border-bottom: none;
}
.client-select--show-menu .client-select__menu {
  display: block;
}
.client-select--existing-client .client-select__edit-client {
  display: none;
}
.client-select__edit-client {
  background: transparent url(../images/edit.svg) no-repeat 1rem center / 0.75rem;
}
.client-select__change-client {
  background: transparent url(../images/close-dark.svg) no-repeat 1rem center / 0.75rem;
}
.inline-client-create--has-client .invisible {
  opacity: 1;
}
.client-display__name {
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.client-display__contact {
  display: flex;
}
.client-display__contact > div:first-child {
  margin-right: 0.5rem;
}
.invoice__top {
  padding: 0 4rem 3rem 4rem;
  background: #fafafa;
}
.invoice__top--with-logo {
  padding-top: 3rem;
}
.invoice__top--with-logo .invoice__meta-details {
  float: none;
  text-align: left;
  padding-top: 1rem;
}
.invoice__top--with-logo .invoice__meta-detail {
  display: block;
}
.invoice__top--with-logo .invoice__meta-detail > span {
  width: 60px;
  display: inline-block;
  padding-left: 0;
}
.invoice__top--with-logo .invoice__date {
  font-size: inherit;
  opacity: 1;
}
.invoice__top--alternate,
.invoice__top--alternate-with-logo {
  padding-top: 3rem;
}
.invoice__top--alternate .invoice__branding,
.invoice__top--alternate-with-logo .invoice__branding {
  width: 80%;
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: 0;
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 2rem;
  line-height: 1;
}
.invoice__top--alternate .invoice__logo,
.invoice__top--alternate-with-logo .invoice__logo {
  padding-bottom: 2rem;
}
.invoice__top--alternate .invoice__send-details,
.invoice__top--alternate-with-logo .invoice__send-details {
  display: block;
}
.invoice__top--alternate .invoice__send-details-wrapper,
.invoice__top--alternate-with-logo .invoice__send-details-wrapper {
  position: relative;
  width: 100%;
  padding: 1rem 0;
  padding-left: 140px;
}
.invoice__top--alternate .invoice__prepared-for,
.invoice__top--alternate-with-logo .invoice__prepared-for,
.invoice__top--alternate .invoice__prepared-by,
.invoice__top--alternate-with-logo .invoice__prepared-by,
.invoice__top--alternate .invoice__send-info,
.invoice__top--alternate-with-logo .invoice__send-info {
  width: 140px;
  position: absolute;
  top: 1rem;
  left: 0;
  font-weight: 600;
  text-transform: none;
}
.invoice__top--alternate .invoice__send-to,
.invoice__top--alternate-with-logo .invoice__send-to,
.invoice__top--alternate .invoice__send-by,
.invoice__top--alternate-with-logo .invoice__send-by,
.invoice__top--alternate .invoice__send-info-details,
.invoice__top--alternate-with-logo .invoice__send-info-details {
  text-align: left;
  width: 100%;
}
.invoice__top--alternate .invoice__send-by-name,
.invoice__top--alternate-with-logo .invoice__send-by-name,
.invoice__top--alternate .invoice__send-to-name,
.invoice__top--alternate-with-logo .invoice__send-to-name {
  font-weight: normal;
  padding-bottom: 0;
}
.invoice__top--alternate .invoice__meta-detail,
.invoice__top--alternate-with-logo .invoice__meta-detail {
  display: block;
  opacity: 1;
  font-size: inherit;
}
.invoice__top--alternate .invoice__meta-detail > span,
.invoice__top--alternate-with-logo .invoice__meta-detail > span {
  padding-left: 0;
}
.invoice__top--alternate .invoice__date,
.invoice__top--alternate-with-logo .invoice__date {
  position: absolute;
  top: 3rem;
  right: 3rem;
  opacity: 0.6;
}
.invoice__meta {
  padding-bottom: 5rem;
}
.invoice__branding {
  width: 23%;
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: 0;
}
.invoice__badge {
  text-align: center;
  display: inline-block;
  padding: 4rem 1.5rem 1.5rem 1.5rem;
  text-transform: uppercase;
  background: #00b3ee;
  color: #fff;
}
.invoice__date {
  font-size: 0.75rem;
  color: #ffffff;
  opacity: 0.8;
  text-transform: none;
}
.invoice__meta-status {
  display: inline-block;
  font-size: 1rem;
  padding: 0.25rem 2rem;
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  color: #888;
  line-height: 1;
  text-transform: uppercase;
  float: right;
  letter-spacing: 1px;
}
.invoice__meta-status--Overdue {
  color: #f00 !important;
  background: rgba(255, 0, 0, 0.02) !important;
}
.invoice__meta-status--Paid {
  background: rgba(228, 249, 229, 0.7) !important;
  color: #3eff74 !important;
}
.invoice__editable-date {
  display: inline;
}
.invoice__meta-details {
  width: 77%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  float: right;
  padding-top: 4rem;
}
.invoice__meta-detail {
  display: inline;
  color: #000;
}
.invoice__meta-detail > span {
  padding-left: 2rem;
  padding-right: 0.5rem;
}
.invoice__send-description {
  color: #00b3ee;
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.invoice__prepared-for,
.invoice__prepared-by {
  display: inline-block;
  text-transform: uppercase;
  background: #fafafa;
  z-index: 1;
}
.invoice__prepared-for {
  padding-right: 1rem;
}
.invoice__prepared-by {
  position: absolute;
  right: 0;
  vertical-align: top;
  padding-left: 1rem;
}
.invoice__send-description-line {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 100%;
  display: inline-block;
  height: 1px;
  background: #00b3ee;
  z-index: 0;
}
.invoice__send-details {
  display: flex;
  justify-content: space-between;
}
.invoice__send-to,
.invoice__send-by {
  display: inline-block;
  vertical-align: top;
}
.invoice__send-to {
  width: 50%;
}
.invoice__send-by {
  width: 50%;
  text-align: right;
}
.invoice__send-to-name,
.invoice__send-by-name {
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.invoice__send-detail {
  color: #777;
}
.invoice__details-description {
  margin: 2rem 0 0 0;
}
.invoice__items-wrapper {
  width: 100%;
  padding: 1rem 3rem;
}
.invoice__items {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.invoice__items-header {
  color: #888;
  font-size: 0.8rem;
}
.invoice-item__cell,
.invoice-item__header-cell {
  display: inline-block;
  padding: 25px 1% 5px 1%;
  vertical-align: top;
  font-size: 1rem !important;
}
.invoice-item__item {
  width: 40%;
}
.invoice-item__quantity {
  width: 16.5%;
  text-align: center;
}
.invoice-item__price {
  width: 16.5%;
  text-align: center;
}
.invoice-item__subtotal {
  width: 16%;
  text-align: right;
}
.invoice-summary {
  padding: 0 6rem;
  text-align: right;
  position: relative;
}
.invoice-summary__details {
  padding: 2rem 0.6rem 0.5rem 0;
  float: right;
}
.invoice-summary__detail-name {
  color: #888;
  text-transform: uppercase;
  font-size: 0.8rem;
  text-align: right;
  width: 300px;
}
table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0px;
}
td {
  padding: 0.25rem 0;
}
.invoice-summary__value {
  padding-left: 1rem;
  text-align: right;
  width: 130px;
}
.invoice-summary__total {
  font-weight: bold;
}
.invoice__bottom {
  position: absolute;
  bottom: -80px;
  left: 0;
  padding: 1rem 6rem 0 6rem;
}
.invoice__bottom-title {
  color: #888;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0;
  break-after: avoid;
}
.invoice__bottom p {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
}
.invoice-details__show-invoice {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/invoice.svg);
}
.invoice-details__show-invoice:hover {
  background-color: #f4f8ff;
}
.invoice-details__show-info {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/info-black.svg);
}
.invoice-details__show-info:hover {
  background-color: #f4f8ff;
}
.invoice-details__show-discussion {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/chat.svg);
}
.invoice-details__show-discussion:hover {
  background-color: #f4f8ff;
}
.invoice-details__more {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/more.svg);
}
.invoice-details__more:hover {
  background-color: #f4f8ff;
}
.invoice-details__send {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/send.svg);
}
.invoice-details__send:hover {
  background-color: #f4f8ff;
}
.invoice-details__enter-payment {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/pay.svg);
}
.invoice-details__enter-payment:hover {
  background-color: #f4f8ff;
}
.invoice-details__download {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-size: 1.1rem;
  background-image: url(../images/download.svg);
}
.invoice-details__download:hover {
  background-color: #f4f8ff;
}
.invoice-details__edit {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/edit.svg);
}
.invoice-details__edit:hover {
  background-color: #f4f8ff;
}
[data-page=invoice-details] .secondary-menu-wrapper,
[data-page=projects-page] .secondary-menu-wrapper {
  background: #fff;
}
.file-view__download {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/download.svg);
}
.file-view__download:hover {
  background-color: #f4f8ff;
}
.file-view__show-discussion {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/chat.svg);
}
.file-view__show-discussion:hover {
  background-color: #f4f8ff;
}
.file-view__show-file {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/file.svg);
}
.file-view__show-file:hover {
  background-color: #f4f8ff;
}
.file-view__close-file {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/back.svg);
}
.file-view__close-file:hover {
  background-color: #f4f8ff;
}
.file-view__more {
  height: 2rem;
  background-size: 1rem;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: left;
  padding-top: 1px;
  font-size: 0.8rem;
  color: #333;
  background-position: 0.5rem center;
  padding-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  line-height: 100%;
  width: auto;
  margin-left: 1.5rem;
  border: 1px solid transparent;
  border-radius: 3px;
  background-image: url(../images/more.svg);
}
.file-view__more:hover {
  background-color: #f4f8ff;
}
.error-response-count {
  position: fixed;
  bottom: 10px;
  right: 1.5rem;
  background: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.error-response-count:before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: -0.5rem;
  height: 0.9rem;
  width: 0.9rem;
  border-radius: 50%;
  background: #fff url(../images/warning.svg) no-repeat center center / 0.9rem;
}
.error-response-count:hover {
  bottom: 13px;
}
.error-response-count__count {
  font-weight: bold;
}
.error-response-count--showing {
  opacity: 1;
  bottom: 10px;
  visibility: visible;
}
.admin-error-logs ul {
  list-style: none;
}
.admin-error-logs li {
  cursor: pointer;
}
.admin-error-logs__date {
  padding: 0.5rem;
  background: #F9FBFC;
  font-weight: 500;
  color: #000;
}
.admin-error-logs__date span {
  font-weight: 400;
  padding-left: 10px;
  display: inline-block;
}
.admin-error-logs__message {
  padding: 1rem 0.5rem;
  font-family: monospace;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.admin-error-logs__context {
  display: none;
  font-family: monospace;
  white-space: pre;
  max-height: 400px;
  overflow: auto;
}
.admin-error-logs__context > br:first-child {
  display: none;
}
.admin-error-logs__open-indicator {
  display: inline-block;
  margin-right: 1rem;
  height: 1rem;
  width: 1rem;
  opacity: 0.7;
  position: relative;
  top: 4px;
  background: transparent url(../images/open-close-triangle.svg) no-repeat center center / 0.7rem;
}
.admin-error-logs__menu {
  display: flex;
  padding-bottom: 1rem;
  align-items: center;
}
.admin-error-logs__menu h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.admin-error-logs__right-side {
  margin-left: auto;
}
.admin-error-logs__right-side .button {
  padding: 5px 10px;
}
.admin-error-logs--open .admin-error-logs__context {
  display: block;
}
.admin-error-logs--open .admin-error-logs__open-indicator {
  transform: rotate(90deg);
}
.admin-error-logs__empty-text {
  padding: 2rem 0;
  max-width: 600px !important;
  margin: 0 auto;
  font-size: 1.15rem;
  line-height: 1.6;
}
.growl-notifications {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  z-index: 10;
}
.growl-notification {
  padding: 12px;
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 1s ease;
  margin: 10px;
  position: relative;
}
.growl-notification__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 12px;
  width: 12px;
  background: transparent url(../images/close.svg) no-repeat center center / 12px;
  cursor: pointer;
  opacity: 0.35;
  transition: opacity 0.2s ease-in-out;
}
.growl-notification__close:hover {
  opacity: 1;
}
.growl-notification--showing {
  opacity: 1;
}
.growl-notification--small {
  padding: 0.4rem 0.8rem;
  font-size: 0.7rem;
}
.growl-notification--success {
  background: #c6f7d2;
  color: #31a142;
}
.growl-notification--info {
  background: #eaf5ff;
  color: #3177b5;
}
.growl-notification--error {
  background: #FCDEE0;
  color: #f21f32;
}
.gantt-chart-wrapper {
  display: flex;
  height: 100%;
}
.gantt-chart-wrapper .bar-label {
  display: none;
}
.gantt-chart-wrapper .popup-wrapper {
  display: none;
}
.gantt-chart__list {
  flex: 0 0 300px;
  padding-top: 60px;
  list-style: none;
  overflow: hidden;
}
.gantt-chart__list-item {
  height: 38px;
  line-height: 38px;
  padding-right: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gantt-chart__list-item-sub-task {
  padding-left: 1rem;
}
.gantt-chart__list-header {
  height: 38px;
  line-height: 38px;
  padding-right: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.gantt-chart__task {
  padding-right: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gantt-chart__task-assigned {
  flex: 0 0 1.5rem;
  margin-right: 1rem;
}
.gantt-chart__task-assigned img {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}
.gantt-chart__task-section {
  display: none;
}
.sub-tasks {
  padding: 1rem 0;
}
.sub-tasks li {
  list-style: none;
  padding: 0.5rem 0;
  border-radius: 6px;
}
.sub-tasks li:hover {
  background: #f5f7fa;
}
.sub-tasks .is-task-completed {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  position: relative;
}
.sub-tasks input {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  color: #444444;
  height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-tasks input:active,
.sub-tasks input:focus {
  outline: none;
}
.sub-tasks .user-image {
  height: 1rem;
  width: 1rem;
}
.sub-tasks .task-list__status-indicators {
  position: relative;
  margin: 0;
  margin: 0 !important;
  left: auto;
  top: auto;
  display: flex;
  align-items: center;
}
.sub-tasks .task-list__primary-details {
  height: auto;
  line-height: 1;
  padding: 0 0 0 1rem;
}
.sub-tasks .task-list__task-details {
  display: flex;
  align-items: center;
}
.sub-tasks .task-list__task-due-date {
  position: relative;
  right: auto;
}
.sub-tasks .task-list__actions {
  display: flex;
  margin-left: auto;
}
.sub-tasks .task-list__actions > div {
  height: 1rem;
  width: 1rem;
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 0.5rem;
}
.sub-tasks li:hover .task-list__actions > div {
  visibility: visible;
}
.sub-tasks__start-button {
  color: #9e9e9f;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  cursor: pointer;
}
.sub-tasks__start-button:hover {
  background: #fafafa;
}
.search-screen {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s ease;
}
.search-screen__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  background: transparent url(../images/close-dark.svg) no-repeat center center / 1.5rem;
}
.search-screen__search-space {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.search-screen__input-wrapper {
  width: 80vw;
  max-width: 600px;
  position: relative;
  top: 0;
  transition: top 0.2s ease;
}
.search-screen__input-wrapper input {
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0.75rem;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  font-size: 1.25rem;
  position: relative;
  top: -100px;
  opacity: 0;
  transition: all 0.2s ease;
}
.search-screen__input-wrapper input:focus,
.search-screen__input-wrapper input:active {
  outline: none;
}
.search-screen__input-wrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bbb;
}
.search-screen__input-wrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: #bbb;
}
.search-screen__input-wrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: #bbb;
}
.search-screen__input-wrapper input:-moz-placeholder {
  /* Firefox 18- */
  color: #bbb;
}
.search-screen__categories {
  display: flex;
  justify-content: center;
  opacity: 0;
  position: relative;
  top: -20px;
  transition: opacity 0.5s ease-in-out, top 0.3s ease-in-out;
}
.search-screen__filter {
  background: #eee;
  color: #333;
  padding: 4px 1rem;
  border-radius: 14px;
  margin: 0.5rem;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.search-screen__filter.active {
  background: #1ba5ff;
  color: #fff;
}
.search-screen__filter.active span {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.3);
}
.search-screen__filter span {
  background: rgba(255, 255, 255, 0.6);
  padding: 0px 4px;
  border-radius: 10px;
  margin-left: 5px;
  font-size: 0.6rem;
  display: none;
}
.search-screen--showing {
  visibility: visible;
  opacity: 1;
  z-index: 99;
}
.search-screen--showing input {
  top: 0;
  opacity: 1;
}
.search-screen--showing .search-screen__categories {
  opacity: 1;
  top: 0;
  transition: all 0.2s ease;
}
.search-screen--has-results .search-screen__search-space {
  height: 100px;
}
.search-screen--has-results input {
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
  margin: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.search-screen--has-results .search-screen__filter {
  padding: 2px 1rem;
  font-size: 0.75rem;
}
.search-screen--has-results .search-screen__filter span {
  display: inline-block;
}
.search-screen__results {
  padding: 0 2rem;
  margin: 0 auto;
  max-width: 700px;
}
.search-screen__results-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.search-screen__type {
  flex: 0 0 100%;
  margin: 2rem 0;
}
.search-screen__invoices .invoice-wrapper {
  width: 33%;
  margin-top: 0;
  margin-bottom: 0;
}
.search-screen__invoices .corner {
  border-top-width: 40px;
  border-left-width: 40px;
}
.search-screen__invoices .corner__text {
  display: none;
}
.search-screen__invoices .invoice-mini__meta {
  font-size: 0.7rem !important;
}
.search-screen__invoices .invoice-mini__meta > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.search-screen__invoices .invoice-mini__total-text {
  font-size: 0.65rem;
  margin-top: 0 !important;
}
.search-screen__invoices .invoice-mini__amount {
  font-size: 1rem;
}
.search-screen__invoices .invoice-mini__client {
  padding-top: 1rem;
  font-size: 0.7rem;
}
.search-screen__projects .project-widget {
  width: 33%;
}
.search-screen__projects .project-widget__meta {
  display: none;
}
.search-screen__clients .entity-list-page__list {
  padding: 0;
  margin: 0 !important;
  box-shadow: none;
  border: none;
}
.search-screen__files ul {
  margin: 0;
}
.search-screen__tasks .task-status-indicator {
  display: none;
}
.search-screen__tasks .card-view__card:last-child {
  margin-bottom: 0;
}
.search-screen__results-type-title {
  margin-bottom: 2rem;
  font-weight: 800;
}
.search-screen__results-type-title span {
  font-weight: 300;
}
.search-screen__preview-list {
  display: flex;
  justify-content: flex-start;
}
.search-screen__preview-list > * {
  margin: 0 2% 0 0;
}
.search-screen__preview-list > :first-child {
  margin-left: 0;
}
.search-screen__num-additional {
  text-align: center;
  width: 100%;
}
.search-screen__num-additional div {
  display: inline-block;
  cursor: pointer;
  padding: 0.25rem 1rem;
  margin: 1rem 0 0 0;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 4px;
}
.search-screen__num-additional:hover {
  text-decoration: underline;
}
.search-screen__additional-results {
  display: none;
}
.search-screen--showing-additional .search-screen__additional-results {
  display: block;
}
.search-screen--showing-additional .search-screen__num-additional {
  display: none;
}
.search-screen__results .search-screen__type {
  display: none;
}
.search-screen__results[data-filter="all"] .search-screen__type {
  display: block;
}
.search-screen__results[data-filter="invoices"] .search-screen__invoices {
  display: block;
}
.search-screen__results[data-filter="projects"] .search-screen__projects {
  display: block;
}
.search-screen__results[data-filter="tasks"] .search-screen__tasks {
  display: block;
}
.search-screen__results[data-filter="files"] .search-screen__files {
  display: block;
}
.search-screen__results[data-filter="clients"] .search-screen__clients {
  display: block;
}
.dashboard {
  min-height: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 2rem;
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #fff 70%, #f7f5ff);
}
.dashboard > div:not(.gradient-backgrounds):not(.gradient-background) {
  position: relative;
  z-index: 1;
}
.dashboard .gradient-backgrounds {
  position: absolute;
  display: none;
}
.dashboard__lists {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem;
}
.dashboard__lists .choose-type {
  display: inline-block;
  width: auto;
  margin-bottom: 1rem;
}
.dashboard__recent,
.dashboard__favorites {
  display: none;
}
.dashboard__recent .mixed-entity-list,
.dashboard__favorites .mixed-entity-list {
  display: flex;
  flex-wrap: wrap;
}
.dashboard__recent .mixed-entity-list > *,
.dashboard__favorites .mixed-entity-list > * {
  margin: 0 2% 1rem 0;
  flex: 0 0 23%;
  max-width: 25%;
}
.dashboard__recent .mixed-entity-list > *:first-child,
.dashboard__favorites .mixed-entity-list > *:first-child {
  margin-left: 0;
}
.dashboard__recent .mixed-entity-list > *:last-child,
.dashboard__favorites .mixed-entity-list > *:last-child {
  margin-right: 0;
}
.dashboard__recent .card-view__card,
.dashboard__favorites .card-view__card {
  border-radius: 2px;
  padding: 1.5rem;
  background: #fff;
}
.dashboard__recent .card-view__card .task-status-indicator,
.dashboard__favorites .card-view__card .task-status-indicator {
  display: none;
}
.dashboard__recent .card-view__card .card-view__task-details,
.dashboard__favorites .card-view__card .card-view__task-details {
  font-size: 1rem;
  color: #000;
}
.dashboard__list--showing {
  display: block;
}
.dashboard__stats {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
}
.dashboard__stat {
  padding: 1rem;
  text-align: center;
}
.dashboard__stat h1 {
  font-weight: 800;
  font-size: 1.5rem;
}
.dashboard__alerts {
  width: 90%;
  max-width: 540px;
  margin: 0 auto 2rem auto;
  position: relative;
}
.dashboard__alert {
  padding: 1.2rem 1rem 1.2rem 5rem;
  font-size: 1rem;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  /* height: 100%; */
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.01);
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease;
}
.dashboard__alert span {
  background: #fff;
  color: #00aaff;
  border-radius: 16px;
  padding: 2px 8px;
  font-weight: 600;
}
.dashboard__alert--showing {
  visibility: visible;
  opacity: 1;
  height: auto;
  width: 100%;
  position: relative;
}
.dashboard__alert--removing {
  opacity: 0;
}
.dashboard__tasks-alert {
  background: url('../images/late-tasks.svg') no-repeat 1.5rem center / 1.5rem, linear-gradient(155deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4) 60%) no-repeat left top / 100%;
}
.dashboard__billing-alert {
  background: url('../images/late-invoices.svg') no-repeat 1.5rem center / 1.5rem, linear-gradient(155deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4) 60%) no-repeat left top / 100%;
}
.dashboard__projects-alert {
  background: url('../images/late-projects.svg') no-repeat 1.5rem center / 1.5rem, linear-gradient(155deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4) 60%) no-repeat left top / 100%;
}
.user-alerts-dropdown__icon {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom 4px;
  background-size: 0.9rem;
  margin-right: 2rem;
  opacity: 0.85;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url(../images/alerts.svg);
}
.user-alerts-dropdown__icon:hover {
  background-size: 1.2rem;
}
.user-alerts-dropdown__alert-count {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  border-radius: 25%;
  background: #f00;
  color: #fff;
  font-size: 0.55rem;
  padding: 0.15rem 0.25rem;
}
.user-alerts-dropdown--empty .user-alerts-dropdown__alert-count {
  display: none;
}
.user-alerts-dropdown__menu {
  font-size: 0.75rem;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
.user-alerts-dropdown__clear-all {
  background: #eee;
  padding: 0.1rem 0.5rem;
  border-radius: 1rem;
  cursor: pointer;
}
.user-alerts-dropdown__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
  margin: 0;
  width: 300px;
  max-height: 90vh;
  overflow: auto;
  display: none;
  padding: 0 1rem 1rem 1rem;
}
.user-alerts-dropdown__dropdown li:hover {
  background-color: rgba(253, 255, 114, 0.51);
  color: #000;
}
.user-alerts-dropdown__dropdown li:last-child {
  border-bottom: none;
}
.user-alerts-dropdown--open .user-alerts-dropdown__dropdown {
  display: block;
}
.user-alert {
  padding: 0 0 0 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  position: relative;
}
.user-alert__message {
  color: black;
  word-break: break-word;
}
.user-alert__details {
  color: #999;
  font-style: italic;
  word-break: break-all;
}
.user-alert__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 12px;
  width: 12px;
  background: transparent url(../images/close.svg) no-repeat center center / 12px;
  cursor: pointer;
  opacity: 0.35;
  transition: opacity 0.2s ease-in-out;
}
.user-alert__close:hover {
  opacity: 1;
}
.user-alert__is-read {
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 1.25rem;
  left: 0;
  cursor: pointer;
}
.user-alert__content {
  margin: 1rem;
  cursor: pointer;
}
.user-alert--unread .user-alert__is-read {
  background: #0f0;
  border-color: #0f0;
}
.user-alert-growl {
  padding: 1rem 1rem 1rem 2rem;
  opacity: 0;
  transition: opacity 1s ease;
  margin: 1rem 1.25rem;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  cursor: pointer;
}
.user-alert-growl:before {
  content: '';
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background: #0f0;
  position: absolute;
  top: 1.25rem;
  left: 0.625rem;
}
.user-alert-growl__message {
  margin: 0 0 0.5rem 0;
  padding: 0 0 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.user-alert-growl__details {
  color: #999;
  overflow: hidden;
}
.user-alert-growl__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 12px;
  width: 12px;
  background: transparent url(../images/close.svg) no-repeat center center / 12px;
  cursor: pointer;
  opacity: 0.35;
  transition: opacity 0.2s ease-in-out;
}
.user-alert-growl__close:hover {
  opacity: 1;
}
.user-alert-growl--showing {
  opacity: 1;
}
.favorites-dropdown__icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom 4px;
  background-size: 0.9rem;
  margin-right: 2rem;
  opacity: 0.85;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url(../images/favorites-star.svg);
}
.favorites-dropdown__icon:hover {
  background-size: 1.2rem;
}
.favorites-dropdown__menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
  margin: 0;
  width: 200px;
  max-height: 40vh;
  overflow: auto;
  display: none;
}
.favorites-dropdown__menu li {
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.favorites-dropdown__menu li:hover {
  background-color: rgba(253, 255, 114, 0.51);
  color: #000;
}
.favorites-dropdown__menu li:last-child {
  border-bottom: none;
}
.favorites-dropdown--open .favorites-dropdown__menu {
  display: block;
}
.favorites-dropdown__type {
  text-transform: uppercase;
  font-size: 0.5rem;
  color: #777;
}
.favorites-dropdown__title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.6rem;
}
[data-page=client-dashboard] {
  background: #fff;
}
.client-dashboard {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.client-dashboard .invoices-list .invoice-wrapper,
.client-dashboard .invoices-list .estimate-wrapper {
  width: 24%;
  margin: 2% 1% 2% 1%;
}
.client-dashboard .project-widget {
  width: 30%;
}
.client-dashboard__section-title {
  font-weight: 800;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5rem;
  margin: 2rem 0 1rem 0;
  font-size: 1.2rem;
  display: flex;
  align-items: flex-end;
}
.client-dashboard__show-all,
.client-dashboard__show-open {
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: auto;
}
.client-dashboard__show-open {
  display: none;
}
.client-dashboard__section {
  margin-bottom: 5rem;
}
.client-dashboard__all-wrapper {
  display: none;
}
.client-dashboard--showing-all .client-dashboard__open-wrapper {
  display: none;
}
.client-dashboard--showing-all .client-dashboard__all-wrapper {
  display: block;
}
.client-dashboard--showing-all .client-dashboard__show-open {
  display: block;
}
.client-dashboard--showing-all .client-dashboard__show-all {
  display: none;
}
.client-dashboard__branding {
  font-size: 0.8rem;
  text-align: right;
}
.client-dashboard__branding a {
  display: inline-block;
  padding-left: 1.5rem;
  color: #000;
  padding: 2rem;
  background: transparent url(../images/duet-logo.svg) no-repeat left center / 1.5rem;
}
.client-dashboard__empty-text {
  color: #90A4AF;
}
.gradient-backgrounds {
  position: fixed;
}
.gradient-background {
  position: absolute;
}
.gradient-backgrounds,
.gradient-background {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.gradient-background {
  opacity: 0;
  transition: opacity 1s linear;
}
.gradient-background--showing {
  opacity: 1;
  transition: opacity 1s linear;
}
.gradient-background--removing {
  opacity: 0;
  transition: opacity 1s linear;
}
.gradient-background--blue {
  background: linear-gradient(90deg, #ECF6FF 70%, rgba(255, 255, 255, 0));
}
.gradient-background--green {
  background: linear-gradient(45deg, #F0F8F0 70%, rgba(255, 255, 255, 0));
}
.gradient-background--yellow {
  background: linear-gradient(0deg, #FFFAEA 70%, rgba(255, 255, 255, 0));
}
.gradient-background--grey {
  background: linear-gradient(-45deg, #F0F0F0 70%, rgba(255, 255, 255, 0));
}
.gradient-background--grey2 {
  background: linear-gradient(-90deg, #F4F6F5 70%, rgba(255, 255, 255, 0));
}
.gradient-background--blue2 {
  background: linear-gradient(45deg, #E3FDFE 70%, rgba(255, 255, 255, 0));
}
.invisible-file-button {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
@media (max-width: 1649px) {
  #dashboard-right-column,
  #agenda-sidebar {
    width: 380px;
    padding-left: 20px;
  }
  #dashboard-left-column {
    padding-right: 380px;
  }
  #reporting-content {
    padding-right: 250px;
  }
  #reporting-filters {
    width: 250px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 0 10px;
  }
  #reporting #reporting-filters > div {
    padding: 10px;
  }
}
@media (max-width: 1400px) {
  .dashboard-widget {
    width: 50%;
    padding: 40px 20px;
  }
  .dashboard-widget:last-child {
    display: none;
  }
  .dashboard-widget h5 {
    font-size: 12px;
  }
  #agenda .task-status {
    height: 22px;
  }
  #agenda .task-status span {
    display: none;
  }
  #agenda .task-list li {
    padding-right: 230px;
  }
  #dashboard-upcoming-events-list {
    margin-left: 0;
  }
  .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 1024px) {
  #dashboard-widgets {
    margin-left: 20px;
  }
  #reporting-menu {
    margin-top: 0;
    margin-left: 50px;
  }
  #reporting-menu h3 {
    margin: 12px 0;
    line-height: 1;
  }
  #agenda-sidebar {
    display: none;
  }
  #dashboard-left-column,
  #agenda-main-content {
    padding-right: 0;
  }
  #reporting .section {
    margin-left: 20px;
  }
}
@media (max-width: 800px) {
  #reporting-content {
    padding-right: 0;
  }
  #reporting-filters {
    position: relative;
    padding: 20px;
  }
  #agenda .task-assigned {
    display: none !important;
  }
}
@media (max-width: 500px) {
  #reporting #total-invoiced-graph {
    height: 150px;
  }
  #reporting-filters .background {
    position: relative;
  }
}
@media (max-width: 1024px) {
  body {
    font-size: 15px;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .mobile-only {
    display: initial;
  }
  .inner-content.content > div {
    padding-right: 0px;
    padding-left: 0px;
  }
  .inner-content.content > .item-details {
    padding-right: 40px;
    padding-left: 40px;
  }
  #mobile-menu-button {
    display: block;
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 9999;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    color: #ccc;
    transition: left 0.2s ease;
  }
  #mobile-menu-button:hover {
    color: #2381e9;
  }
  .mobile-menu-showing #sidebar,
  .mobile-menu-showing #slide-out-panel-wrapper {
    left: 0px;
    z-index: 2;
  }
  .mobile-menu-showing #sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  .mobile-menu-showing .window-outer {
    padding-left: 60px;
  }
  .mobile-menu-showing #mobile-menu-button {
    left: 203px;
  }
  .mobile-menu-showing #mobile-overlay {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.15);
    z-index: 1;
  }
  .panel-info {
    padding-top: 0;
    height: 48px;
  }
  .panel-info h3 {
    line-height: 48px;
    font-size: 15px;
    padding-left: 60px;
    padding-right: 10px;
  }
  #sidebar {
    left: -200px;
    transition: left 0.2s ease;
  }
  .slide-out-panel {
    margin-left: -800px;
  }
  .entity-list {
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .entity-list-header {
    padding: 11px 15px 11px 50px;
  }
  .entity-list-header h4 {
    line-height: 28px;
  }
  .full .window-outer {
    padding-left: 0px;
    min-width: 200px;
  }
  #current-user {
    text-align: center;
    float: none;
  }
  #current-user .user-image-wrapper {
    display: inline;
    margin: 0;
    float: none;
  }
  #current-user .user-meta {
    display: none;
  }
  #global-search-space {
    display: none;
  }
  ul#sidebar-menu-items {
    margin-top: 10px !important;
  }
  .project-tile-list .project-widget {
    width: 47.5%;
  }
  .project-tile-list .project-widget:nth-child(3n) {
    margin-right: 4.5%;
  }
  .project-tile-list .project-widget:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .full .window-outer {
    padding-left: 0px;
    min-width: 200px;
  }
  .user-details {
    width: auto;
  }
  .panel .inner-content > div {
    margin-left: 20px;
  }
  .panel-info .panel-actions-wrapper {
    right: 0;
  }
  .panel-info h3 {
    padding-right: 0px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .panel-info .panel-info-left {
    width: 100%;
  }
  .smart-menu .more {
    padding: 0;
  }
  .user-quick-access-panel {
    width: 200px;
  }
  .quick-access-content {
    padding: 20px !important;
  }
  .entity-list {
    width: 200px;
  }
  .entity-list-header {
    padding-left: 40px;
  }
  .entity-list-title {
    font-size: 16px;
  }
  #discuss-project-button .discuss-button-text {
    display: none;
  }
  .project-details__top-details {
    margin-right: 0;
  }
  .project-details__top-details > div {
    padding-right: 0px;
  }
  #project-calendar {
    display: none;
  }
  .item-details,
  .item-details-inner {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .invoice-list .invoice-number,
  .invoice-list .invoice-balance,
  .invoice-list .invoice-status {
    width: 33% !important;
  }
  .invoice-list .invoice-due-date,
  .invoice-list .invoice-total {
    width: 0%;
    display: none;
  }
  .invoice-list .status-text {
    border: none !important;
    padding: 0 !important;
    background-color: #fff !important;
  }
  .invoice-wrapper {
    padding: 0 !important;
  }
  .invoice .invoice-summary {
    width: 100% !important;
  }
  .invoice .invoice-terms {
    display: none;
  }
  .invoice .invoice-to {
    display: none;
  }
  .invoice .status-text {
    border: none !important;
    padding: 0 !important;
    background-color: #fff !important;
  }
  .invoice.preview .invoice-client {
    display: none;
  }
  .invoice.preview .invoice-meta,
  .invoice.preview .invoice-due-date {
    width: 48%;
  }
  .file-list span {
    font-size: 10px;
    padding: 2px 5px;
  }
  #file-view-type {
    display: none;
  }
  .button {
    font-size: 12px;
  }
  .client-task-list .task_list__task-due-date {
    display: none !important;
  }
  .dashboard-invoices {
    display: none;
  }
  .invoices-tabs {
    display: none !important;
  }
  .invoices-tab {
    padding: 10px !important;
  }
  .invoices-tab h2 {
    font-size: 20px;
  }
  .invoices-tab h5 {
    font-size: 11px;
  }
  #dashboard-project-list {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .dashboard-projects {
    padding-right: 20px !important;
  }
  .project-tile-list .project-widget {
    width: 100%;
    height: 120px;
  }
  .modal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  form {
    max-width: inherit !important;
  }
  #reporting-tab {
    display: none;
  }
  .client-details .user-email {
    display: none;
    width: 0;
  }
  .client-details .user-name {
    width: 70% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .client-details .user-image-container {
    width: 30% !important;
  }
}
@media (min-width: 901px) {
  .label-manager.inline {
    background: #fff;
  }
  .primary-menu-wrapper {
    position: relatice;
    z-index: 2;
  }
  .primary-menu {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: -webkit-flex;
    display: flex;
    height: 50px;
    width: 100%;
    z-index: 1000;
  }
  .primary-menu__links {
    margin-left: 2.4rem;
    display: flex;
    list-style: none;
  }
  .primary-menu__links li {
    margin: 0 0 0 2.4rem;
    line-height: 48px;
  }
  .primary-menu__links li:first-child {
    margin-left: 0;
  }
  .primary-menu__link,
  .primary-menu__link-text {
    color: #777;
    display: block;
    text-decoration: none;
  }
  .primary-menu__link:hover,
  .primary-menu__link-text:hover {
    color: #222;
    text-decoration: none;
  }
  .primary-menu__menu {
    position: absolute;
    display: flex;
    padding: 0 1rem 0 0.4rem;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    line-height: 2;
    top: 49px;
    left: 346px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s ease;
  }
  .primary-menu__menu.open {
    display: flex;
    left: 386px;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
  }
  .primary-menu__menu ul {
    list-style: none;
    margin: 0;
  }
  .primary-menu__menu a {
    color: #777;
  }
  .primary-menu__menu-column {
    padding: 1rem 2rem 2rem 2rem;
  }
  .primary-menu__right-side {
    margin-left: auto;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    position: relative;
  }
  .primary-menu__user .user-image {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    overflow: hidden;
    background-clip: padding-box;
  }
  .primary-menu__user-menu {
    top: calc(100% + 0.25rem);
    right: 1.5rem;
    position: absolute;
    display: none;
  }
  .primary-menu--user-menu-showing .primary-menu__user-menu {
    display: block;
  }
  .primary-menu__search {
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center bottom 4px;
    background-size: 0.9rem;
    margin-right: 2rem;
    opacity: 0.85;
    cursor: pointer;
    transition: all 0.2s ease;
    background-image: url(../images/search.svg);
  }
  .primary-menu__search:hover {
    background-size: 1.2rem;
  }
  .current-user-menu {
    list-style: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 150px;
  }
  .current-user-menu li a {
    line-height: 2rem;
    padding: 0 1rem 0 2.4rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    background-repeat: no-repeat;
    background-size: 0.8rem;
    background-position: 0.8rem center;
    display: block;
    color: #555;
    font-size: 0.8rem;
  }
  .current-user-menu li a:hover {
    background-color: #fffcf6;
    text-decoration: none;
  }
  .current-user-menu__profile a {
    background-image: url(../images/user.svg);
  }
  .current-user-menu__logout a {
    background-image: url(../images/logout.svg);
  }
  .invoices-menu {
    margin-left: 2%;
  }
  .invoices-menu a {
    color: #90A4AF;
    font-size: 80%;
    margin-left: 10px;
    vertical-align: bottom;
  }
  .invoices-menu a:hover {
    text-decoration: underline;
  }
  .invoice-details__show-invoice {
    display: none;
  }
  .invoice-details__show-info {
    display: none;
  }
  .invoice-details__show-discussion {
    display: none;
  }
  .invoice-details__more {
    height: 2rem;
    background-size: 1rem;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: left;
    padding-top: 1px;
    font-size: 0.8rem;
    color: #333;
    background-position: 0.5rem center;
    padding-left: 1.5rem;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    line-height: 100%;
    width: auto;
    margin-left: 1.5rem;
    border: 1px solid transparent;
    border-radius: 3px;
    background-image: url(../images/more.svg);
  }
  .invoice-details__more:hover {
    background-color: #f4f8ff;
  }
  .screen-secondary-menu {
    position: relative;
    border-right: none;
    flex: 0 0 200px;
    width: 200px;
    overflow: auto;
  }
  .screen-secondary-menu:after {
    content: '';
    position: absolute;
    top: 1rem;
    right: 0;
    width: 1px;
    height: calc(100% - 2rem);
    background: rgba(0, 0, 0, 0.05);
    box-shadow: -1px 0 5px rgba(0, 0, 0, 0.05);
  }
  .screen-secondary-menu .button {
    width: 100%;
  }
  .file-view-inner {
    display: flex;
  }
  .file-view-inner .file-dv {
    flex: 1 1 500px;
    width: auto;
  }
  .file-view-inner .file-meta-wrapper {
    position: relative;
    flex: 1 1 auto;
  }
  .file-view__show-file,
  .file-view__show-discussion {
    display: none;
  }
}
@media (max-width: 900px) {
  #login-screen {
    padding: 1rem 2rem;
  }
  .app-wrapper {
    position: fixed;
    min-width: 100vw;
    max-width: 100vw;
  }
  .app-wrapper--side-menu-open {
    background: #c2e59c;
    /* fallback for old browsers */
    background: linear-gradient(to bottom, #64b3f4, #c2e59c);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #f5f7fa, #c3cfe2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #f5f7fa, #E4ECF1);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .app-wrapper--side-menu-open .primary-menu-wrapper {
    display: flex;
    align-items: center;
    width: calc(30vw * 1.43);
    height: 100%;
  }
  .app-wrapper--side-menu-open .primary-menu {
    align-items: center;
    background: transparent;
    overflow-y: auto;
    padding: 1rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
  .app-wrapper--side-menu-open .primary-menu li {
    list-style: none;
  }
  .app-wrapper--side-menu-open .primary-menu li a:not(.button),
  .app-wrapper--side-menu-open .primary-menu li span {
    line-height: 2rem;
    color: #383F45;
    list-style: none;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 4px;
  }
  .app-wrapper--side-menu-open .primary-menu li a:not(.button):hover,
  .app-wrapper--side-menu-open .primary-menu li span:hover,
  .app-wrapper--side-menu-open .primary-menu li a:not(.button).active,
  .app-wrapper--side-menu-open .primary-menu li span.active {
    background-color: rgba(52, 177, 255, 0.04);
    color: #34b1ff;
    text-decoration: none;
  }
  .app-wrapper--side-menu-open .primary-menu li a:not(.button),
  .app-wrapper--side-menu-open .primary-menu li span {
    padding: 0 1rem;
    display: block;
  }
  .app-wrapper--side-menu-open .primary-menu .divider {
    line-height: 1;
    margin: 8px 35px 1rem 1rem;
  }
  .app-wrapper--side-menu-open .primary-menu .divider hr {
    border-color: rgba(0, 0, 0, 0.07);
    float: none;
  }
  .app-wrapper--side-menu-open .primary-menu .button {
    display: block;
    margin-bottom: 1rem;
  }
  .app-wrapper--side-menu-open .primary-menu hr {
    margin: 0;
  }
  .app-wrapper--side-menu-open .primary-menu__link {
    color: #fff !important;
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .app-wrapper--side-menu-open .window-outer {
    transform: scale(0.7);
    right: -30vw;
    background: #f8fafd;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: -5px 5px 30px rgba(0, 0, 0, 0.08);
  }
  .app-wrapper--dropdown-menu-open .secondary-menu-wrapper,
  .app-wrapper--dropdown-menu-open .screen-secondary-menu {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    padding-top: 2.5rem;
  }
  .app-wrapper--dropdown-menu-open .secondary-menu,
  .app-wrapper--dropdown-menu-open .screen-secondary-menu {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.07);
    width: 100%;
  }
  .window-outer {
    flex-direction: column;
    position: relative;
    z-index: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
  }
  .secondary-menu-wrapper {
    background: #fff;
    width: 100%;
    display: none;
  }
  .secondary-menu__menu-items {
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 100%;
  }
  .secondary-menu__menu-items a {
    padding-left: 1rem;
  }
  .secondary-menu__menu-items li span {
    display: inline-block;
  }
  .secondary-menu__menu-items .divider {
    margin: 1rem;
  }
  .secondary-menu__sub-menu {
    display: none;
  }
  .primary-menu {
    padding: 0;
    border: none;
    height: auto;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease;
    transition-delay: 0.1s;
  }
  .primary-menu__user,
  .primary-menu__favorites {
    display: none;
  }
  .primary-menu__user-menu li a {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .primary-menu__branding {
    color: #fff;
    color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 4rem;
    left: 0;
  }
  .primary-menu__branding img {
    width: 36px;
  }
  .primary-menu-wrapper {
    position: fixed;
    height: 0;
    overflow: hidden;
    z-index: 2;
  }
  .primary-menu__more {
    display: none;
  }
  .primary-menu-mobile {
    position: relative;
    display: flex;
    align-items: center;
    height: 2.5rem;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .primary-menu-mobile--showing {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
  .primary-menu-mobile__active-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 2.5rem;
    width: 100%;
    padding: 0 3rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .primary-menu-mobile__menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background: #fff;
    padding: 2rem;
    display: none;
  }
  .primary-menu-mobile__menu ul {
    list-style: none;
    padding: 0;
  }
  .primary-menu-mobile__link {
    padding: 0.5rem;
    display: inline-block;
    color: #000;
    font-size: 1.5rem;
  }
  .primary-menu-mobile__menu-icon {
    width: 1rem;
    margin-right: 0.2rem !important;
    overflow: hidden;
  }
  .primary-menu-mobile__menu-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    height: 2rem;
    width: 2rem;
    z-index: 999;
    cursor: pointer;
    background: transparent url(../images/close.svg) no-repeat center center / 2rem;
    display: none;
  }
  .primary-menu--mobile-menu-showing .primary-menu-mobile__menu,
  .primary-menu--mobile-menu-showing .primary-menu-mobile__menu-close {
    display: block;
  }
  .primary-menu-mobile__side-menu-toggle {
    position: relative;
    height: 100%;
    z-index: 2;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .primary-menu-mobile__dropdown-toggle {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 110%;
    width: 1rem;
    margin-left: auto;
    padding-right: 2rem;
    background: transparent url(../images/more.svg) no-repeat left center / 1rem;
  }
  .mobile-menu-button {
    display: none !important;
  }
  .dashboard .mixed-entity-list {
    flex-wrap: wrap;
  }
  .dashboard .mixed-entity-list > * {
    min-width: 45%;
    flex: 0 0 45%;
    max-height: 43vw;
    margin-bottom: 2%;
  }
  .dashboard .card-view__card {
    padding: 1rem;
  }
  .dashboard .card-view__task-details {
    font-size: 0.8rem !important;
    margin: 0;
  }
  .dashboard .project-widget__title h3 {
    font-size: 0.8rem;
  }
  .dashboard__alerts {
    padding-top: 1.5rem;
  }
  .dashboard__lists {
    padding: 0.5rem;
  }
  .invoices-list-wrapper .invoices-line-items,
  .projects-list-wrapper .invoices-line-items,
  .invoices-list-wrapper .projects-line-items,
  .projects-list-wrapper .projects-line-items {
    border-bottom: none;
  }
  .invoices-list .invoice-wrapper {
    width: 29%;
    background: transparent;
  }
  .invoice-mini {
    background: #0198F7;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.05);
    font-size: 0.65rem !important;
    border-radius: 1px;
  }
  .invoice-mini .corner {
    display: none !important;
  }
  [data-status=draft] .invoice-mini {
    background: #98abb7;
  }
  [data-status=overdue] .invoice-mini {
    background: #FF534F;
  }
  [data-status=paid],
  [data-staus=approved] {
    background: #4EE59E;
  }
  .invoice-mini__client {
    padding: 0.5rem !important;
    color: rgba(255, 255, 255, 0.7);
  }
  .invoice-mini__total-text {
    display: none;
  }
  .invoice-mini__invoice-total {
    padding: 0 !important;
  }
  .invoice-mini__amount {
    color: #fff;
    letter-spacing: -0.3px;
    font-size: 1rem !important;
    font-weight: bold;
    margin-left: -0.65rem;
  }
  .invoice-mini__amount span {
    padding-right: 1px;
    font-size: 0.65rem;
    font-weight: normal;
    vertical-align: top;
  }
  .invoice-mini__meta {
    color: rgba(255, 255, 255, 0.7);
    padding: 0.5rem !important;
    font-size: 0.6rem !important;
  }
  .invoice-mini__number {
    display: none;
  }
  .projects-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .project-widget {
    width: 100%;
    padding: 0;
    margin: 0 2% 0.5rem 2% !important;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(33, 33, 66, 0.075);
    box-shadow: none;
    min-width: 250px;
  }
  .project-widget:last-child {
    border-bottom: none;
  }
  .project-widget a {
    color: #90A4AF;
  }
  .project-widget__title {
    float: none;
    position: relative;
    min-height: 8rem;
    height: 100%;
  }
  .project-widget__title h3 {
    font-size: 1rem;
    color: #000;
  }
  .project-widget__title h6 {
    margin: 0;
    line-height: 1;
    font-size: 0.8rem;
    text-transform: none;
    color: #90A4AF;
  }
  .project-widget__meta p {
    color: inherit;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    line-height: 1;
  }
  .project-widget__bottom {
    position: relative;
    background: none;
    border: none;
    display: none;
  }
  .screen-menu {
    padding: 1rem;
    height: auto;
    display: block;
  }
  .screen-menu__info {
    margin-bottom: 1.2rem;
  }
  .screen-menu__title {
    margin: 0;
    max-width: 92vw;
  }
  .screen-menu__section {
    flex-direction: row;
    flex-basis: 100%;
    width: 100%;
    justify-content: flex-start !important;
    align-items: flex-start;
  }
  .screen-menu__links {
    flex-direction: column;
    align-items: center;
  }
  .project-screen-menu .screen-menu__links {
    flex-direction: row;
  }
  .project-screen-menu .project-management {
    margin-left: auto !important;
  }
  .project-actions {
    margin: 0.15rem 0 0 auto;
  }
  .project-actions li {
    font-size: 0.65rem;
  }
  .project-management {
    margin-bottom: 0.75rem;
  }
  .project-actions .dropdown-button-dropdown {
    right: 0;
    left: auto;
  }
  .project-management__item {
    background-color: rgba(255, 255, 255, 0.2);
    background-size: 0.8rem;
    padding: 0.25rem 1rem;
    border-radius: 4px;
    margin-right: 1rem;
    margin-left: 0;
    display: block;
  }
  .project-categoreis__item a {
    padding: 0.25rem 0;
  }
  .project-overview {
    display: block;
    margin: 0 0 2rem 0;
  }
  .project-overview > div {
    padding: 0;
  }
  .project-overview h2 {
    font-size: 2rem !important;
    margin: 0 0 0.25rem 0;
    line-height: 1.2;
  }
  .project-overview h3 {
    margin: 1rem 0 0 0;
  }
  .project-overview__description {
    max-width: 100%;
    padding: 1rem 0 0 0 !important;
    margin: 0;
  }
  .project-details {
    margin: 0;
  }
  .project-details__top-content > div {
    padding: 1.4rem;
  }
  .project-details-panel {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .project-details__stats {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    margin: 1rem auto;
    width: 100% !important;
    padding: 1rem;
  }
  .project-details__top-details {
    margin: 0;
    text-align: left;
    height: auto !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .project-details__top-details > div {
    width: 33%;
    border: none;
    padding: 0.5rem;
  }
  .project-details__top-details h5 {
    font-size: 0.6rem;
  }
  .project-details__top-details h3,
  .project-details__top-details h3 span {
    color: #000;
    font-size: 1rem;
  }
  .project-details__status {
    margin: 3rem 0 2rem 0;
  }
  .project-details__bottom-content-inner {
    display: block;
  }
  .task-list__item {
    padding: 0 97px 0 20px;
  }
  .task-list__sort-handle {
    display: none;
  }
  .task-list__status-indicators {
    left: 0;
  }
  .task-list__task-assigned {
    width: 1.5rem;
    right: 97px;
  }
  .task-list__task-assigned-name {
    display: none;
  }
  .task-list__task-meta {
    display: none;
  }
  .task-labels__items {
    padding-left: 1rem;
  }
  .activity-stream-section {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 1rem;
  }
  .activity-stream__item {
    font-size: 0.8rem;
    line-height: 1.4 !important;
    margin: 1rem 0 !important;
  }
  .activity-stream__wrapper {
    width: 100% !important;
    margin: 0;
  }
  .project-screen {
    max-width: 100vw;
  }
  .project-screen > div {
    display: flex;
    flex-direction: column;
  }
  .screen-secondary-menu {
    width: 100%;
    flex-basis: auto;
    background: #fff;
    display: none;
  }
  .screen-secondary-menu__menu-items {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 1rem;
  }
  .screen-secondary-menu__menu-items a {
    color: #333;
    padding: 0.5rem;
    display: block;
    line-height: 1;
  }
  .add-file-button {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 100% !important;
    line-height: 2rem;
    text-align: center;
    background: transparent !important;
    color: inherit !important;
  }
  .file-list-view__outer {
    padding: 0rem !important;
  }
  .file-list-view__outer .file-outer {
    height: 100%;
  }
  .files-preview-list .file-list-preview {
    position: relative !important;
    float: none;
    left: auto !important;
    top: 0 !important;
    margin: 20px auto !important;
  }
  #file-list-simple-tiles .file-simple-tile {
    width: 40%;
    margin: 4%;
  }
  #file-list-simple-tiles .file-simple-tile .file-icon {
    max-width: 100%;
  }
  .file-view {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .file-view .file-view-inner {
    flex: 1 0 auto;
    padding: 1rem;
    width: 100%;
  }
  .file-view .file-dv {
    width: 100%;
    float: none;
  }
  .file-view .file-meta-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .file-view .meta-discussion {
    position: relative;
    display: none;
    flex: 1 0 auto;
    height: auto;
    padding: 0;
  }
  .file-view .entity-discussion {
    padding: 0 0 82px 0;
  }
  .file-view .new-message-wrapper {
    padding: 0;
  }
  .file-view--show-discussion .file-dv {
    display: none;
  }
  .file-view--show-discussion .meta-discussion {
    display: block;
  }
  .file-view__details {
    padding-top: 1rem;
  }
  .task-list-wrapper__kanban-button {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    flex-basis: 0 0 50% !important;
  }
  .task-list-wrapper__kanban-button span {
    padding-left: 1.2rem !important;
    background: transparent url(../images/squares.svg) no-repeat left center / 0.8rem;
  }
  .task-list-wrapper__list-button span {
    padding-left: 1.2rem !important;
    background: transparent url(../images/list.svg) no-repeat left center / 0.8rem;
  }
  .view-type-switcher {
    padding: 0;
  }
  .view-type-switcher .choose-type {
    padding: 0;
    width: 100%;
    display: flex;
    background: transparent;
  }
  .view-type-switcher span {
    padding: 0;
    line-height: 2rem;
    background: transparent;
    color: inherit !important;
    flex: 1 0 33.333% !important;
    text-align: center;
    font-size: 0.8rem;
  }
  .view-type-switcher span:after {
    display: none;
  }
  .view-type-switcher span.active {
    background: transparent !important;
  }
  .invoice-editor__wrapper {
    max-width: 100vw;
    display: flex;
    flex-direction: column;
  }
  .invoice-editor .additional-menus {
    order: 1;
  }
  .invoice-editor .invoice.editable {
    order: 2;
  }
  .invoice-editor .invoice-settings {
    order: 3;
  }
  .invoice-editor__menu .button {
    width: 50%;
    height: 3rem;
  }
  .invoice {
    border: none;
    width: 100vw;
    box-shadow: none;
    font-size: 0.8rem;
  }
  .invoice li > div {
    display: flex;
    align-items: center;
    padding: 4px 1px;
    line-height: 1.2;
  }
  .invoice .invoice-client {
    width: 100%;
    margin-bottom: 1rem;
  }
  .invoice .invoice-client-info {
    width: 100%;
    margin-bottom: 1rem;
  }
  .invoice .invoice-meta {
    width: 65%;
    margin-bottom: 1rem;
  }
  .invoice .invoice-meta > div > span:first-child {
    width: auto;
    text-align: left;
  }
  .invoice .invoice-due-date {
    width: 33%;
  }
  .invoice__top {
    padding: 0 1rem 1rem 1rem;
  }
  .invoice__meta {
    display: flex;
  }
  .invoice__branding {
    width: auto;
  }
  .invoice__badge {
    padding: 2rem 1rem 1rem 1.5rem;
  }
  .invoice__meta-details {
    padding-top: 2rem;
  }
  .invoice__meta-detail {
    display: block;
  }
  .invoice__send-details {
    word-break: break-all;
  }
  .invoice__items-wrapper {
    padding: 1rem;
  }
  .invoice__item {
    width: 31%;
  }
  .invoice__quantity {
    width: 20%;
  }
  .invoice__rate {
    width: 15%;
  }
  .invoice__tax-rates {
    width: 15%;
  }
  .invoice__subtotal {
    width: 19%;
  }
  .invoice__summary {
    padding-left: 0;
  }
  .invoice__footer {
    padding: 2rem 1rem 1rem 1rem;
  }
  .invoice-details {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .invoice-details__inner-wrapper {
    max-width: 100vw;
    flex-direction: column;
    flex: 1 0 auto;
  }
  .invoice-details__meta-wrapper {
    flex: 1 0 auto;
    padding-top: 0;
  }
  .invoice-meta__menu {
    display: none;
  }
  .invoice-meta__content {
    padding-top: 0;
  }
  .invoice-meta__info {
    padding-top: 3rem;
  }
  .invoice-meta__info,
  .invoice-meta__discussion {
    display: none;
  }
  .invoice-details--show-discussion .invoice-meta__discussion {
    display: block;
  }
  .invoice-details--show-discussion .invoice-details__invoice-wrapper,
  .invoice-details--show-discussion .invoice-meta__info {
    display: none;
  }
  .invoice-details--show-info .invoice-meta__info {
    display: block;
  }
  .invoice-details--show-info .invoice-details__invoice-wrapper,
  .invoice-details--show-info .invoice-meta__discussion {
    display: none;
  }
  .invoice-settings {
    width: 100% !important;
  }
  .make-recurring-form {
    padding: 1rem !important;
  }
  .make-recurring-form h5 {
    display: none;
  }
  .make-recurring-form [type=submit] {
    margin: 1rem 0;
  }
  .make-recurring-form label {
    font-size: 0.8rem;
  }
  .make-recurring-form input {
    height: auto;
    line-height: 29px;
    padding: 0;
    margin-bottom: 0.25rem;
  }
  .make-recurring-form__custom-frequency > div,
  .make-recurring-form__start-end-dates > div {
    flex: 0 1 50%;
  }
  .make-recurring-form__custom-frequency > div:first-child,
  .make-recurring-form__start-end-dates > div:first-child {
    margin-right: 1rem;
  }
  .make-recurring-form__start-end-dates {
    display: flex;
  }
  .payment-form__invoice-summary {
    border-left: 0;
  }
  .payment-form__invoice-summary,
  .payment-form__form-fields,
  .payment-form__paypal-instructions {
    max-width: 100%;
  }
  .stats-row__amount {
    font-size: 1.2rem;
  }
  .choose-type__type {
    font-size: 0.8rem;
    padding: 5px 10px;
  }
  .reporting-menu {
    flex-direction: column;
    padding: 0 1rem;
  }
  .reporting-menu > div {
    width: 100%;
  }
  .reporting-page__content {
    padding: 0;
  }
  .reporting-page__filter-text {
    order: 1;
    flex-basis: auto;
    padding: 0 0 1rem 0 !important;
    text-align: center;
  }
  .reporting-page__filter-title {
    text-align: center;
  }
  .reporting-page__graph-view-selector {
    order: 2;
  }
  .reporting-page__filters {
    padding: 2rem;
    flex-direction: column;
  }
  .reporting-page__filters .screen-secondary-menu__menu-items {
    padding: 2rem 0 0 0;
  }
  .reporting-page__choose-type {
    width: 100%;
  }
  .reporting-page__choose-type span {
    width: 50%;
    text-align: center;
  }
  .reporting-page__chart {
    height: 300px;
  }
  .time-entries-list__column,
  .invoices-line-items div,
  .projects-line-items div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .time-entries-list__column {
    flex-basis: 20%;
  }
  .reporting-page .invoices-line-items div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .reporting-page .invoice-status {
    display: none;
  }
  .reporting-page .invoice-number {
    width: 20%;
  }
  .reporting-page .invoice-client {
    width: 30%;
  }
  .reporting-page .invoice-total {
    width: 27%;
  }
  .client-icon {
    height: 2rem;
    width: 2rem;
    flex-basis: 2rem;
    line-height: 2rem;
    font-size: 0.65rem;
  }
  .client-page__info {
    padding: 2rem 1rem !important;
  }
  .client-page__details {
    padding-left: 1rem;
  }
  .client-page__meta-1,
  .client-page__meta-2,
  .client-page__meta-3 {
    width: 100%;
  }
  .entity-list-page {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  .entity-list-page__list {
    padding: 1rem;
    border: none;
    flex-grow: 1;
    margin-bottom: 0 !important;
  }
  .entity-list-page__list-item {
    padding: 1rem 0;
    align-items: flex-start;
  }
  .entity-list-page__list-item .client-icon {
    margin-top: 0.7rem;
  }
  .entity-list-page__list-item h5,
  .entity-list-page__list-item h6 {
    margin: 0.5rem 0;
  }
  .entity-list-page__entity-details,
  .entity-list-page__entity-meta {
    padding: 0 1rem;
  }
  .entity-list-page__entity-meta > div {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 0.8rem;
  }
  .user-details-page {
    margin: 0 !important;
    min-height: 100%;
    border: none;
  }
  .user-details-page__inner {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .user-details-page__user-image {
    text-align: center;
  }
  .user-details-page__user-image img {
    border-radius: 50%;
  }
  .user-details-page__user-information {
    order: 2;
    max-width: 250px;
    margin: 1rem auto;
  }
  .user-details-page__actions {
    order: 1;
    text-align: right;
  }
  .admin-settings__software-version {
    padding: 1rem;
  }
  .admin-settings__navigation {
    padding: 0 1rem;
  }
  .admin-settings__navigation li {
    width: 45%;
  }
  .dashboard-manager {
    height: 100%;
    background: linear-gradient(to bottom, #f3f6fb, #ffffff);
  }
  .dashboard-quick-start {
    padding: 0.5rem;
  }
  .quick-start {
    margin-bottom: 0;
  }
  .quick-menu {
    margin-bottom: 0.1rem !important;
  }
  .quick-menu span {
    font-size: 0.8rem;
  }
  .quick-menu__button {
    padding: 0 0 0 10px;
  }
  .quick-task {
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }
  .quick-task__time {
    display: none;
  }
  .quick-task__project,
  .quick-task__project + .choices {
    width: 30%;
  }
  .quick-task__fields > * {
    height: 40px !important;
    line-height: 40px !important;
  }
  .quick-task__create {
    height: 40px;
  }
  .agenda-task-list .task-list__item > div {
    margin: 0;
  }
  .agenda-task-list .task-list__task-status span {
    padding: 0;
    width: 3px;
    margin-right: 4px;
  }
  .agenda-task-list .task-list__task-assigned {
    display: none;
  }
  .agenda-task-list .task-list__primary-details {
    padding: 0 100px 0 20px;
  }
  .task-details-meta > div {
    width: 100% !important;
  }
  #my-time .main,
  #my-time .meta {
    width: 100%;
    height: auto;
  }
  #my-time .meta {
    display: flex;
    justify-content: space-between;
  }
  #my-time li {
    padding: 0.5rem 0;
    margin: 1rem 0;
    font-size: 0.8rem;
  }
  #my-time .time-entry-time {
    font-size: 0.8rem;
    padding: 0.15rem 0.5rem;
    border-radius: 2px;
  }
  #my-time .time-entry-task {
    position: relative;
    padding: 0.25rem 0;
    top: 0;
  }
  .people-list__person {
    width: 31%;
    margin: 0;
  }
  .people-list__person-image {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
  }
  .people-list__person-name {
    font-size: 0.8rem;
    font-weight: normal;
  }
  .calendar-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    width: 100%;
  }
  .notes-content,
  .no-notes {
    padding: 1rem;
  }
  .notes-menu .button {
    width: 100%;
    text-align: center;
    padding: 5px 10px;
  }
  .notes-menu .icon {
    font-size: 0.8rem;
  }
  .ck-toolbar {
    border: none !important;
  }
  .ck-editor__editable_inline {
    min-height: 250px;
    border: none !important;
  }
  .modal {
    top: 0;
    display: flex;
    align-items: center;
    min-width: auto;
  }
  .modal h3 {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .modal > div {
    width: 100%;
  }
  .modal-overlay .close {
    background-image: url(../images/close-dark.svg);
    height: 1rem;
    width: 1rem;
    background-size: 1rem;
    top: 1rem;
    right: 1rem;
  }
  .app-message {
    margin: 0;
    text-align: center;
  }
  .hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: 0.15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    z-index: 6;
  }
  .hamburger.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
    background-color: #fff;
  }
  .hamburger.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
  }
  .hamburger.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-90deg);
    background-color: #fff;
  }
  .hamburger-box {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
  }
  .hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -1px;
  }
  .hamburger-inner,
  .hamburger-inner:after,
  .hamburger-inner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    transition-timing-function: ease;
    transition-duration: 0.15s;
    transition-property: transform;
    border-radius: 0;
    background-color: #000;
  }
  .hamburger-inner:before {
    top: 5px;
  }
  .hamburger-inner:after {
    top: 10px;
  }
  .inner-content.content > div:not(.inline-page-form) {
    margin: 0;
    padding: 0 !important;
  }
  .inner-content.content > div.page {
    padding: 1rem;
    margin: 0;
  }
  .inline-page-form {
    padding: 2rem 1rem !important;
  }
  .page .page-title {
    padding: 0 1rem;
  }
  .page .page-title.has-buttons {
    margin: 0;
    font-size: 0.8rem;
    border-bottom: 1px solid rgba(33, 33, 66, 0.05);
  }
  .page .page-title.has-buttons .button.button--shadow {
    box-shadow: none;
    padding: 4px 10px;
  }
  .page .page-title.has-buttons > span {
    font-size: 0.65rem;
    color: #90A4AF;
    padding-left: 2px;
  }
  .button--grey .button {
    background: #eee;
  }
  .screen-title {
    background: #fff;
    border-bottom: 1px solid rgba(33, 33, 66, 0.05);
  }
  .screen-title__mobile-menu > li {
    width: 1rem;
    background-position: center center;
    margin-left: 1rem;
  }
  .screen-title__mobile-menu > li span {
    display: none;
  }
}
#change-setting {
  max-width: 450px;
}
#change-setting .setting-info {
  white-space: pre-wrap;
}
.client-billing-details h4 {
  margin-bottom: 2rem;
}
.client-billing-details__card {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.client-billing-details__card.Visa .card-image--placeholder,
.client-billing-details__card.MasterCard .card-image--placeholder,
.client-billing-details__card.American-Express .card-image--placeholder,
.client-billing-details__card.Discover .card-image--placeholder {
  display: none;
}
.client-billing-details__card.Visa .card-image--visa {
  display: block;
}
.client-billing-details__card.MasterCard .card-image--mastercard {
  display: block;
}
.client-billing-details__card.American-Express .card-image--amex {
  display: block;
}
.client-billing-details__card.Discover .card-image--discover {
  display: block;
}
.client-billing-details__card-inner {
  display: flex;
}
.client-billing-details__icon {
  width: 3rem;
  margin-right: 2rem;
  display: inline-block;
}
.client-billing-details__icon img {
  width: 100%;
  display: none;
}
.client-billing-details__icon .card-image--placeholder {
  width: 100%;
  height: 2rem;
  background: #eee;
  font-size: 0.6rem;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  color: rgba(0, 0, 0, 0.5);
}
.client-billing-details__card-info {
  width: 100%;
  text-align: right;
}
.client-billing-details__card-last-4 {
  text-align: right;
  padding-bottom: 0.5rem;
}
.client-billing-details__card-exp {
  color: #999;
  text-align: right;
}
.client-billing-details__remove-card {
  color: #00aeff;
  cursor: pointer;
}
.client-billing-details__remove-card:hover {
  text-decoration: underline;
}
form.confirm-delete {
  width: 400px;
}
.confirmation-buttons {
  display: flex;
  justify-content: flex-end;
}
.confirmation-buttons button {
  width: auto;
  margin-left: 1rem;
}
.client-settings {
  background: #fff;
  padding: 2rem;
}
.client-settings__section-title {
  font-weight: 800;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5rem;
  margin: 2rem 0 1rem 0;
  font-size: 1.2rem;
  display: flex;
  align-items: flex-end;
  border: none;
}
.recurring-entity-editor {
  position: absolute;
  top: 0;
  right: 200px;
  width: 400px;
  background: #fff;
  z-index: 9999;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.16);
  backdrop-filter: saturate(180%) blur(10px);
  background: rgba(255, 255, 255, 0.92);
}
.recurring-entity-editor__title {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 2rem 0;
  padding-bottom: 0.5rem;
}
.recurring-entity-editor__section {
  display: flex;
  padding: 0 1rem;
  margin: 1rem 0;
}
.recurring-entity-editor__label {
  width: 75px;
  font-weight: bold;
}
.recurring-entity-editor__details {
  flex: 0 1 325px;
}
.recurring-entity-editor__details > * {
  margin-bottom: 1rem;
}
.recurring-entity-editor__buttons {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.5rem;
}
.recurring-schedule__interval,
.recurring-schedule__monthly,
.recurring-schedule__yearly,
.recurring-schedule__end-date {
  display: flex;
  align-items: center;
}
.recurring-schedule__interval input,
.recurring-schedule__monthly input,
.recurring-schedule__yearly input,
.recurring-schedule__end-date input,
.recurring-schedule__interval select,
.recurring-schedule__monthly select,
.recurring-schedule__yearly select,
.recurring-schedule__end-date select {
  height: 2rem;
  margin-bottom: 0;
}
.recurring-schedule__option {
  display: none;
}
.recurring-schedule--weekly .recurring-schedule__weekly {
  display: block;
}
.recurring-schedule--monthly .recurring-schedule__monthly {
  display: block;
}
.recurring-schedule--yearly .recurring-schedule__yearly {
  display: block;
}
.recurring-schedule__monthly select {
  margin-right: 0.5rem;
}
.recurring-schedule__interval input {
  width: 2rem;
  margin: 0 0.5rem;
}
.recurring-schedule__description {
  width: 100%;
  padding: 1.5rem 1rem 0.5rem 1rem;
  text-align: center;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.recurring-schedule__next-instance-date {
  text-align: Center;
  color: #00aeff;
}
.recurring-schedule__end-option {
  display: flex;
  align-items: center;
}
.recurring-schedule__end-option input {
  margin-right: 0.5rem;
}
.recurring-schedule__end-date {
  margin-left: 1rem;
}
.recurring-schedule__interval-input {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.button-row {
  display: flex;
  list-style: none;
  margin: 0 0 0.5rem 0;
  border-radius: 0.5rem;
}
.button-row > * {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0.5rem;
  text-align: center;
  cursor: pointer;
}
.button-row > *:not(:last-child) {
  border-right: none;
}
.button-row > *:hover {
  border: 1px solid #00aeff;
  color: #00aeff;
  background: rgba(0, 174, 255, 0.05);
}
.button-row > *:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.button-row > *:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.button-row--selected {
  background: #00aeff;
  border-color: #00aeff;
  color: #fff;
  border-left: 1px solid transparent;
}
.button-row--selected:hover {
  background: #00aeff;
  color: #fff;
}
.button-row--four-buttons > * {
  width: 25%;
  flex: 0 0 25%;
}
.button-row--seven-buttons > * {
  width: 14.285%;
  flex: 0 0 14.285%;
}
.radio-wrapper {
  width: 14px;
  height: 14px;
  position: relative;
  margin-right: 0.5rem;
}
.radio-wrapper input {
  margin: 0;
}
.radio-wrapper label {
  cursor: pointer;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.radio-wrapper label:hover {
  border-color: #00aeff;
}
.radio-wrapper label:after {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #00aeff;
  display: block;
  content: '';
  opacity: 0;
  margin: 1px;
}
.radio-wrapper input[type=radio]:checked + label:after {
  opacity: 1;
}
.radio-wrapper input[type=radio] {
  visibility: hidden;
}
.date-popup {
  width: 240px;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.16);
  z-index: 9999;
}
.date-popup .picker,
.date-popup .picker__holder {
  position: relative;
}
.all-work {
  background: #fff;
}
[data-template=all-work] {
  background: #fff;
}
.data-table {
  max-width: 1064px;
  margin: 0 auto;
  background: #fff;
  column-gap: 0;
  border: 0;
}
.data-table ul {
  list-style: none;
  margin: 0;
}
.data-table .task-list__task-status {
  width: 20px;
  padding: 0;
  margin: 0;
  display: block;
}
.data-table .task-list__task-status span {
  border-radius: 3px;
  width: 4px;
  display: block;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 13px;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  background: #90A4AF;
}
.data-table .task-list__item--overdue .task-list__task-status span {
  background: #FC6E63;
  color: rgba(0, 0, 0, 0);
}
.data-table .task-list__item--at-risk .task-list__task-status span {
  background: #FEC485;
  color: rgba(0, 0, 0, 0);
}
.data-table .task-list__item--on-schedule .task-list__task-status span {
  display: none;
}
.data-table__row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  display: flex;
  cursor: pointer;
  background: #fff;
}
.data-table__row:not(.data-table__header-row):hover {
  background: #fafafa;
}
.data-table__row.ui-draggable-dragging {
  background: #fff;
  border-radius: 3px;
  box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.1);
  z-index: 99999;
}
.data-table__row:nth-child(n + 10) {
  display: none;
}
.data-table--show-all .data-table__row {
  display: flex;
}
.data-table__section-header {
  padding: 0.75rem 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  cursor: pointer;
  background: #fafafa;
}
.data-table__section-header:hover {
  background: #fafffa;
}
.data-table__section-header .user-image {
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
}
.data-table__section-header:after {
  content: '';
  display: block;
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 1rem;
  background: transparent url(../images/arrow-down.svg) no-repeat center center / 0.55rem;
}
.data-table--section-closed .data-table__row,
.data-table--section-closed .data-table__header-row {
  display: none;
}
.data-table--section-closed .data-table__row:first-child,
.data-table--section-closed .data-table__header-row:first-child {
  display: flex;
}
.data-table--section-closed .data-table__section-header:after {
  transform: rotate(-90deg);
}
.data-table--section-closed + .data-table__num-hidden {
  display: none !important;
}
.data-table__header-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  display: flex;
  cursor: pointer;
  background: #fff;
  font-weight: 600;
}
.data-table__header-row:not(.data-table__header-row):hover {
  background: #fafafa;
}
.data-table__header-row.ui-draggable-dragging {
  background: #fff;
  border-radius: 3px;
  box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.1);
  z-index: 99999;
}
.data-table__header-row .asc:before,
.data-table__header-row .desc:before {
  content: '';
  height: 100%;
  width: 0.75rem;
  position: absolute;
  top: 0;
  left: 0.5rem;
  background: transparent url(../images/down-arrow.svg) no-repeat left center / 0.6rem;
}
.data-table__header-row .desc:before {
  transform: rotate(180deg);
}
.data-table__cell {
  padding: 0.75rem 1.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.01);
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.data-table__cell:nth-child(2) {
  width: 60%;
}
.data-table__cell:nth-child(3),
.data-table__cell:nth-child(4),
.data-table__cell:nth-child(5) {
  width: 20%;
}
.data-table__cell:last-child {
  border-right: none;
}
.data-table__num-hidden {
  padding: 0.75rem 1rem;
  text-align: center;
  cursor: pointer;
}
.data-table__num-hidden:hover {
  text-decoration: underline;
}
div.data-table--always-visible:nth-child(n) {
  display: block;
}
.data-table__row.data-table--always-visible {
  display: flex;
}
.data-table__empty-table-notice {
  padding: 0.75rem 1rem 0.75rem 4rem;
  color: #90A4AF;
  font-style: italic;
  opacity: 0.8;
}
.user-work__name {
  font-weight: 600;
  color: #000;
  padding-right: 1rem;
}
.user-work__task-count {
  opacity: 0.85;
}
.project-notes {
  width: 816px;
  margin: 0 auto;
}
.project-notes .notes-content {
  position: relative;
  box-shadow: 0 0 10px rgba(16, 31, 59, 0.03);
  border: 1px solid #DCDFE0;
  padding: 40px;
  background: #fff;
  min-height: 1066px;
}
