html {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
@font-face {
  font-family: "Open Sans";
  src: url("../assets/fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../assets/fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "Open Sans";
  src: url("../assets/fonts/OpenSans-Semibold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Open Sans";
  src: url("../assets/fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Homemade Apple";
  src: url("../assets/fonts/HomemadeApple-Regular.ttf") format("truetype");
  font-weight: normal;
}
body {
  min-height: 100%;
  width: 100%;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}
.input-group-addon {
  /*Until font size is finalised*/
  font-size: 12px !important;
  font-weight: bold;
  border-radius: 2px;
  background-color: #f4f4f4;
}
input-date-picker input {
  padding-right: 5px !important;
}
.modal-body,
.modal-footer,
.modal-header {
  background-color: white;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.99);
}
img.app-splash-logo {
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.loadingIcon.app-splash-spinner {
  top: auto !important;
  bottom: 100px !important;
}
.app-footer {
  display: block;
  transition: all 0.25s;
  margin: 10px auto 30px auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.app-footer .app-footer-fromFlexitime {
  width: 90%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-footer .app-footer-fromFlexitime.-cursor {
  cursor: pointer;
}
.app-footer .app-footer-fromFlexitime > img {
  max-width: 130px;
  margin: 0 7px;
}
label {
  font-weight: normal;
  font-size: 12px;
  color: #333;
}
h1 {
  font-size: 30px;
  line-height: 42px;
  /*font-weight:;*/
  /*color:;*/
}
h2 {
  font-size: 21px;
  line-height: 34px;
  /*font-weight:;*/
  /*color:;*/
}
h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  /*color:;*/
}
h4 {
  font-size: 14px;
  line-height: 22px;
  /*font-weight:;*/
  /*color:;*/
}
h5 {
  font-size: 12px;
}
p {
  font-size: 12px;
  line-height: 26px;
  /*font-weight:;*/
  /*color:;*/
}
.app-fieldOptional {
  margin-left: 5px;
  font-style: italic;
}
.-divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #efefef;
  margin: 20px 0 15px 0;
}
i.passive {
  color: #bbb;
}
i.md-icon {
  font-size: 22px;
}
.inv-disabledForm * {
  pointer-events: none !important;
  box-shadow: none !important;
}
.inv-disabledForm input,
.inv-disabledForm textarea,
.inv-disabledForm button:not(.checkbox-active),
.inv-disabledForm list-selector {
  background-color: #fbfbfb;
}
.inv-disabledForm input .ion,
.inv-disabledForm textarea .ion,
.inv-disabledForm button:not(.checkbox-active) .ion,
.inv-disabledForm list-selector .ion {
  display: none;
}
.inv-disabledForm radio-button > div {
  background-color: #fbfbfb;
}
a:hover,
a:focus {
  color: #00adef;
  text-decoration: none !important;
}
/* Custom Scroll Bar */
/*::-webkit-scrollbar {*/
/*height: 8px;*/
/*}*/
/*::-webkit-scrollbar-track {*/
/*background-color: transparent;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*border-radius: 10px;*/
/*background-color: #BDBDBD;*/
/*}*/
::-webkit-scrollbar {
  width: 7px;
  background-color: #f9f9f9;
}
::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 0px !important;
}
.inv-screen-min {
  min-height: 600px;
}
.inv-dropDown-filterDiv {
  position: relative;
  padding: 0 10px 0 45px;
}
.inv-dropDown-filterDiv .ion-ios-arrow-back {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.25s;
}
.inv-dropDown-filterDiv .ion-ios-arrow-back:hover {
  background-color: #f4f4f4;
}
.dropdown-menu li .ion-ios-arrow-forward {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 12px;
  color: #999;
}
.inv-dropDown-filterDiv .ion-ios-search-strong {
  position: absolute;
  font-size: 14px;
  left: 55px;
  top: 50%;
  color: #ccc;
  transform: translateY(-50%);
}
.inv-dropDown-filterDiv input {
  padding-left: 25px;
  margin: 8px 0;
}
.inv-dropDown-filterEmpty {
  padding: 15px;
  margin-bottom: 0;
  color: #999;
  font-weight: 200;
  text-align: center;
}
.noDDNav {
  padding: 0 10px;
}
.noDDNav .ion-ios-search-strong {
  left: 20px !important;
}
.dropdown-menu {
  border-radius: 2px !important;
}
.dropdown-menu li {
  position: relative;
}
.open > .dropdown-menu {
  max-height: 370px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.open > .dropdown-menu::-webkit-scrollbar {
  width: 7px;
  background-color: #f9f9f9;
}
.open > .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 0px;
}
.form-control {
  border-radius: 2px;
  font-size: 12px !important;
}
.loadingIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 35px;
  max-height: 35px;
  z-index: 11;
}
.loadingIcon img {
  max-width: 35px;
  max-height: 35px;
}
.inlineLoadingIcon {
  position: absolute;
  right: -10px;
  top: 10px;
  max-width: 15px;
  max-height: 15px;
  line-height: 15px;
}
.inlineLoadingIcon img {
  max-width: 15px;
  max-height: 15px;
}
.loadingMessage {
  white-space: nowrap;
  position: absolute;
  color: #999;
  padding-top: 15px;
  left: 50%;
  transform: translateX(calc(-50% - 0.5px));
}
.loadingMessage .one,
.loadingMessage .two,
.loadingMessage .three {
  margin-right: -2px;
}
.loadingMessage .one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0s;
  animation: dot 1.3s infinite;
  animation-delay: 0s;
}
.loadingMessage .two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}
.loadingMessage .three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}
@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.savingIcon {
  width: 30px;
  float: right;
  margin-top: 1px;
}
.savingIcon img {
  max-width: 30px;
  max-height: 30px;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
button {
  /*border:none !important;*/
  border-radius: 2px;
}
.badge {
  border-radius: 2px;
  font-size: 10px;
  padding: 5px 10px;
  margin-right: 5px;
  cursor: default;
  transition: all 0.25s;
  font-weight: normal;
  user-select: none;
  -webkit-user-select: none;
}
.badge-remove {
  position: relative;
  padding-right: 20px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 3px;
}
.badge-remove > .ion-ios-close-empty {
  position: absolute;
  right: 8px;
  top: 3px;
}
.badge-owner {
  background-color: #5BA079;
}
.badge-admin {
  background-color: #00adef;
}
.badge-approver {
  background-color: #5cb85c;
}
.badge-pending {
  background-color: #bbb;
}
.badge-new {
  background-color: #ffb300;
}
.task-color {
  width: 5px;
  height: 30px;
  float: left;
  position: relative;
  top: 50%;
  margin-right: 10px;
  border-radius: 2px;
  transform: translateY(-50%);
}
.dropdown-menu .task-color {
  height: 20px !important;
}
/* Company Dropdown menu */
.nav .dropdown-menu {
  width: 230px;
  top: 49px;
  /*left: -165px;*/
  border-radius: 2px;
}
.dropdown-menu > li > a {
  height: 30px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.glyphicon-calendar {
  color: #777 !important;
}
.weekSelector-selectDateBtn {
  top: 0 !important;
}
.ion-arrow-left-b {
  font-size: 10px;
  top: 0px;
}
.AddEditNav .inv-subnav-active:after {
  display: none;
}
.inv-title {
  color: #5d5d5d;
  text-align: center;
  margin-top: 30px;
}
.homeButton {
  top: 0 !important;
}
.uib-datepicker div:first-child:focus {
  outline: 0 !important;
}
/*textarea:focus {outline:0 !important;}*/
.btn:focus {
  outline: 0 !important;
}
.btn {
  border-radius: 2px;
  font-size: 12px;
  transition: all 0.25s !important;
}
div .btn[disabled] {
  background-color: #f4f4f4 !important;
  border-color: #ccc !important;
  color: #999;
  cursor: not-allowed;
}
div .btn[disabled]:hover {
  background-color: #f4f4f4 !important;
  border-color: #ccc !important;
  color: #999 !important;
}
.uib-datepicker-popup div .btn[disabled] {
  background-color: #f4f4f4 !important;
  border: solid 2px #fff !important;
  color: #999 !important;
  cursor: not-allowed !important;
}
.btn-default {
  background-color: #fff;
}
.btn-clear {
  background-color: transparent;
  border: none;
}
.btn-link {
  color: #00adef;
  border: none;
}
.btn-link:hover,
.btn-link:focus {
  color: #008fb7;
}
.btn-link:hover > *,
.btn-link:focus > * {
  color: #008fb7;
}
.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link:disabled:focus {
  color: var(--app-color-grey);
}
.btn-link.danger {
  color: #d9534f;
}
.btn-success {
  background-color: #5eb22e !important;
  border-color: #5eb22e !important;
}
.btn-success:hover {
  background-color: #549e29 !important;
  border-color: #549e29 !important;
}
.uib-button-bar .btn-primary {
  color: #333 !important;
  background-color: #fff;
  border: solid 1px #ccc !important;
}
.uib-button-bar .btn-primary:hover {
  background-color: #e6e6e6;
  border-color: #adadad !important;
}
.uib-button-bar .btn-danger {
  margin-left: 7px !important;
}
.btn-primary {
  background-color: #00adef;
  border: solid 1px #00adef;
}
.btn-primary:hover {
  background-color: #008fb7;
  border-color: #008fb7;
  color: #fff;
}
.btn-danger {
  font-size: 12px !important;
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #ccc;
  color: #333;
}
.btn-danger:hover {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff;
}
.btn-sm .btn-danger {
  font-size: 12px !important;
}
/*For small square green plus buttons + hamburger menus */
.btn.dropdown-toggle {
  height: 34px;
  width: 34px;
  margin-top: 0;
  border: 1px solid #ccc;
  padding: 0;
  background-color: #ffffff;
}
/*For big dropdown buttons */
.btn-default.dropdown-toggle {
  padding: 6px 9px 6px 9px;
}
.modal-content .btn:not(.btn-sm) {
  min-width: 100px;
  height: 34px;
}
.modal-content check-box .btn {
  height: 20px;
}
/* Styles for dropdowns next to inputs */
.inv-input-dropDown {
  float: left;
  position: relative;
}
.inv-input-dropDown ul {
  top: 35px !important;
}
.inv-input-dropDown span:first-child {
  position: relative;
  top: -1px;
}
.project-editCol .inv-input-dropDown button {
  color: #555;
  font-weight: bold;
  width: 103px !important;
}
.inv-mdModal-rowInput .inv-input-dropDown button,
.manage-editCol .inv-input-dropDown button {
  color: #555;
  font-weight: 800;
  width: 65px !important;
  min-width: unset !important;
  background-color: #eee;
  border-color: #ccc;
}
.inv-input-dropDown.dropDownRight button {
  margin-left: -1px;
  border-radius: 0 2px 2px 0 !important;
}
.inv-input-dropDown.dropDownLeft button {
  margin-right: -1px;
  border-radius: 2px 0 0 2px !important;
}
/* Ionicon Icon Styling */
.ion-ios-checkmark-empty:before {
  top: -1px !important;
  font-size: 22px;
  position: relative;
  height: inherit;
}
.ion {
  font-size: 16px;
  position: relative;
}
.ion-ios-close-empty {
  cursor: pointer;
}
/*INVOICE LINE TEMPLATE STYLING*/
.inv-line-incl-main-body {
  width: 100%;
  padding-left: 0;
  line-height: 40px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.inv-line-incl-main-body .col-xs-6,
.inv-line-incl-main-body .col-xs-12 {
  padding-left: 30px;
}
.inv-line-incl-description {
  width: calc(100% - 20px);
  /* Allow spacing between description and quantity*/
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  line-height: 32px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  overflow: hidden;
  white-space: nowrap;
}
.inv-line-incl-input {
  height: 30px;
}
.inv-line-incl-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  line-height: normal;
}
.inv-sub-incl-container {
  width: 100%;
  margin: 15px 0 0 0;
}
.inv-sub-incl-desc {
  width: 100%;
  position: relative;
  display: flex;
  padding-bottom: 15px;
  border-bottom: solid 1px #555;
}
.inv-sub-incl-list {
  padding: 0 0 0 20px;
}
.inv-line-wrap .rx-editor.container {
  overflow: hidden;
  white-space: nowrap;
}
.inv-sub-incl-add {
  width: 34px;
  height: 34px;
  padding: 9px;
  line-height: 12px;
}
.inv-sub-incl-footer {
  width: 90%;
  height: 40px;
  margin-top: -35px;
  position: relative;
  right: -10%;
}
.inv-sub-incl-total {
  float: right;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  right: 0;
  color: #000;
  top: 11px;
  font-weight: bold;
}
.inv-sub-editor {
  width: 50%;
}
.inv-line-editor {
  min-height: 30px !important;
  padding: 2px 8px;
  display: inline-block;
  width: calc(100% - 10px);
  border: solid 1px #fff;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.25s;
  border: solid 1px #f1f1f1;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
}
.inv-total-sub,
.inv-total {
  float: right;
  width: 100%;
  height: 35px;
  line-height: 2.5;
  font-weight: bold;
  color: #000;
}
.inv-line-incl-filters {
  height: 100%;
  width: 50%;
  float: right;
}
.inv-line-incl-filter {
  float: right;
  margin-left: 7px;
  width: auto;
}
@media screen and (max-width: 1188px) {
  #inputFilter input {
    width: 120px;
  }
  #inputFilter {
    width: 120px;
  }
}
/**********************************/
/* INVOICE STYLING */
.inv-temp-outer-container {
  border-radius: 2px;
  margin-bottom: 60px;
}
.inv-temp-header-input {
  font-size: 21px !important;
  box-shadow: none;
  border: solid 1px #fff;
  transition: border 0.25s;
  border-radius: 2px;
  height: 50px;
  max-width: 300px;
}
.inv-temp-header-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.inv-temp-header-input:hover {
  border: solid 1px #f1f1f1;
}
.inv-temp-header-input:focus {
  outline: auto 1px #4d90fe;
  border: solid 1px #4d90fe;
  box-shadow: none;
}
.inv-temp-main-container {
  /*border: 1px solid #ccc;*/
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 50px;
  border-radius: 2px;
}
.inv-temp-invoice-header {
  margin-bottom: 20px;
  min-height: 120px;
  display: flex;
}
.inv-temp-invoice-top-header {
  height: 100%;
  width: 100%;
}
.inv-temp-invoice-sub-header {
  min-height: 120px;
  display: flex;
  margin-bottom: 20px;
}
.inv-temp-subheader {
  height: 100%;
  width: 100%;
}
.inv-temp-invoice-titles {
  text-align: right;
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-temp-main-list-container {
  padding: 20px 0;
  margin-bottom: 50px;
}
.inv-temp-main-content .btn-success {
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 16px;
}
.inv-temp-main-totals {
  height: 100px;
}
.inv-temp-totals-panel {
  float: left;
  padding-top: 10px;
  width: 90%;
  text-align: right;
  color: #000;
}
.inv-temp-invoice-footer-container {
  min-height: 120px;
  display: flex;
}
.inv-temp-invoice-footer {
  height: 100%;
  width: 100%;
}
.inv-temp-invoice-addTimesheets {
  padding: 32px 30px 30px 60px;
  margin-top: 30px;
  border: solid 1px #f4f4f4;
  background-color: #fbfbfb;
  border-radius: 2px;
  position: relative;
}
.inv-temp-invoice-addTimesheets i {
  position: absolute;
  font-size: 20px;
  top: 0;
  left: 0;
  bottom: 0;
  color: #ddd;
  background-color: #fff;
  padding: 31px 10px;
  border-right: solid 1px #f4f4f4;
}
.inv-temp-list {
  width: 250px;
}
.inv-temp-list > li {
  padding: 0 15px;
  cursor: pointer;
  line-height: 34px;
  font-size: 12px;
}
.inv-temp-list > li:hover {
  background-color: #eee;
}
.inv-temp-list-icon {
  top: 2px;
  margin-right: 12px;
}
/**********************************/
/* Title Styling */
.AddEditNav a[data-title]:hover:after {
  content: attr(data-title);
  padding: 2px 6px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: #bfbfbf;
  position: absolute;
  left: 80px;
  top: 40px;
  white-space: nowrap;
  z-index: 20;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.vWeek-gridOuterContainer[data-title]:hover:after {
  content: attr(data-title);
  padding: 2px 6px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  position: absolute;
  /*left: calc(~'58.5% - 150px');*/
  /*top: calc(~'34% - 30px');*/
  right: 0;
  top: -30px;
  background-color: #bfbfbf;
  white-space: nowrap;
  z-index: 20;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.vWeek-gridCell[data-title]:hover:after {
  content: attr(data-title);
  padding: 2px 6px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  position: absolute;
  right: -120px;
  top: -30px;
  background-color: #bfbfbf;
  white-space: nowrap;
  z-index: 20;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.inv-reminder-main,
.modal-content {
  border-radius: 2px !important;
}
/* Main Navbar styling */
.inv-navbar-main {
  background-color: #00adef;
  border-color: #11b4ff;
}
.inv-navbar-main .navbar-brand {
  color: #fff;
}
.inv-navbar-main .navbar-brand:hover,
.inv-navbar-main .navbar-brand:focus {
  /*color: #333;*/
  background-color: transparent;
}
.inv-navbar-main .navbar-text {
  color: #fff;
}
.inv-navbar-main .navbar-nav > li > a {
  color: #fff;
  letter-spacing: 0.75px;
}
.inv-navbar-main .navbar-nav > li > a:hover,
.inv-navbar-main .navbar-nav > li > a:focus {
  /*color: #333;*/
  background-color: #00a2e0;
}
.inv-navbar-main .navbar-nav > .active > a {
  color: #fff;
  background-color: #0092c9;
}
.inv-navbar-main .navbar-nav > .active > a:hover,
.inv-navbar-main .navbar-nav > .active > a:focus {
  /*color: #333;*/
  background-color: #0092c9;
}
.inv-navbar-main .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: inherit;
  border-color: #11b4ff;
}
.inv-navbar-main .navbar-toggle .icon-bar {
  background-color: #fff;
}
.inv-navbar-logout {
  height: 34px;
  width: 84%;
  display: block;
  margin: 5% 8% 8% 8%;
  border: none;
  border-radius: 2px !important;
}
.inv-navbar-dropdown > li {
  min-height: 30px;
  cursor: pointer;
  box-shadow: none;
}
.inv-navbar-dropdown > li > a {
  padding: 5px 20px 5px 20px;
  font-size: 12px;
}
.inv-header {
  width: 100%;
  position: absolute;
  height: 50px;
  background-color: #00adef;
}
.inv-footer {
  height: 50px;
  background-color: #ebebeb;
  bottom: 0;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inv-footer-img {
  height: calc(100% - 20px);
  width: 135px;
  padding: 5px !important;
}
.inv-invoxy-icon {
  display: block;
  margin: 0px auto 0px auto;
  padding: 40px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inv-main-container {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.inv-main-container,
.nav .container-fluid {
  width: 1200px;
  max-width: 1920px;
}
/* Media queries for handling different whitespace for tablet sized displays */
@media (max-width: 1400px) {
  .inv-main-container,
  .nav .container-fluid {
    width: 1000px;
  }
}
@media (max-width: 1250px) {
  .inv-main-container,
  .nav .container-fluid {
    width: 900px;
  }
}
@media (max-width: 1000px) {
  .inv-main-container,
  .nav .container-fluid {
    width: 90%;
  }
}
/* Sub Nav Styles */
.navbar-nav {
  cursor: pointer;
}
.nav .navbar-nav .ion-arrow-left-b {
  font-size: 13px;
  margin-right: 2px;
  left: 0;
  transition: left 0.25s;
}
.nav li a:first-child:hover .ion-arrow-left-b {
  left: -3px;
}
/* Old Classes for Manage pages */
/* Use styling in core.manageItemTable.less for all future tables in manage pages */
.manage-infoRow {
  transition: all 0.25s;
}
.manage-infoRow:hover {
  background-color: #f9f9f9;
}
.manage-editHeader {
  width: 100%;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.manage-editHeader .btn-link {
  padding: 0;
}
.manage-editCol {
  min-height: 50px;
  overflow: hidden;
  line-height: 33px;
}
.manage-editCol.-boldText {
  font-weight: 600;
}
.manage-editCol .btn-link {
  padding: 0;
}
.manage-editRadioCol {
  min-height: 50px;
  overflow: hidden;
  padding: 15px;
}
/*.manage-tableTitle{*/
/*position:absolute;*/
/*margin-left: 5px;*/
/*}*/
.manage-tableCheckbox {
  width: 1px;
  text-align: center;
  padding: 12px !important;
}
.manage-tableEdit {
  padding: 5px 10px 5px 10px;
  width: 50px;
}
.manage-tableName {
  padding: 13px !important;
  position: relative;
}
.manage-tableArrow {
  right: 3px;
  top: 3px;
  float: right;
  font-size: 12px;
  color: #999;
}
.manage-headerSection {
  padding: 20px 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.manage-headerSection > div {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.manage-headerSection > div:first-child {
  margin-right: 20px;
}
.manage-headerSection > div:first-child h2 {
  flex: 0 0 auto;
  max-width: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.manage-headerSection > div:first-child label-panel {
  flex: 1 1 auto;
}
.manage-headerSection > div:first-child > *:not(:first-child) {
  margin-left: 10px;
}
.manage-headerSection > div:last-child {
  justify-content: flex-end;
  flex: 0 0 auto;
}
.manage-headerSection > div:last-child > *:not(:last-child) {
  margin-right: 10px;
}
.manage-headerSection > div > button {
  min-width: 100px;
  padding-left: 20px;
  padding-right: 20px;
  height: 34px;
}
.manage-headerSection > div .ion-edit {
  color: #ccc;
  z-index: 999;
}
.manage-SectionButton {
  min-width: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
/* Angular Bootstrap tab overrides */
.nav-tabs .uib-tab {
  z-index: 10;
}
.nav-tabs > li > a {
  padding: 10px 25px;
  background-color: #ffffff !important;
  border-bottom: 1px solid #dddddd;
  border-radius: 2px 2px 0 0 !important;
}
.nav-tabs > li > a:hover {
  background-color: #fafafa !important;
  border: 1px solid #fafafa;
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li.active > a {
  background-color: #efefef !important;
  border-bottom: 1px solid #efefef;
}
.nav-tabs > li > a {
  border-bottom: 1px solid #dddddd;
}
.tab-content {
  margin-top: -1px;
}
/* Styling for title sections under tabs */
.inv-timeHeader {
  background-color: #efefef;
  border: solid 1px #ddd;
  height: 10px;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}
.inv-timeSecondaryHeader {
  height: 60px;
  background-color: #f9f9f9;
  border: solid 1px #ddd;
  border-bottom: 0;
}
/* Info squares on Payroll and Invoices pages */
.inv-info-container {
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 20px;
}
.inv-info-container div:nth-child(2) {
  margin-left: 0;
}
.inv-info-container div:not(.loadingIcon) {
  width: calc(100% / 3);
  float: left;
  margin-left: 15px;
  padding: 30px;
  border: solid 1px #ddd;
  background-color: #f9f9f9;
  border-radius: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-info-container div span {
  font-size: 12px;
  color: #999;
}
.inv-info-container div p {
  font-size: 26px;
  color: #333;
  margin: 10px 0 0 0;
}
/* Global Standards for Sub Nav on Tabbed areas */
.inv-tab-nav {
  height: 10px;
  background-color: #efefef;
  border-bottom: solid 1px #ddd;
  border-radius: 0 2px 0 0;
}
.inv-tab-subNav {
  background-color: #f9f9f9;
  width: 100%;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  height: 50px;
  padding-top: 2px;
}
.inv-tab-subNavTitle {
  float: left;
  padding-left: 13px;
  padding-top: 15px;
}
/* Placememnt Label Styles */
.extraLabelsHolder {
  position: absolute;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  max-width: 420px;
  min-width: 150px;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 2px;
  z-index: 111;
  left: calc(100% - 10px);
  top: 50%;
  transition: all 0.25s;
}
.extraLabelsHolder::after {
  content: "";
  position: absolute;
  left: 13px;
  top: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.extraLabelsHolder::before {
  content: "";
  position: absolute;
  left: 13px;
  top: -11px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
/*.ion-more {*/
/*color: #dcdcdc;*/
/*cursor: pointer;*/
/*padding: 2px 6px 7px 6px;*/
/*border-bottom: none !important;*/
/*border-radius: 4px 4px 0 0;*/
/*position: absolute !important;*/
/*top: 50%;*/
/*right: -25px;*/
/*z-index: 110;*/
/*transform: translateY(-50%);*/
/*transition: all .25s;*/
/*}*/
/*.ion-more:hover {*/
/*color: #bbb;*/
/*}*/
.inv-dash-label-container {
  float: left;
  position: relative;
  margin-left: 5px;
  height: 100%;
  max-width: calc(100% - 200px);
}
/* CustEm Tooltips */
/* Works for child div open */
.inv-toolTip-opener:hover .inv-toolTip {
  opacity: 1;
  visibility: visible;
}
.inv-toolTip-opener {
  display: inline-block;
}
.inv-toolTip {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 3px;
  z-index: 999;
  background-color: #333;
  color: #fff;
  padding: 11px 15px;
  border-radius: 2px;
  border-bottom: none;
  transition: all 0.25s;
}
.inv-toolTip p {
  z-index: 99;
  text-align: left;
  font-size: 12px !important;
  line-height: 1.5 !important;
  position: relative;
  margin-bottom: 0 !important;
}
/* USED FOR TOOLTIPS WHICH POP UP ON THE RIGHT SIDE OF THE HOVERED CONTENT */
.inv-toolTip-arrow {
  position: absolute;
  z-index: 10;
  left: -4px;
  top: 11px;
  height: 20px;
  width: 20px !important;
  float: none !important;
  border-radius: 2px;
  background-color: #333;
  transform: rotate(-45deg);
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 250;
  cursor: pointer;
  font-weight: 400 !important;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s;
}
/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 200px;
  margin-bottom: 5px;
  transform: translateX(-50%);
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  /*transform: translateX(-50%);*/
  width: 0;
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.hide-tooltip:before,
.hide-tooltip:after {
  display: none;
}
.hide-tooltip {
  cursor: default;
}
/* Info tooltip to explain particular functionality in Invoxy */
.inv-infoToolTip {
  margin-left: 10px;
  background-color: #fff;
  border: solid 1px #ddd;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  top: 5px;
  cursor: help;
  transition: all 0.25s;
}
.inv-infoToolTip:hover {
  border: solid 1px #ccc;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
}
.inv-infoToolTip i {
  font-size: 22px;
  position: absolute;
  color: #999;
  top: -2px;
  left: 7.5px;
  transition: all 0.25s;
}
.pendingIcon,
.xeroPayrollIcon {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  background-color: #5BA079;
  padding: 5px;
  background-clip: content-box;
}
i.inv-userAccess {
  display: inline-block;
  color: var(--app-color-success);
}
i.inv-userAccess.-deactived {
  color: var(--app-color-danger);
}
i.inv-userAccess.-pendingInvite {
  color: var(--app-color-grey-dark);
}
i.inv-userAccess.-expiredInvite {
  color: var(--app-color-danger);
}
.inv-disabled {
  padding: 6px 12px;
  color: #333;
  border: solid 1px #ddd;
  height: 34px;
  background-color: #f4f4f4;
  line-height: 1.6;
  border-radius: 2px;
  cursor: text;
  transition: all 0.25s;
}
/* USED FOR TOOLTIPS WHICH POP UP BELOW THE HOVERED CONTENT */
.inv-toolTip-arrowTop {
  position: absolute;
  z-index: 10;
  left: 5px;
  top: -4px;
  height: 20px;
  width: 20px !important;
  float: none !important;
  border-radius: 2px;
  background-color: #333;
  transform: rotate(-45deg);
}
/* Search Bar Styles */
.inv-search {
  float: right;
  width: 40%;
  max-width: 250px;
  position: relative;
}
.inv-search .ion-ios-search-strong {
  position: absolute;
  font-size: 14px;
  left: 10px;
  top: 50%;
  color: #ccc;
  transform: translateY(-50%);
}
.inv-search input {
  width: 100%;
  padding-left: 25px;
}
/* Custom page heading row styling */
.inv-headingRow {
  overflow: hidden;
  padding: 15px 0 15px 0;
}
.inv-headingRow .col-xs-4,
.inv-headingRow .col-xs-8 {
  padding: 0;
}
.inv-headingRow-search {
  max-width: 250px;
  float: right;
}
/*Custom arrow styling*/
.resArrow {
  position: relative;
  right: -2px;
  font-size: 12px;
  opacity: 0;
  top: 1px;
  transition: all 0.25s;
}
.resourceName,
.resourceName a {
  color: #00adef;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.resourceName:hover .ion {
  right: -7px;
  opacity: 1;
}
/* Custom table styling */
.inv-table-responsive {
  border: 1px solid #dddddd;
  margin-bottom: 50px;
  border-radius: 2px;
  overflow-x: inherit !important;
}
.inv-table {
  margin: 0;
}
.inv-table tr td {
  height: 40px;
  position: relative;
  cursor: pointer;
  transition: all 0.25s;
}
.inv-tableHeaderRow {
  height: 50px;
  background-color: #efefef;
  transition: all 0.25s;
}
.inv-tableHeaderRow > td {
  padding: 15px 8px 0 13px !important;
  border-top: 1px solid transparent !important;
  -webkit-user-select: none;
}
.inv-tableTopRow > td {
  border-top: 1px solid transparent !important;
}
.inv-tableFooterRow {
  background-color: #cdcdcd;
}
.inv-tableFooterRow > td {
  border-top: none !important;
}
.inv-tableEmpty {
  position: relative;
  padding-top: 15px;
}
.inv-tableEmpty > td {
  height: 110px !important;
  cursor: default !important;
  -webkit-user-select: none;
}
.inv-progressBar {
  height: 7px;
  margin: 0;
  width: 100%;
}
.inv-invalid-tab > a.nav-link {
  border: 1px solid #d9534f !important;
}
.inv-invalid {
  border: 1px solid #d9534f !important;
  border-radius: 2px !important;
  -webkit-animation: inv-invalid-animation 0.7s ease;
  -moz-animation: inv-invalid-animation 0.7s ease;
  animation: inv-invalid-animation 0.7s ease;
}
@keyframes inv-invalid-animation {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes inv-invalid-animation {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes inv-invalid-animation {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.AddEditContainer {
  border: solid 1px #efefef;
  background-color: #fbfbfb;
  border-radius: 2px;
  padding: 30px;
  margin: 0 0 20px 0;
}
.inv-checkbox-default {
  width: 34px;
  height: 34px;
  padding: 7px;
  margin-right: 10px;
}
.inv-checkbox-active {
  background-color: #5eb22e !important;
  border-color: #5eb22e;
  color: #fff;
}
.inv-checkbox-active:hover {
  color: #fff;
  background-color: #549e29 !important;
  border-color: #549e29;
  /*background-color: #449d44 !important;*/
}
.inv-checkbox-active:focus {
  color: #fff;
  /*background-color: #449d44;*/
}
.inv-checkbox-active:active {
  color: #fff !important;
  /*background-color: #449d44;*/
}
.inv-checkbox-inactive {
  opacity: 0.8;
}
.inv-checkbox-inactive.ion-ios-checkmark-empty {
  color: #f9f9f9;
}
.inv-table-edit-button {
  /*float: right;*/
  width: 50px;
  margin-right: 7px;
  border-radius: 2px;
}
.inv-table-orderArrow {
  font-size: 10px;
  display: inline-block;
  color: #333;
  margin-left: 5px;
}
.navbar-default {
  background-color: #efefef;
  letter-spacing: 0.5px;
  /*border-bottom: 1px #d6d6d6 solid;*/
}
.navbar-default ul {
  margin-left: 0 !important;
}
.navbar-collapse,
.container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: 1920px;
}
.navbar-collapse {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}
.navbar-brand {
  float: right !important;
  margin-right: 5px;
}
.navbar-toggle {
  float: left !important;
  margin-left: 10px !important;
}
.inv-subnav-active {
  font-weight: 600;
}
.inv-subnav-active:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
@media screen and (max-width: 767px) {
  .inv-subnav-active:after {
    display: none !important;
  }
}
@media screen and (max-width: 850px) {
  .nav > li > a {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
/* Modal md classes */
.inv-mdModal-outerContainer {
  padding: 25px 20px 0 20px;
  background-color: #efefef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.inv-mdModal-header {
  width: 100%;
  text-align: center;
  color: #333;
  margin: 0 0 25px 0;
  font-weight: 400;
  font-size: 20px;
}
.inv-mdModal-header .ion {
  font-size: 50px;
  color: #ccc;
}
.inv-mdModal-subHeader {
  width: 100%;
  text-align: center;
  color: #999;
  margin: 0 0 25px 0;
  font-weight: 400;
  font-size: 12px;
}
.inv-mdModal-container {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.inv-mdModal-container > h5 {
  padding: 10px;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.inv-mdModal-row {
  width: 100%;
  min-height: 50px;
  padding: 8px 0 8px 0;
}
.inv-mdModal-rowLabel {
  width: 40%;
  float: left;
  padding-left: 10px;
  font-weight: normal;
  color: #333;
  margin-top: 9px;
}
.inv-mdModal-rowInput {
  width: 60%;
  float: left;
  position: relative;
}
.inv-mdModal-rowInput > textarea {
  resize: vertical;
}
.inv-mdModal-ErrorContainer {
  height: 30px;
  padding: 5px;
  width: 100%;
  line-height: 20px;
  text-align: right;
  color: #d9534f;
}
.inv-mdModal-buttonContainer {
  width: 100%;
  height: 74px;
  padding: 20px 0;
}
.inv-mdModal-buttonContainer > button {
  float: right;
  width: 100px;
  margin: 0 0 0 7px;
}
.inv-mdModal-buttonContainer > button.pull-left {
  margin: 0 7px 0 0;
  float: left;
}
.inv-mdModal-invalidField {
  border: solid 1px #d9534f;
}
.inv-datefield-calendar {
  top: 0;
  position: relative;
  padding: 0 10.5px !important;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.25s;
}
.inv-datefield-calendar:hover {
  background-color: #f9f9f9;
}
.modalError {
  border: solid 1px #b22e2e;
  border-radius: 3px;
  color: #fff;
  background-color: rgba(178, 46, 46, 0.7773);
  text-align: center;
  margin-top: -2px;
  opacity: 0;
  font-size: 0;
  transition: all 0.25s;
}
.modalError span {
  font-size: 0;
}
.modalError .ion {
  position: relative;
  top: 3px;
  right: 4px;
  transition: all 0.25s;
}
.modalErrorOpen {
  padding: 13px 20px 20px 20px;
  margin-top: 7px;
  opacity: 1;
  font-size: 12px;
}
.modalErrorOpen span {
  font-size: 22px;
}
.modalInfo {
  border: solid 1px #eee;
  border-radius: 3px;
  color: #333;
  background-color: #eee;
  text-align: center;
  margin-top: -2px;
  opacity: 0;
  font-size: 0;
  transition: all 0.25s;
}
.modalInfo span {
  color: #ccc;
  font-size: 0;
}
.modalInfo .ion {
  position: relative;
  top: 3px;
  right: 4px;
  transition: all 0.25s;
}
.modalInfoOpen {
  padding: 13px 20px 20px 20px;
  margin-top: 7px;
  opacity: 1;
  font-size: 12px;
}
.modalInfoOpen span {
  font-size: 22px;
}
/*Menu Button Dropdown*/
.inv-headerMenuButton {
  /*top: 11px;*/
  margin-left: 7px;
  float: right;
  position: relative !important;
}
.inv-headerMenuButton > button {
  padding: 6px 9px 6px 9px;
  background-color: #ffffff !important;
  top: 0;
}
.inv-headerMenuButtonList {
  width: 175px;
  min-width: 160px;
  margin-left: -141px;
  margin-top: 5px;
}
.inv-headerMenuButtonList > li {
  padding: 0 0 0 10px;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
}
.inv-headerMenuButtonList > li:hover {
  /*background-color: #efefef;*/
  /*color: #000;*/
  background-color: #337ab7;
  color: #fff;
}
.inv-headerMenuButtonList > li:hover .ion {
  color: #fff;
}
.inv-headerMenuButtonList > li .ion {
  color: #999;
  margin-right: 5px;
}
.inv-headerMenuButtonList > li:hover + span {
  color: #fff;
}
.inv-temp-list > li {
  font-size: 12px;
}
/* Timesheets Styling */
.table-TSbtn {
  float: right !important;
  margin: 0 0 0 7px !important;
  min-width: 100px;
  padding-left: 25px;
  padding-right: 25px;
  height: 34px;
}
.inv-error-message {
  cursor: default;
  color: #d9534f !important;
  margin-right: 20px;
  line-height: 32px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 400;
}
.inv-success-message {
  cursor: default;
  color: #549e29;
  line-height: 19px;
  top: 7px;
  left: -10px;
  position: relative;
  text-align: right;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 400;
}
/*UIB DATEPICKER STYLING*/
.popover {
  max-width: 400px;
  z-index: 1050 !important;
}
.inv-datePicker-outerContainer {
  padding: 0 10px 10px 10px;
  background-color: #efefef;
}
.inv-datePicker-header {
  margin: 5px 0 10px 0;
  text-align: center;
  color: #616161;
  font-weight: bold;
}
.inv-datePicker-container {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.uib-weeks td:first-child {
  display: none;
}
.uib-daypicker table:first-child tr:nth-child(2) th:first-child {
  display: none;
}
.uib-daypicker .pull-right {
  margin-left: -50px;
  width: 48px;
}
.uib-button-bar .uib-clear {
  display: none !important;
}
.uib-datepicker-popup,
.dropdown-menu {
  z-index: 1061;
}
.uib-datepicker-popup .btn-primary {
  font-size: 12px !important;
  margin-left: 5px !important;
}
.uib-datepicker-popup .btn-default {
  font-size: 12px;
  background-color: #f4f4f4 !important;
  border-color: #fff;
  border-width: 2px;
  padding: 10px 15px;
}
.uib-title {
  background-color: #fff !important;
  border-color: #fff !important;
  max-width: 240px !important;
}
.uib-daypicker tr {
  margin-bottom: 10px;
}
.uib-datepicker-popup .btn-info {
  background-color: #5BA079 !important;
  border-color: #5BA079 !important;
  box-shadow: none;
}
.uib-datepicker-popup .text-center > em {
  display: none;
}
.uib-datepicker-popup .btn-info span {
  color: #fff !important;
}
.uib-datepicker-popup {
  padding: 0 5px 5px 5px;
  /*margin-left: -317px !important;*/
  margin-top: 10px !important;
  background-color: #efefef;
}
.uib-datepicker-popup > li {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-top: 5px;
}
.uib-datepicker-popup .btn-group .btn,
.uib-datepicker-popup .btn-success {
  min-width: 90px;
  padding: 7px 0;
}
.uib-datepicker-popup .uib-button-bar {
  background-color: #efefef;
  border: none;
  padding: 10px;
}
/*Uib tabset non-active tab borders*/
.uib-tab {
  min-width: 100px;
  text-align: center;
}
.uib-tab:not(.active) a {
  color: #00adef;
  border: solid 1px #f4f4f4;
  border-radius: 2px 2px 0 0;
  border-bottom: none;
}
.uib-tab:not(.active) {
  border-bottom: none;
}
.inv-tabContent .inv-tableEmpty .inv-empty-message {
  top: 70% !important;
}
.inv-tabContent {
  margin: 20px 0 10px 0;
}
.inv-empty-message {
  /*width: 100%;*/
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 0 30px;
  line-height: 1.5 !important;
  color: #999;
  font-weight: 200;
  font-size: 14px;
  text-align: center;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.inv-empty-container {
  text-align: center;
  margin-top: 50px;
}
/*SALES PAGES STYLE*/
.sales-header {
  cursor: default;
  overflow: visible;
  padding: 15px 10px;
}
.sales-header input-date-picker input {
  height: 34px;
}
.sales-header-object {
  float: right;
  margin: 0 7px;
  line-height: 34px;
}
.sales-header-object input {
  height: 34px;
  margin: 0 !important;
}
.sales-graph-container {
  height: 450px;
  border-radius: 2px;
  position: relative;
}
.sales-graph-outer {
  width: 100% !important;
  height: 100% !important;
  margin-top: 20px;
}
.sales-graph-title {
  text-align: center;
  margin: 0;
  line-height: 34px;
}
.sales-graph-filter {
  /*position: absolute;*/
  width: 300px !important;
}
.sales-client-container {
  margin-bottom: 15px;
}
.sales-client-table-rows > td {
  width: 15%;
  line-height: 20px !important;
  text-align: left;
  cursor: default;
}
.inv-tablerow-text > td {
  height: 50px !important;
  padding-left: 13px !important;
  line-height: 32px !important;
}
td .formatTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
  width: 300px;
  padding: 3px 0;
}
.sales-warning-icon {
  position: absolute;
  top: 15px;
  font-size: 16px;
  right: 20px;
}
.sales-commission-input {
  height: 33px;
}
.sales-table-footer {
  font-weight: bold;
  cursor: default;
}
.sales-table-footer > td {
  border-top: 1px solid #ddd !important;
}
.sales-no-clients {
  height: 100px;
  position: relative;
}
/*Colour picker*/
.sp-replacer {
  border: none !important;
  border-radius: 2px;
  width: 34px;
  height: 34px;
  position: relative;
  padding: 0;
  background-color: #eaeaea;
}
.sp-preview {
  border: none;
  margin: 0;
  width: 34px;
  height: 100%;
}
.sp-dd {
  transform: scale(1, 0.8);
  -webkit-transform: scale(1.3, 0.8);
  -moz-transform: scale(1, 0.8);
  -ms-transform: scale(1, 0.8);
  -o-transform: scale(1, 0.8);
  color: #fff;
  position: absolute;
  top: 8px;
  width: 34px;
  text-align: center;
}
.sp-palette-container {
  background-color: #ffffff;
}
.sp-palette-row > span {
  border: none !important;
  border-radius: 2px !important;
  margin: 2px !important;
}
.inv-token {
  border: none;
  color: #fff;
  background-color: #00adef;
  border-radius: 20px !important;
  padding: 2px 8px;
  /*white-space: nowrap;*/
}
.inv-default-check-icon {
  color: #bbb;
  position: relative;
  top: 2px;
}
multi-user-timesheet-table {
  display: block;
}
multi-user-timesheet-table .btn.dropdown-toggle.btn-success {
  font-size: 20px !important;
}
multi-user-timesheet-table div .mUTable-headerFiltersTitleTop {
  margin-top: 0;
}
multi-user-timesheet-table .mUTable-headerFilters {
  border: solid 1px #ccc;
  border-radius: 2px;
  padding: 20px;
  background-color: #f4f4f4;
  height: 77px;
  margin-bottom: 30px;
  margin-top: 20px;
}
multi-user-timesheet-table .mUTable-headerFilters .weekSelector-changeWeekBtn,
multi-user-timesheet-table .mUTable-headerFilters .weekSelector-selectDateBtn {
  background-color: #fff !important;
}
multi-user-timesheet-table .mUTable-headerFilters .mUTable-headerDropDowns {
  display: flex;
  height: 35px;
}
multi-user-timesheet-table .mUTable-headerFilters .mUTable-headerDropDowns .mUTable-headerDropDownContainer {
  width: 40%;
  margin-right: 7px;
}
multi-user-timesheet-table .mUTable-headerFilters .mUTable-headerDropDowns mega-search {
  min-width: unset;
  width: 60%;
}
multi-user-timesheet-table .mUTable-headerDates {
  width: calc(100% - 18px);
  height: 45px;
  padding-left: 258px;
  padding-right: 182px;
  border-bottom: solid 1px #ccc;
  display: flex;
}
multi-user-timesheet-table .mUTable-headerDates .mUTable-headerDate {
  position: relative;
  height: 40px;
  width: calc(100% / 7);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  align-self: flex-end;
}
multi-user-timesheet-table .mUTable-headerDates .mUTable-headerDate .ph-publicHolidayLabel {
  color: #999;
  font-size: 10px;
  font-weight: 400;
}
multi-user-timesheet-table .mUTable-headerDates .mUTable-totalHoursHeading {
  position: absolute;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  right: 14px;
  font-weight: bold;
}
multi-user-timesheet-table .mUTable-contentScrollOuter {
  width: calc(100% + 5px);
  padding-bottom: 50px;
  max-height: calc(100vh - 343px);
  overflow-y: scroll;
  position: relative;
  z-index: 10;
  -webkit-overflow-scrolling: touch;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner {
  width: calc(100% - 15px);
  height: calc(100% - 10px);
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer {
  width: 100%;
  margin: 10px 0 15px 0;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer {
  width: 100%;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title {
  display: flex;
  height: 34px;
  line-height: 26px;
  font-size: 14px;
  padding: 5px 10px 4px 13px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleUser {
  float: left;
  position: relative;
  max-width: 300px;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  color: #00adef;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleUser > span:first-child:hover .progressArrow {
  opacity: 1;
  right: 7px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleUser .progressArrow {
  right: 15px;
  color: #00adef;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleProject {
  float: left;
  position: relative;
  text-align: right;
  font-size: 12px;
  color: #999;
  max-width: calc(100% - 700px);
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: color 0.25s;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleProject > span:first-child:hover .progressArrow {
  opacity: 1;
  right: 7px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleProject .progressArrow {
  right: 15px;
  color: #333;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleProject > span:first-child:hover {
  cursor: pointer;
  color: #333;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .progressArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 99;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleLabel {
  margin-left: auto;
  max-width: 400px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleLabel div {
  float: right;
  margin-left: 15px;
  font-size: 12px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > .title .titleLabel div:nth-child(3) {
  max-width: 170px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div {
  width: 100%;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd {
  width: 60px;
  height: 52px;
  padding: 8px 13px;
  float: left;
  position: relative;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div {
  position: absolute;
  top: 8px;
  left: 13px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div > button {
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 16px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div > ul {
  width: 100%;
  font-size: 12px;
  margin-top: 5px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div > ul > li {
  width: 100%;
  height: 30px;
  font-weight: normal;
  line-height: 30px;
  cursor: pointer;
  padding: 0 0 0 10px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div > ul > li:hover {
  background-color: #efefef;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskAdd > div > button {
  width: 34px;
  height: 34px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer {
  width: calc(100% - 60px);
  float: left;
  background-color: #f9f9f9;
  border: solid 1px #ddd;
  border-radius: 2px;
  position: relative;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer {
  float: left;
  width: 100%;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow {
  height: 50px;
  width: 100%;
  padding: 10px 0;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskColor {
  width: 5px;
  height: 30px;
  margin: 0 10px;
  border-radius: 2px;
  float: left;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskName {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 170px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays {
  float: left;
  width: calc(100% - 27px - 170px - 24px - 160px);
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays .taskDay {
  width: calc((100% / 7));
  height: 30px;
  float: left;
  padding: 0 5px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays .taskDay input[type=number]::-webkit-inner-spin-button,
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays .taskDay input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays .taskDay > input {
  margin: 0;
  height: 30px;
  border: 1px solid #ccc;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  background-color: #ffffff;
  width: 100%;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDays .taskDay > input::placeholder {
  color: #DDDDDD;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDelete {
  width: 24px;
  height: 30px;
  padding-right: 15px;
  float: left;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .taskDelete > i {
  width: 100%;
  line-height: 30px;
  text-align: center;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .totalHours {
  width: 160px;
  height: 30px;
  float: right;
  padding-right: 15px;
  line-height: 30px;
  overflow: hidden;
  color: #333;
  text-align: right;
  font-size: 15px;
  font-weight: bold;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .totalHours span {
  float: right;
  margin-left: 5px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-contentScrollInner .muTable-userContainer > .projectContainer > div > .taskOuterContainer > .taskInnerContainer > .taskRow > .totalHours > span:nth-child(2) {
  color: #999;
  font-size: 12px;
  font-weight: 400;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-outerContainer {
  background-color: #fff;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-outerContainer:first-child {
  border-top: none;
}
multi-user-timesheet-table .mUTable-contentScrollOuter .mUTable-outerContainer:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
multi-user-timesheet-table .mUTable-contentScrollOuter::-webkit-scrollbar {
  width: 7px;
}
multi-user-timesheet-table .mUTable-contentScrollOuter::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 4px;
}
timesheet-table {
  padding: 0 0 20px 0;
  position: relative;
  display: block;
}
timesheet-table .btn {
  font-size: 20px;
}
timesheet-table .table-headerTab .ion-arrow-down-b,
timesheet-table .table-headerTab .ion-arrow-up-b {
  font-size: 11px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: top 0.25s;
}
timesheet-table .table-timeNumber {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
timesheet-table .table-header {
  width: 100%;
  height: 90px;
  position: relative;
  padding: 15px 0;
  transition: padding-left 0.3s ease;
}
timesheet-table .table-header .table-headerDateRow {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-weight: 600;
  font-size: 12px;
}
timesheet-table .table-header .table-headerDateRow span {
  color: #999;
  font-weight: 500;
}
timesheet-table .table-header .table-headerTitleRow {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  font-size: 20px;
}
timesheet-table .table-header .ion-ios-arrow-back.deselectDay {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  cursor: pointer;
  text-align: center;
  line-height: 34px;
  border-radius: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, left 0.3s ease;
}
timesheet-table .table-header .ion-ios-arrow-back.deselectDay.daySelected {
  opacity: 1;
  pointer-events: auto;
  left: 0;
}
timesheet-table .table-header .ion-ios-arrow-back.deselectDay:hover {
  background-color: #fafafa;
}
timesheet-table .table-headerTabContainer {
  width: calc(100% / 7 - 20px);
  height: 40px;
  float: left;
  margin: 0 10px;
}
timesheet-table .table-headerTabContainer:hover .table-headerTab {
  background-color: #f4f4f4;
}
timesheet-table .table-headerTabContainer:hover .table-headerTabArrowInner {
  border-top: 9px solid #f2f2f2;
}
timesheet-table .table-headerTab {
  width: 100%;
  position: relative;
  height: 30px;
  border: 1px solid #dddddd;
  background-color: #f9f9f9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  transition: height 0.25s;
}
timesheet-table .table-headerSelectedTab {
  width: 100%;
  height: 50px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  transition: height 0.25s;
}
timesheet-table .table-headerTabArrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #dddddd;
  position: relative;
  margin-left: calc(50% - 10px);
  margin-top: -1px;
  cursor: pointer;
}
timesheet-table .table-headerTabArrowInner {
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: -10px;
  margin-left: -9px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #eeeeee;
  position: absolute;
}
timesheet-table .table-rowContainer {
  width: 100%;
  border: 1px solid #dddddd;
  border-bottom: none;
  border-radius: 2px;
  position: relative;
  top: -1px;
  z-index: 1;
}
timesheet-table .table-rowHeader {
  width: 100%;
  height: 40px;
  background-color: #f4f4f4;
  padding: 0 3px 0 17px;
  border-bottom: 1px solid #dddddd;
}
timesheet-table .table-rowHeader .table-rowHeaderDate {
  float: left;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  width: calc(100% / 7);
  text-align: center;
  cursor: pointer;
}
timesheet-table .table-rowHeader .table-rowHeaderDate .table-rowHeaderDateInner {
  height: 35px;
  line-height: 30px;
  margin-top: 5px;
}
timesheet-table .table-rowHeader .table-rowHeaderDate .table-rowHeaderDateInner i {
  font-size: 11px;
  color: #999;
  margin-left: 15px;
}
timesheet-table .table-rowHeader .table-rowHeaderDate.table-rowHeaderDateSelected .table-rowHeaderDateInner {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-radius: 2px;
}
timesheet-table .table-rowHeaderButton {
  float: right;
  padding: 5px 8px;
}
timesheet-table .table-leftGroupBtn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
timesheet-table .table-rightGroupBtn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
timesheet-table .table-selectedButton {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  color: #fafafa !important;
}
timesheet-table .table-selectedButton:hover {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}
timesheet-table .table-taskRow {
  position: relative;
  width: 100%;
  height: 115px;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #dddddd;
  -moz-transition: box-shadow 1s, height 0.5s, padding 0.5s;
  -ms-transition: box-shadow 1s, height 0.5s, padding 0.5s;
  -o-transition: box-shadow 1s, height 0.5s, padding 0.5s;
  -webkit-transition: box-shadow 1s, height 0.5s, padding 0.5s;
  transition: box-shadow 1s, height 0.5s, padding 0.5s;
  overflow: hidden;
}
timesheet-table .table-taskRowColor {
  height: 100%;
  margin-left: 10px;
  width: 5px;
  border-radius: 2px;
  float: left;
  background-color: steelblue;
}
timesheet-table .table-taskRowInfo {
  height: 40px;
  padding: 0 10px;
  margin-bottom: 15px;
  width: calc(100% - 20px);
  float: left;
}
timesheet-table .table-taskRowInfo > div {
  width: 50%;
  height: 40px;
  float: left;
}
timesheet-table .table-taskRowInfo > div.table-taskRowProjectTask > div:first-child {
  margin-bottom: 4px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
timesheet-table .table-taskRowInfo > div.table-taskRowTotals {
  text-align: right;
  line-height: 35px;
  padding-right: 10px;
}
timesheet-table .table-taskRowInfo > div.table-taskRowTotals > p {
  font-size: 12px;
  color: #999;
  margin-bottom: 0;
  margin-top: 7px;
}
timesheet-table .table-taskRowInfo > div.table-taskRowTotals > p .table-taskRowTotalsAmount {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
timesheet-table .table-taskRowInfo > div.table-taskRowTotals > p .table-taskRowTotalsDelete {
  margin-left: 10px;
  top: 2px;
  font-size: 20px;
  color: #333;
}
timesheet-table .table-taskRowDays {
  height: 30px;
  width: calc(100% - 20px);
  float: left;
}
timesheet-table .table-taskRowDay {
  width: calc(100% / 7 - 20px);
  height: 30px;
  margin: 0 10px 0 10px;
  float: left;
}
timesheet-table .table-taskRowDay .table-taskRowDayInput {
  height: 30px;
  border: 1px solid #ccc;
  color: #333;
  float: left;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
}
timesheet-table .table-taskRowDay .table-taskRowDayInput::placeholder {
  color: #ccc;
}
timesheet-table .table-taskRowDay .table-taskRowDayButton {
  height: 30px;
  border: 1px solid #ccc;
  float: left;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  background-color: #fafafa;
  line-height: 30px;
  cursor: pointer;
  color: #333;
  font-weight: 500;
}
timesheet-table .table-inputOutsideDateRange {
  background-color: #efefef;
}
timesheet-table .table-segmentRow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 10px;
  border-bottom: 1px solid #dddddd;
}
timesheet-table .table-segmentRow:not(.table-segmentRowNoDetails) {
  cursor: pointer;
}
timesheet-table .table-segmentRow:not(.table-segmentRowNoDetails):hover {
  background-color: #fafafa;
}
timesheet-table .table-segmentRow .table-segmentRowDetail {
  width: 60%;
  height: 40px;
}
timesheet-table .table-segmentRow .table-segmentRowDetail .table-segmentRowColor {
  height: 100%;
  border-radius: 2px;
  width: 5px;
  float: left;
  background-color: steelblue;
  margin-right: 10px;
}
timesheet-table .table-segmentRow .table-segmentRowDetail .table-segmentRowDetails {
  display: flex;
  margin-bottom: 3px;
}
timesheet-table .table-segmentRow .table-segmentRowDetail .table-segmentRowDetails > b {
  font-size: 14px;
  max-width: calc(100% - 120px - 5px);
  padding-right: 5px;
}
timesheet-table .table-segmentRow .table-segmentRowDetail .table-segmentRowDetails > div {
  width: 120px;
  position: relative;
  top: 2px;
}
timesheet-table .table-segmentRow .table-segmentRowTimes {
  width: 15%;
  font-size: 12px;
  padding-left: 20px;
}
timesheet-table .table-segmentRow .table-segmentRowTimes > div {
  width: 100%;
}
timesheet-table .table-segmentRow .table-segmentRowTimes > div.text-grey {
  color: #999;
}
timesheet-table .table-segmentRow .table-segmentRowDuration {
  width: 25%;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
timesheet-table .table-segmentRow .table-segmentRowDuration > button {
  float: right;
  height: 34px;
  margin: 2px 0 5px 20px;
  line-height: 16px;
}
timesheet-table .table-segmentRow .table-segmentRowDuration > input {
  width: 80px;
  height: 34px;
  margin: 2px 0 5px 20px;
  border: 1px solid #ccc;
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
}
timesheet-table .table-segmentRow .table-segmentRowDuration .ion-ios-close-empty {
  position: absolute;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
timesheet-table .table-segmentRow .table-segmentRowDuration .table-segmentRowUnit {
  width: 100%;
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  word-break: break-all;
}
timesheet-table .table-segmentRow .table-segmentRowDuration .table-segmentRowUnit .table-segmentRowUnit-title {
  font-weight: 400;
  color: #999;
  font-size: 12px;
  text-transform: capitalize;
}
timesheet-table .table-segmentRow .table-segmentRowDuration .table-segmentRowUnit .table-segmentRowUnit-total {
  font-size: 14px;
  font-weight: 800;
  margin-left: 4px;
}
timesheet-table .table-segmentRowAddButton {
  float: left;
  margin: 3px 0 0 20px;
  width: 110px;
  height: 34px;
}
timesheet-table .table-rowFooter {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  background-color: #f4f4f4;
}
timesheet-table .table-rowFooterText {
  width: 100%;
  text-align: right;
}
timesheet-table .table-rowFooterText h3 {
  margin-top: 10px;
  margin-right: 10px;
  float: right;
  display: flex;
}
timesheet-table .table-totals-half {
  padding: 0 10px;
}
timesheet-table .table-totals-half > span {
  position: relative;
  top: -1px;
}
timesheet-table .table-totals-half > span:nth-child(1) {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
timesheet-table .table-totals-half > span:nth-child(2) {
  font-size: 16px;
  font-weight: bold;
}
timesheet-table .table-inputDark {
  color: #333 !important;
}
timesheet-table .weekSelector-dateRangeRow {
  margin-top: 10px;
}
timesheet-table .timeStatusColour {
  width: 12px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 11;
  height: 12px;
  border-radius: 2px;
  background-color: #ddd;
  margin-left: 5px;
}
timesheet-table .timeStatusColour:hover + .statusName {
  margin-left: 5px;
  opacity: 1;
}
timesheet-table .statusName {
  opacity: 0;
  font-weight: normal;
  position: relative;
  z-index: 10;
  font-size: 10px;
  margin-left: -5px;
  transition: all 0.25s;
}
timesheet-table .vWeek-timeStatus {
  display: inline;
}
timesheet-table input[type=number]::-webkit-inner-spin-button,
timesheet-table input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
timesheet-table .table-addWork {
  height: 34px;
  width: 34px;
  display: block;
  margin-top: 15px;
}
timesheet-table .table-addWork ul {
  overflow-y: auto !important;
}
timesheet-table .table-addWork ul .table-addWork-selectedProject {
  height: 40px;
  width: 100%;
  line-height: 35px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
}
timesheet-table .table-addWork ul .table-addWork-selectedProject span:not(.ion) {
  font-size: 12px;
}
timesheet-table .table-addWork .inactiveTaskColor {
  width: 5px;
  height: 24px;
  margin: 5px 10px 5px 0;
  border-radius: 3px;
  float: left;
}
date-range-selector {
  width: 442px;
  height: 34px;
  position: relative;
}
date-range-selector > * {
  float: left;
  margin: 0 7px;
}
date-range-selector .dateRangeText {
  height: 34px;
  line-height: 34px;
  text-align: center;
}
date-range-selector .dateRangeText:nth-child(1) {
  width: 80px;
}
date-range-selector .dateRangeText:nth-child(3) {
  width: 25px;
}
date-range-selector .dateRangeInput {
  width: 140px;
  height: 34px;
  text-align: center;
}
month-selector {
  padding: 13px;
  display: block;
  height: 60px;
}
month-selector > * {
  float: left;
  margin: 0 7px;
}
month-selector .monthSelector-changeMonthBtn,
month-selector .monthSelector-selectMonthBtn {
  height: 34px;
  width: 34px;
  background-color: #fff;
  border-color: #ccc;
  padding: 0;
  margin: 0;
}
month-selector .monthSelector-selectMonthBtn {
  margin-left: 7px !important;
}
month-selector .monthSelector-selectedMonth {
  height: 34px;
  line-height: 34px;
  width: 150px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
month-selector .monthSelector-selectedMonth span {
  font-weight: 200;
  color: #999;
}
radio-btn {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  margin-right: 7px;
}
radio-btn .inv-radioBtnOuter {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}
radio-btn .inv-radioBtnInner {
  width: 14px;
  height: 14px;
  background-color: #5eb22e;
  border-radius: 8px;
  transition: all 0.25s;
}
list-selector {
  position: relative;
  min-width: 100px;
  display: block;
}
list-selector .listSelector-search {
  cursor: pointer;
  padding-right: 25px;
}
list-selector .listSelector-showSearch {
  transform: rotate(90deg);
}
list-selector .listSelector-clearSearch,
list-selector .listSelector-showSearch {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
}
list-selector .listSelector-dropdown {
  width: calc(100% - 10px);
  margin: 5px 5px 0 5px;
  overflow: hidden;
  padding: 5px 0 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.14902);
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.172549) 0 6px 12px 0;
  background-color: #ffffff;
  position: absolute;
  z-index: 100;
}
list-selector .listSelector-dropdown::-webkit-scrollbar {
  width: 7px;
}
list-selector .listSelector-dropdown::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 4px;
}
list-selector .listSelector-dropdownItem {
  width: 100%;
  height: 30px;
  padding: 3px 10px 3px 10px;
  line-height: 24px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
list-selector .listSelector-dropdownItem:hover {
  background-color: #f5f5f5;
  /*color: #fafafa;*/
}
list-selector .listSelector-dropdownItemSelected,
list-selector .listSelector-dropdownItemSelected:hover {
  background-color: #337ab7;
  color: #fafafa;
}
list-selector .listSelector-dropdownItemColor {
  background-color: red;
  border-radius: 3px;
  width: 5px;
  height: 20px;
  margin: 2px 10px 2px 0;
  float: left;
}
list-selector .listSelector-selectedItemColor {
  position: absolute;
  left: 10px;
  top: 5px;
  bottom: 5px;
  border-radius: 3px;
  width: 5px;
  height: 20px;
  margin: 2px 10px 2px 0;
}
list-selector .listSelector-dropdownItem-property {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
list-selector .listSelector-dropdownItem-property .listSelector-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  flex-shrink: 0;
}
list-selector .listSelector-dropdownItem-property .listSelector-subLabel {
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #999;
  font-size: 10px;
}
delayed-search {
  display: block;
  width: 250px;
  float: left;
  position: relative;
}
delayed-search .ion-ios-search-strong {
  position: absolute;
  font-size: 14px;
  left: 10px;
  top: 50%;
  color: #cccccc;
  transform: translateY(-50%);
}
delayed-search .delayedSearchInput {
  width: 100%;
  padding-left: 25px;
}
time-input .timeInputContainer {
  height: 34px;
}
time-input .timeInputContainer input {
  float: left;
  cursor: pointer !important;
  -webkit-appearance: none;
  border: none !important;
  margin: 0 !important;
  font-size: 13px !important;
}
time-input .timeInputContainer input:nth-child(1),
time-input .timeInputContainer input:nth-child(3) {
  max-width: 18px;
  min-width: 18px;
  padding: 1px 0 !important;
}
time-input .timeInputContainer input:nth-child(4) {
  max-width: 30px;
  min-width: 30px;
  padding: 1px 0 1px 3px !important;
}
time-input .timeInputContainer span {
  float: left;
  padding: 0 3px 0 0;
}
time-input .timeInputContainer input::selection {
  background: #a8d1ff;
  /* WebKit/Blink Browsers */
}
time-input .timeInputContainer input::-moz-selection {
  background: #a8d1ff;
  /* Gecko Browsers */
}
super-search {
  display: inline-block;
  height: 34px;
  min-width: 230px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 4px 0 25px;
  background-color: #FFFFFF;
  position: relative;
  cursor: text;
  width: 340px;
}
super-search:focus-within {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
super-search i.ion-ios-search-strong {
  float: left;
  color: #ccc;
  position: absolute;
  left: 10px;
  font-size: 14px;
  top: 50%;
  transform: translateY(-50%);
}
super-search .superSearch-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 28px;
  line-height: 28px;
  margin: 2px 0;
  width: 100%;
}
super-search .superSearch-container .ssInput {
  border: none;
  width: 100%;
  float: left;
  margin-left: 3px;
}
super-search .superSearch-container .ssInput::placeholder {
  color: #999999;
}
super-search .superSearch-container .ssInput:focus {
  outline: none;
}
super-search .superSearch-container .superSearch-keyWord {
  margin-right: 0 !important;
  background-color: #5eb22e !important;
  border-color: #5eb22e !important;
  color: #fafafa;
}
super-search .superSearch-container .superSearch-keyWord div.ion {
  color: #fff;
}
super-search .superSearch-keyWordContainer {
  overflow: auto;
  float: left;
}
super-search .superSearch-keyWordContainer .superSearch-keyWord {
  position: relative;
  border: 1px solid #ddd;
  min-height: 22px;
  border-radius: 30px;
  background-color: #fafafa;
  line-height: 14px;
  overflow: hidden;
  padding: 4px 30px 4px 12px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: default;
}
super-search .superSearch-keyWordContainer .superSearch-keyWord div {
  word-break: break-word;
  line-height: 14px;
  font-size: 12px;
  float: left;
}
super-search .superSearch-keyWordContainer .superSearch-keyWord div.ion {
  position: absolute;
  right: 10px;
  top: 49%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
}
super-search .superSearch-keyWordContainer.numWords {
  position: absolute;
  right: 0;
  top: 2px;
  transition: all ease-in 0.15s;
}
super-search .superSearch-dropdown {
  transition: all ease-in 0.15s;
  width: 100%;
  margin: 0 5px 0 -25px;
  overflow: hidden;
  padding: 10px 15px 15px;
  border: 1px solid rgba(0, 0, 0, 0.14902);
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.172549) 0 6px 12px 0;
  background-color: #ffffff;
  position: absolute;
  z-index: 100;
  cursor: default;
}
super-search .superSearch-dropdown .superSearch-promptMessage {
  height: 22px;
  line-height: 22px;
  margin-bottom: -5px;
  width: 100%;
  color: #999999;
}
super-search .superSearch-dropdown .superSearch-promptMessage .kbd {
  display: inline-block;
  padding: 3px 7px 5px 7px;
  line-height: 10px;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #d1d5da;
  border-bottom-color: #c6cbd1;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #c6cbd1;
  font-size: 10px;
  margin: -1px 3px 0 3px;
}
super-search .superSearch-dropdown .superSearch-headerRow {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
}
super-search .superSearch-dropdown .superSearch-headerRow .superSearch-headerTitle {
  color: #999999;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  float: left;
}
super-search .superSearch-dropdown .superSearch-headerRow .superSearch-headerTextBtn {
  color: #00adef;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  float: right;
  cursor: pointer;
}
super-search .superSearch-dropdown .superSearch-headerRow .superSearch-headerTextBtn:hover {
  text-decoration: underline;
}
week-selector {
  height: 34px;
  width: 361px;
}
week-selector > button {
  float: left;
  margin: 12px 10px 12px 10px;
}
week-selector .weekSelector-dateRange {
  float: left;
  height: 30px;
  line-height: 30px;
  font-weight: 600;
  margin: 3px 7px;
  width: 210px;
  text-align: center;
}
week-selector .weekSelector-dateRange span {
  font-weight: 300;
}
week-selector .weekSelector-changeWeekBtn {
  width: 34px;
  height: 34px;
  background-color: #f4f4f4;
  border-color: #ccc;
  margin: 0 7px !important;
  padding: 0;
}
week-selector .weekSelector-selectDateBtn {
  width: 34px;
  height: 34px;
  background-color: #f4f4f4;
  border-color: #ccc;
  margin: 0 7px 0 0 !important;
  padding: 0;
}
label-panel {
  min-width: 30px;
  height: 22px;
  position: relative;
  display: block;
}
label-panel .lPanel-labelContainer {
  height: 22px;
  width: 100%;
  position: relative;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn {
  width: 22px;
  height: 22px;
  line-height: 22px;
  float: left;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn .ion-more {
  padding: 0;
  height: 22px;
  line-height: 22px;
  width: 22px;
  color: #dcdcdc;
  cursor: pointer;
  text-align: center;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn .ion-more:hover {
  color: #bbb;
}
.lPanel-label {
  height: 22px;
  color: #fff;
  width: auto;
  display: block;
  white-space: nowrap;
  font-size: 10px;
  padding-left: 10px;
  border-radius: 2px;
  margin-right: 5px;
  float: left;
}
.lPanel-label.mockLabel {
  position: absolute;
  opacity: 0;
}
.lPanel-label > div {
  line-height: 22px;
  height: 22px;
  float: left;
}
.lPanel-label > div:nth-child(2) {
  margin: 0 10px;
}
.extraLabelsHolder {
  position: absolute;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  min-width: 150px;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 2px;
  z-index: 111;
  transition: all 0.25s;
  padding: 8px 5px 0 10px;
  margin-top: 28px;
  min-height: 40px;
}
.extraLabelsHolder .lPanel-label {
  margin-bottom: 5px;
}
.extraLabelsHolder::after {
  display: none;
  content: "";
  position: absolute;
  left: 13px;
  top: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.extraLabelsHolder::before {
  display: none;
  content: "";
  position: absolute;
  left: 13px;
  top: -11px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.extraLabelsHolder.extraLabelsHolder-open {
  visibility: visible;
  opacity: 1;
  padding: 15px 10px 12px 15px;
  margin-top: 18px;
}
list-popover {
  height: 28px;
  width: 28px;
  float: left;
  margin-top: -2px;
  margin-left: 5px;
}
list-popover .listPopover-icon {
  padding: 4px 5px;
  font-size: 10px;
  background-color: #eee;
  position: relative;
  border-radius: 15px;
  height: 28px;
  width: 28px;
  transition: all 0.25s;
  cursor: pointer;
  color: #999;
  line-height: 18px;
  text-align: center;
}
list-popover .listPopover-icon:hover {
  cursor: pointer;
  background-color: #ddd;
  color: #333;
}
.popover {
  color: #333;
  padding: 10px 15px;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 2px;
  z-index: 1000;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}
.popover .arrow {
  display: none;
}
.popover .popover-content {
  padding: 0;
  min-width: 160px;
}
.popover .listPopover-container {
  font-size: 12px;
  font-family: "Open Sans";
}
.popover .listPopover-container > div {
  height: 24px;
  line-height: 24px;
  color: #333;
}
.popover .listPopover-container .listPopover-title {
  width: 100%;
  border-bottom: 1px solid #EFEFEF;
  color: #999999;
  margin-bottom: 5px;
}
.popover .listPopover-container .listPopover-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
vertical-week-grid {
  height: 691px;
  overflow: hidden;
  display: block;
}
vertical-week-grid .vWeek-gridOuterContainer::-webkit-scrollbar {
  width: 7px;
}
vertical-week-grid .vWeek-gridOuterContainer::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 4px;
}
vertical-week-grid .vWeek-gridOuterContainer {
  overflow-y: scroll;
  height: 539px;
  width: calc(100% - 20px);
  -webkit-overflow-scrolling: touch;
}
vertical-week-grid .vWeek-gridOuterContainerBorder {
  width: calc(100% - 20px - 50px - 22px);
  margin-left: 50px;
  height: 1px;
  border-top: 1px solid #dddddd;
}
vertical-week-grid .vWeek-gridContainer {
  width: calc(100% - 15px);
  overflow: hidden;
  position: relative;
}
vertical-week-grid .vWeek-gridCol {
  float: left;
  border-left: 1px solid #dddddd;
  /*width: 120px;*/
  width: calc((100% - 50px) / 7);
  height: 100%;
}
vertical-week-grid .vWeek-gridColLast {
  border-right: 1px solid #dddddd;
}
vertical-week-grid .vWeek-gridRowTop {
  border-top: none !important;
  height: 59px !important;
}
vertical-week-grid .vWeek-gridCell {
  width: 100%;
  height: 60px;
  border-top: 1px solid #dddddd;
  background-color: #fafafa;
  cursor: row-resize !important;
  position: relative;
}
vertical-week-grid .vWeek-gridCell:hover {
  background-color: #efefef;
}
vertical-week-grid .vWeek-gridCellToday {
  background-color: #eeeeee !important;
}
vertical-week-grid .vWeek-segBlock {
  background-color: #ffffff;
  color: #616161;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dddddd;
  position: relative;
  cursor: move;
  transition: all 0.25s;
}
vertical-week-grid .vWeek-segBlock:hover {
  background-color: #fcfcfc;
}
vertical-week-grid .segBlockUpdating {
  cursor: default;
  opacity: 0.7;
}
vertical-week-grid .vWeek-segBlockColorBar {
  position: absolute;
  width: 5px;
  background-color: #616161;
  margin-bottom: 10px;
  border-radius: 2px;
  left: 5px;
  top: 5px;
  bottom: -5px;
}
vertical-week-grid .vWeek-segBlockContent {
  width: 100%;
  /*padding: 6px;*/
  padding: 5px 5px 0 20px;
}
vertical-week-grid .vWeek-segBlockContentMini {
  padding: 0 5px 0 20px;
}
vertical-week-grid .vWeek-segBlockHandle {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  cursor: pointer;
}
vertical-week-grid .vWeek-segBlockHandle > div {
  width: 20px;
  height: 5px;
  border-radius: 3px;
  background-color: #eeeeee;
  display: block;
  margin: 0 auto;
}
vertical-week-grid .vWeek-segBlockContinued {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  cursor: none;
}
vertical-week-grid .vWeek-segBlockExtension {
  position: absolute;
  top: 0;
  width: 100%;
  height: 10px;
  cursor: none;
  padding: 5px 0 0 0;
}
vertical-week-grid .vWeek-segBlockContinued > div,
vertical-week-grid .vWeek-segBlockExtension > div {
  width: 33px;
  height: 5px;
  display: block;
  margin: 0 auto;
}
vertical-week-grid .vWeek-segBlockContinued > div > div,
vertical-week-grid .vWeek-segBlockExtension > div > div {
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #eeeeee;
  float: left;
  margin: 0 3px 0 3px;
}
vertical-week-grid .vWeek-gridDateLabelContainer {
  display: flex;
  width: calc(100% - 50px - 42px);
  margin-left: 50px;
  height: 40px;
}
vertical-week-grid .vWeek-gridDateLabel {
  position: relative;
  height: 40px;
  width: calc(100% / 7);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  align-self: flex-end;
}
vertical-week-grid .vWeek-gridDateLabel .ph-publicHolidayLabel {
  color: #999;
  font-size: 10px;
  font-weight: 400;
}
vertical-week-grid .vWeek-gridTimeLabelContainer {
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
}
vertical-week-grid .vWeek-gridTimeLabel {
  height: 60px;
  position: relative;
  z-index: 1000;
  top: -10px;
  margin-right: 15px;
  background-color: #ffffff;
  color: #999;
  text-align: right;
  padding: 0;
}
vertical-week-grid .vWeek-gridDateDurationContainer {
  display: flex;
  align-items: center;
  width: calc(100% - 90px);
  margin: 0 0 0 50px;
}
vertical-week-grid .vWeek-gridDateDurationContainer .vWeek-gridDateDuration {
  width: calc(100% / 7);
  padding: 20px 0;
  color: #333;
  font-size: 12px;
  text-align: center;
}
vertical-week-grid .vWeek-gridDurationTotal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 20px;
  padding-right: 20px;
  margin: 0 0 0 50px;
  border-top: 1px solid #efefef;
  width: calc(100% - 90px);
}
vertical-week-grid .vWeek-gridDurationTotal .gridDurationTotal-title {
  color: #999;
  font-size: 12px;
}
vertical-week-grid .vWeek-gridDurationTotal .gridDurationTotal-total {
  font-weight: 800;
  font-size: 18px;
  margin-left: 7px;
}
vertical-week-grid .vWeek-gridTimeLabel:first-child {
  top: -4px;
}
vertical-week-grid .vWeek-gridTimeLabel > span {
  position: relative;
  z-index: 1000;
}
vertical-week-grid .vWeek-gridTimeLabel > span:hover {
  cursor: pointer;
  color: #dddddd;
}
vertical-week-grid .vWeek-gridCellQuarter {
  width: 100%;
  height: 25%;
}
vertical-week-grid .vWeek-gridCellQuarterSelected {
  background-color: red;
}
vertical-week-grid .vWeek-newBlockGridContainer {
  position: absolute;
  width: calc(100% - 50px);
  margin-left: 50px;
  height: 100%;
  z-index: 10;
}
vertical-week-grid .vWeek-newBlock {
  background-color: #0088d6;
  opacity: 0.7;
  border-radius: 2px;
  color: #fafafa;
  cursor: s-resize;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
vertical-week-grid .vWeek-timeStatus {
  position: relative;
  padding-top: 5px;
}
vertical-week-grid .statusColor {
  width: 12px;
  border-radius: 2px;
  margin-top: 3px;
  float: left;
  margin-right: 5px;
  height: 12px;
  cursor: pointer;
}
vertical-week-grid .statusName {
  opacity: 0;
  font-size: 10px;
  margin-left: -5px;
  transition: all 0.25s;
}
vertical-week-grid .statusColor:hover + .statusName {
  opacity: 1;
  margin-left: 0;
}
tooltip-popover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
tooltip-popover .hoverArea {
  background-color: transparent;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.popover.tooltip-popover-container {
  background-color: #333;
}
.popover.tooltip-popover-container .tooltipPopoverContent {
  font-family: 'Open Sans', sans-serif;
  border-radius: 2px;
  background-color: #333;
  padding: 0 20px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
list-drop-down {
  position: relative;
  display: block;
  line-height: 20px;
  margin-right: 0;
  float: left;
}
list-drop-down > div {
  float: left;
  width: 100%;
}
list-drop-down > div button {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
  line-height: 20px;
}
list-drop-down > div button.btn {
  transition: none !important;
}
list-drop-down > div button.buttonDisabled {
  pointer-events: none;
}
list-drop-down > div button.buttonDisabled.listDropDownDefault .caret {
  display: none;
}
list-drop-down > div button .listDropDownBtnAddon {
  width: auto;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: -6px;
  margin-left: -12px;
  float: left;
  background-color: #eee;
  border-right: 1px solid #ccc;
  padding: 6px 12px;
  font-weight: bold;
  margin-right: 10px;
}
list-drop-down > div button .buttonColor {
  float: left;
  margin-right: 9px;
  border-radius: 3px;
  width: 5px;
  height: 20px;
}
list-drop-down > div button .caret {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
list-drop-down > div button.listDropDownDefault.buttonDisabled {
  color: #333333 !important;
  opacity: 1 !important;
}
list-drop-down > div button.listDropDownDefault,
list-drop-down > div .listDropDownSuccess {
  height: 34px;
  min-width: 100px;
  text-align: left;
  line-height: 20px;
  padding: 6px 20px 6px 12px;
}
list-drop-down > div button.listDropDownDefault div,
list-drop-down > div .listDropDownSuccess div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
list-drop-down > div button.listDropDownSuccess div {
  width: 100%;
  text-align: center;
  min-width: 90px;
}
list-drop-down > div button.listDropDownPlus {
  height: 34px;
  width: 34px;
  text-align: center;
  line-height: 20px;
  color: #FFFFFF;
  padding: 6px;
  font-size: 18px;
}
list-drop-down > div button.listDropDownMenu,
list-drop-down > div button.listDropDownSubMenu {
  height: 34px;
  width: 34px;
  text-align: center;
  line-height: 20px;
  padding: 6px;
  font-size: 18px;
}
list-drop-down > div button.listDropDownMenu i,
list-drop-down > div button.listDropDownSubMenu i {
  left: 0;
  right: 0;
  top: -2px;
}
list-drop-down > div button.listDropDownSubMenu i {
  top: 0;
}
list-drop-down > div button.smallBtn {
  width: 20px !important;
  height: 20px !important;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}
.listDropDownUL {
  min-width: 220px;
  padding: 8px 0;
  overflow: auto;
}
.listDropDownUL .listDropDownSearchContainer {
  width: 100%;
  height: 34px;
  margin: 5px 0 10px 0;
  padding: 0 10px;
}
.listDropDownUL .listDropDownSearchContainer button.ion-ios-arrow-back {
  height: 34px;
  width: 34px;
  float: left;
  background-color: #fff;
  border-color: #ccc;
}
.listDropDownUL .listDropDownSearchContainer .listDropDownNestedListParent {
  float: left;
  width: calc(100% - 49px);
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  margin-left: 15px;
  font-weight: 600;
}
.listDropDownUL .listDropDownSearchContainer .ph-search {
  width: 100%;
  float: none;
  height: 34px;
  max-width: unset;
}
.listDropDownUL .listDropDownSearchContainer .ph-search.-nestedListSearch {
  float: right;
  width: calc(100% - 44px);
}
.listDropDownUL li {
  line-height: 34px;
  padding: 0 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}
.listDropDownUL li.itemDelete {
  transition: all 0.25s;
}
.listDropDownUL li.itemDelete:hover {
  color: #fff;
  background-color: #d9534f;
}
.listDropDownUL li.itemDisabled {
  color: #DDDDDD;
  pointer-events: none;
}
.listDropDownUL li:hover {
  background-color: #fafafa;
}
.listDropDownUL li:active {
  background-color: #eee;
}
.listDropDownUL li div.itemColour {
  position: absolute;
  left: 13px;
  top: 7px;
  bottom: 5px;
  border-radius: 3px;
  width: 5px;
  height: 20px;
}
.listDropDownUL li div.itemProp {
  float: left;
  padding-right: 50px;
  font-size: 12px;
}
.listDropDownUL li div.itemSubProp {
  float: right;
  color: #777777;
  font-size: 11px;
}
.listDropDownUL li div.ph-toggle {
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.listDropDownUL li i.ion.ion-chevron-right {
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #777777;
  font-size: 12px;
}
.listDropDownUL li.itemSelected {
  background-color: rgba(94, 178, 46, 0.08) !important;
}
.listDropDownUL .ph-listDropDown-empty {
  line-height: 34px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #999;
}
table-col-header {
  height: 50px;
  display: flex;
  user-select: none;
}
table-col-header > div {
  width: 100%;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
table-col-header > div.-rightAligned {
  justify-content: flex-end;
}
table-col-header > div > div {
  height: 50px;
  line-height: 50px;
}
table-col-header > div > .tableOrderLabel {
  cursor: pointer;
  user-select: none;
}
table-col-header > div > .tableOrderLabel:not(.noHover):hover {
  color: #777777;
}
table-col-header > div > .tableOrderLabel.noHover {
  cursor: default;
}
table-col-header > div > .tableOrderArrow {
  margin: 0 7px;
  color: #555555;
  cursor: pointer;
  font-size: 12px;
}
table-col-header > div > .tableOrderArrow:hover {
  color: #777777;
}
mega-search {
  width: 300px;
  height: 34px;
  position: relative;
  display: block;
}
mega-search .megaSearch-container {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  display: block;
}
mega-search .megaSearch-container .megaSearch-inputContainer {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
}
mega-search .megaSearch-container .megaSearch-inputContainer:focus-within {
  outline: none !important;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, #9eccf1 0px 0px 0px 2px !important;
}
mega-search .megaSearch-container .megaSearch-inputContainer::after {
  display: none !important;
}
mega-search .megaSearch-container .megaSearch-inputContainer .megaSearch-input {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border: none;
  border-radius: 2px;
  background-color: transparent;
}
mega-search .megaSearch-container .megaSearch-inputContainer .megaSearch-input::placeholder {
  color: #999;
}
mega-search .megaSearch-container .megaSearch-inputContainer .megaSearch-input:focus {
  outline: none !important;
  box-shadow: none !important;
}
mega-search .megaSearch-container .megaSearch-inputContainer .megaSearch-searchIcon {
  flex: 0 0 auto;
  margin-left: 10px;
  color: #ccc;
}
mega-search .megaSearch-container .megaSearch-inputContainer .dp-remove {
  flex: 0 0 auto;
  margin-right: 5px;
}
mega-search .megaSearch-container .megaSearch-inputContainer .megaSearch-selectedSearchPropertyCount {
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #5eb22e;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  cursor: pointer;
}
.dp-remove {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease-in;
}
.dp-remove:hover {
  background-color: #efefef;
}
.dp-remove i {
  font-size: 20px;
}
.megaSearch-dropdown {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin-top: 8px;
  min-width: 160px;
  padding: 10px 5px;
}
.megaSearch-dropdown .megaSearch-dropdown-header {
  padding: 0 10px 0 8px;
  width: 100%;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
}
.megaSearch-dropdown .megaSearch-dropdown-header > button {
  font-size: 12px;
  justify-content: flex-start;
  padding: 0;
  text-align: left;
  min-width: 0;
  text-transform: none;
  box-shadow: none;
  background-color: transparent !important;
  color: #118be0 !important;
}
.megaSearch-dropdown .megaSearch-dropdown-header > button:active {
  background-color: transparent !important;
  color: #118be0 !important;
}
.megaSearch-dropdown .megaSearch-dropdown-header > button > i {
  color: #118be0 !important;
}
.megaSearch-dropdown .megaSearch-dropdown-header > button:disabled {
  color: #ccc !important;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredPropertiesEmpty {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #ccc;
}
.megaSearch-dropdown .megaSearch-dropdown-spacer {
  margin: 5px 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ddd;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-filteredProperty,
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-selectedProperty,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty {
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 2px;
  font-size: 12px;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty .-itemValue,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-filteredProperty .-itemValue,
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-selectedProperty .-itemValue,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty .-itemValue {
  flex: 1 1 100%;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty .-searchPropertyLabel,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-filteredProperty .-searchPropertyLabel,
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-selectedProperty .-searchPropertyLabel,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty .-searchPropertyLabel {
  height: 20px;
  line-height: 20px;
  flex: 0 0 auto;
  max-width: 50%;
  text-align: center;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 5px;
  font-size: 10px;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty > div,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-filteredProperty > div,
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-selectedProperty > div,
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty {
  cursor: pointer;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty:hover {
  background-color: #fafafa;
}
.megaSearch-dropdown .megaSearch-dropdown-filteredProperties .megaSearch-dropdown-filteredProperty.-highlighted {
  background-color: #118be020;
}
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty .-clearSelectedProperty {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease-in;
}
.megaSearch-dropdown .megaSearch-dropdown-selectedProperties .megaSearch-dropdown-selectedProperty .-clearSelectedProperty:hover {
  background-color: #efefef;
}
day-selector {
  --daySelector-width: 90px;
  display: block;
}
day-selector > div {
  width: var(--daySelector-width);
  height: 34px;
}
day-selector .daySelector-btn {
  width: var(--daySelector-width) !important;
  min-width: var(--daySelector-width) !important;
  height: 34px;
  background-color: #f4f4f4;
  border: solid 1px #ccc;
  padding: 0 !important;
}
day-selector .daySelector-btn:focus {
  background-color: #f4f4f4;
}
day-selector .daySelector-btn > span:first-child {
  float: left;
  text-align: left;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
day-selector .daySelector-btn > span:last-child {
  float: right;
  margin: 14px 10px 14px 0;
}
day-selector .daySelector-ul {
  width: var(--daySelector-width);
  min-width: var(--daySelector-width);
  top: 36px;
  cursor: pointer;
  font-size: 12px;
}
day-selector .daySelector-ul > li {
  height: 30px;
}
day-selector .daySelector-ul > li > a {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}
day-selector .daySelector-ul > li > a:hover {
  background-image: none;
}
day-selector .daySelector-selectedDay,
day-selector .daySelector-selectedDay:hover > a {
  background-color: #eee !important;
}
dash-grid {
  display: block;
  padding: 20px 0;
}
dash-grid > div {
  display: block;
  overflow: hidden;
  width: 100%;
  min-height: 400px;
}
dash-grid > div > ul > li:not(.-disableResizeHoverStyle):not(.dg-block-empty) .gridster-item-resizable-handler.handle-n:hover {
  box-shadow: inset 0px 5px 5px 0px rgba(153, 153, 153, 0.1);
}
dash-grid > div > ul > li:not(.-disableResizeHoverStyle):not(.dg-block-empty) .gridster-item-resizable-handler.handle-s:hover {
  box-shadow: inset 0px -5px 5px 0px rgba(153, 153, 153, 0.1);
}
dash-grid > div > ul > li:not(.-disableResizeHoverStyle):not(.dg-block-empty) .gridster-item-resizable-handler.handle-e:hover {
  box-shadow: inset -5px 0px 5px 0px rgba(153, 153, 153, 0.1);
}
dash-grid > div > ul > li:not(.-disableResizeHoverStyle):not(.dg-block-empty) .gridster-item-resizable-handler.handle-w:hover {
  box-shadow: inset 5px 0px 5px 0px rgba(153, 153, 153, 0.1);
}
dash-grid > div .dg-block,
dash-grid > div dash-grid-block-notification,
dash-grid > div dash-grid-block-projects,
dash-grid > div dash-grid-block-report,
dash-grid > div dash-grid-block-report-client-revenue,
dash-grid > div dash-grid-block-report-consultant-performance,
dash-grid > div dash-grid-block-month-summary,
dash-grid > div dash-grid-block-time-summary,
dash-grid > div dash-grid-block-approvals {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fcfcfc;
  overflow: hidden;
}
dash-grid > div .dg-block .dg-block-header,
dash-grid > div dash-grid-block-notification .dg-block-header,
dash-grid > div dash-grid-block-projects .dg-block-header,
dash-grid > div dash-grid-block-report .dg-block-header,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header,
dash-grid > div dash-grid-block-month-summary .dg-block-header,
dash-grid > div dash-grid-block-time-summary .dg-block-header,
dash-grid > div dash-grid-block-approvals .dg-block-header,
dash-grid > div .dg-block .dg-block-headerSecondary,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary {
  width: 100%;
  height: 52px;
  cursor: move;
  border: 1px solid #ddd;
  display: flex;
  font-size: 14px;
  background-color: #efefef;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 8px 8px 8px 1.5rem;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft {
  margin-right: auto;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight {
  margin-left: auto;
  margin-left: 15px;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight {
  display: flex;
  align-items: center;
  position: relative;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft > *:not(:last-child),
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft > *:not(:last-child),
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight > *:not(:last-child),
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight > *:not(:last-child) {
  margin-right: 10px;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft > button,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft > button,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight > button,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight > button,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight > button,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight > button {
  height: 34px;
  padding: 0;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText {
  font-weight: 600;
  display: flex;
  align-items: center;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > span,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > span {
  font-weight: 400;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText > *:not(:last-child),
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child),
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText > *:not(:last-child) {
  margin-right: 8px;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked {
  cursor: pointer;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked > i,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked > i {
  color: #999;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-block-headerText.-linked:hover > i,
dash-grid > div .dg-block .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight .dg-block-headerText.-linked:hover > i {
  color: #333;
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerSearch > i,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerSearch > i,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerSearch > i {
  position: absolute;
  font-size: 14px;
  left: 10px;
  top: 50%;
  color: #ccc;
  transform: translateY(-50%);
}
dash-grid > div .dg-block .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-notification .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-projects .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-month-summary .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-time-summary .dg-block-header .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-approvals .dg-block-header .dg-block-headerSearch > input,
dash-grid > div .dg-block .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary .dg-block-headerSearch > input,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerSearch > input {
  padding-left: 25px;
}
dash-grid > div .dg-block .dg-block-header:hover,
dash-grid > div dash-grid-block-notification .dg-block-header:hover,
dash-grid > div dash-grid-block-projects .dg-block-header:hover,
dash-grid > div dash-grid-block-report .dg-block-header:hover,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-header:hover,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-header:hover,
dash-grid > div dash-grid-block-month-summary .dg-block-header:hover,
dash-grid > div dash-grid-block-time-summary .dg-block-header:hover,
dash-grid > div dash-grid-block-approvals .dg-block-header:hover {
  background-color: #f3f3f3;
}
dash-grid > div .dg-block .dg-block-headerSecondary,
dash-grid > div dash-grid-block-notification .dg-block-headerSecondary,
dash-grid > div dash-grid-block-projects .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-headerSecondary,
dash-grid > div dash-grid-block-month-summary .dg-block-headerSecondary,
dash-grid > div dash-grid-block-time-summary .dg-block-headerSecondary,
dash-grid > div dash-grid-block-approvals .dg-block-headerSecondary {
  width: 100%;
  height: 51px;
  border-top: none;
  background-color: #fafafa;
  cursor: default;
}
dash-grid > div .dg-block .dg-block-content,
dash-grid > div dash-grid-block-notification .dg-block-content,
dash-grid > div dash-grid-block-projects .dg-block-content,
dash-grid > div dash-grid-block-report .dg-block-content,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content,
dash-grid > div dash-grid-block-month-summary .dg-block-content,
dash-grid > div dash-grid-block-time-summary .dg-block-content,
dash-grid > div dash-grid-block-approvals .dg-block-content {
  width: 100%;
  height: calc(100% - 52px);
  display: block;
  position: relative;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
}
dash-grid > div .dg-block .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-contentEmpty,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-contentEmpty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #aaa;
  font-size: 16px;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer {
  width: 100%;
  display: flex;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem {
  margin: 0 10px;
  flex: 1 1 auto;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 25px;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:first-child {
  margin-left: 0;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem:last-child {
  margin-right: 0;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-label {
  color: #999;
}
dash-grid > div .dg-block .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-notification .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-projects .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-report .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-month-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-time-summary .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value,
dash-grid > div dash-grid-block-approvals .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem .dg-block-summaryItem-value {
  font-size: 26px;
  line-height: 26px;
  margin-top: 5px;
}
dash-grid > div .dg-block.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-notification.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-projects.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-report.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-report-client-revenue.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-report-consultant-performance.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-month-summary.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-time-summary.-editingDisabled .dg-block-header,
dash-grid > div dash-grid-block-approvals.-editingDisabled .dg-block-header,
dash-grid > div .dg-block.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-notification.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-projects.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-client-revenue.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-report-consultant-performance.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-month-summary.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-time-summary.-editingDisabled .dg-block-headerSecondary,
dash-grid > div dash-grid-block-approvals.-editingDisabled .dg-block-headerSecondary {
  cursor: default;
}
dash-grid > div .dg-block.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-notification.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-projects.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-report.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-report-client-revenue.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-report-consultant-performance.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-month-summary.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-time-summary.-editingDisabled .dg-block-header:hover,
dash-grid > div dash-grid-block-approvals.-editingDisabled .dg-block-header:hover {
  background-color: #efefef;
}
dash-grid > div .dg-block-empty .gridster-item-resizable-handler {
  display: none !important;
}
dash-grid > div .dg-block-empty .dg-block-emptyContents {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: background 0.3s ease;
}
dash-grid > div .dg-block-empty .dg-block-emptyContents > i {
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #aaa;
  font-size: 30px;
}
dash-grid > div .dg-block-empty .dg-block-emptyContents:hover {
  background-color: #fafafa;
}
dash-grid > div .dg-block-empty .dg-block-emptyContents:hover > i {
  opacity: 1;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item {
  padding: 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item .dg-notifBlock-itemHeader {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item .dg-notifBlock-itemHeader .dg-notifBlock-item-new {
  height: 6px;
  width: 6px;
  border-radius: 6px;
  background-color: #00adef;
  margin-right: 8px;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item .dg-notifBlock-itemHeader .dg-notifBlock-item-title {
  font-weight: 600;
  margin-right: auto;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item .dg-notifBlock-itemHeader .dg-notifBlock-item-date {
  font-size: 10px;
  color: #999;
}
dash-grid-block-notification .dg-notifBlock-scrollOuter .dg-notifBlock-scrollInner .dg-notifBlock-item .dg-notifBlock-itemDescription {
  width: 100%;
  color: #999;
}
dash-grid-block-projects .dg-block-header .dg-block-headerRight > button {
  flex: 0 0 auto;
  width: 34px;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item {
  padding: 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display: flex;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemLeft {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemLeft .dg-projectBlock-item-projectName {
  color: #00adef;
  display: flex;
  height: 22px;
  align-items: center;
  width: 100%;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemLeft .dg-projectBlock-item-projectName > div {
  flex: 0 0 auto;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemLeft .dg-projectBlock-item-projectName > label-panel {
  flex: 1 1 auto;
  margin-left: 8px;
  width: 100%;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemRight {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemRight .dg-projectBlock-item-date {
  display: flex;
  align-items: center;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemRight .dg-projectBlock-item-date > span {
  color: #999;
  margin-right: 3px;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item .dg-projectBlock-itemRight .dg-projectBlock-item-date > i {
  color: #999;
  margin-left: 10px;
  font-size: 12px;
}
dash-grid-block-projects .dg-projectBlock-scrollOuter .dg-projectBlock-scrollInner .dg-projectBlock-item:hover {
  background-color: #fafafa;
}
dash-grid-block-report .dg-block-content:not(.-loading) {
  padding: 20px 20px 10px 20px;
}
dash-grid-block-report .dg-block-content.-loading {
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 2px;
}
dash-grid-block-report-client-revenue .dg-block-header .dg-rcrBlock-dateRate span {
  color: #999;
}
dash-grid-block-report-client-revenue .dg-block-content {
  padding: 20px;
}
dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer {
  margin-bottom: 30px;
}
dash-grid-block-report-client-revenue .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem {
  height: 80px;
}
dash-grid-block-report-client-revenue .dg-block-content report-chart {
  height: auto;
  height: calc(100% - 110px);
}
dash-grid-block-report-consultant-performance .dg-block-header .dg-rcpBlock-dateRate span {
  color: #999;
}
dash-grid-block-report-consultant-performance .dg-block-content {
  padding: 20px;
}
dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer {
  margin-bottom: 30px;
}
dash-grid-block-report-consultant-performance .dg-block-content .dg-block-summaryContainer .dg-block-summaryItem {
  height: 80px;
}
dash-grid-block-report-consultant-performance .dg-block-content report-chart {
  height: auto;
  height: calc(100% - 110px);
}
dash-grid-block-month-summary .dg-block-headerRight > button {
  display: block;
  width: 34px;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer {
  max-height: 100%;
  overflow-y: auto;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item:not(:last-child) {
  margin-right: 20px;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item .dg-summaryBlock-itemLabel {
  color: #999;
  height: 18px;
  line-height: 18px;
  width: 100%;
  margin-bottom: 5px;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item .dg-summaryBlock-itemValue {
  display: flex;
  align-items: flex-end;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item .dg-summaryBlock-itemValue > div {
  font-size: 26px;
  line-height: 26px;
}
dash-grid-block-month-summary .dg-summaryBlock-scrollContainer .dg-summaryBlock-row .dg-summaryBlock-item .dg-summaryBlock-itemValue > span {
  color: #999;
  margin-left: 8px;
}
dash-grid-block-time-summary {
  display: flex !important;
  background-color: transparent !important;
  overflow: auto !important;
  flex-wrap: wrap;
  position: relative;
}
dash-grid-block-time-summary .ph-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  display: none;
}
dash-grid-block-time-summary:hover .ph-close {
  display: block;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item {
  padding: 5px;
  min-width: 140px;
  width: 25%;
  height: 100%;
  position: relative;
  z-index: 1;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner {
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: move;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemTag {
  border-radius: 2px;
  top: 10px;
  height: 12px;
  width: 12px;
  left: 10px;
  position: absolute;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 2px solid #ddd;
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
  font-size: 3rem;
  cursor: pointer;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue.-nonZero {
  border: none;
  background-color: transparent;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue > i:before {
  font-size: 50px !important;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemLabel {
  font-size: 1.5rem;
  text-align: center;
  cursor: pointer;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item.-itemSmall .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue {
  width: 30px;
  height: 30px;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
dash-grid-block-time-summary .dg-timeSummaryBlock-item.-itemSmall .dg-timeSummaryBlock-itemInner .dg-timeSummaryBlock-itemValue > i:before {
  font-size: 30px !important;
}
dash-grid-block-time-summary.-editingDisabled .dg-timeSummaryBlock-item .dg-timeSummaryBlock-itemInner {
  cursor: default;
}
dash-grid-block-approvals .dg-block-headerSecondary {
  padding-left: 20px !important;
}
dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerLeft .dg-approvalBlock-approvalCount {
  color: #999;
}
dash-grid-block-approvals .dg-block-headerSecondary .dg-block-headerRight > button {
  padding: 0 20px !important;
}
dash-grid-block-approvals .dg-block-content {
  height: calc(100% - 103px) !important;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter {
  overflow-y: auto;
  max-height: 100%;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card {
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s ease;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card:hover {
  background-color: #f9f9f9;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  overflow: hidden;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell > *:not(:last-child) {
  margin-bottom: 5px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardLabel {
  font-size: 12px;
  color: #999;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue {
  font-size: 14px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue > span {
  color: #999;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue > span.-smalltext {
  font-size: 10px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue > check-box {
  margin-right: 10px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue > check-box > button {
  margin: 0;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue.-title {
  display: flex;
  align-items: center;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue.-title > div {
  color: #00adef;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow .dg-approvalBlock-cardCell .dg-approvalBlock-cardValue.-title > i {
  margin-left: 5px;
  font-size: 14px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details {
  margin-bottom: 0px;
  transition: margin-bottom 0.3s ease;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell {
  flex: 1 1 25%;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell .dg-approvalBlock-error {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  padding: 5px;
  background-clip: content-box;
  position: relative;
  background-color: #5BA079;
  margin-right: 8px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell.-iconCell {
  flex: 0 0 120px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding-right: 15px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell.-iconCell .dg-approvalBlock-cardIcon {
  position: relative;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell.-iconCell .dg-approvalBlock-cardIcon > i {
  font-size: 20px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell.-iconCell .dg-approvalBlock-cardIcon > i.ion-android-attach {
  color: #bbb;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-details .dg-approvalBlock-cardCell.-iconCell .dg-approvalBlock-cardIcon > i.ion-alert-circled {
  color: #f1ca03;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject {
  background-color: #fff;
  padding: 0 20px;
  overflow: hidden;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  cursor: default;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject:nth-child(2) {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 1px solid #ddd;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell {
  flex: 1 1 25%;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell .dg-approvalBlock-segmentSummary span {
  color: #999;
  text-transform: capitalize;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-initialsIconCell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: row;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-initialsIconCell .dg-approvalBlock-initialsIcon {
  height: 35px;
  width: 35px;
  border-radius: 35px;
  margin: 3px;
  background-color: #efefef;
  position: relative;
  line-height: 35px;
  text-align: center;
  font-size: 13px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-initialsIconCell .dg-approvalBlock-noApprovers {
  color: #999;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell {
  flex: 0 0 100px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell > button > i {
  top: 0;
  font-size: 12px;
  margin-left: 3px;
  transition: all 0.2s ease;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell > button:hover,
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell > button:focus {
  text-decoration: none;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell > button:hover > i,
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRow.-approvalProject .dg-approvalBlock-cardCell.-detailModalCell > button:focus > i {
  top: -2px;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card .dg-approvalBlock-cardRowGroup {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card.-open {
  background-color: #f4f4f4;
}
dash-grid-block-approvals .dg-block-content .dg-approvalBlock-scrollOuter .dg-approvalBlock-scrollInner .dg-approvalBlock-card.-open .-details {
  margin-bottom: 10px;
}
report-chart {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
report-table {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
report-table #table-outerContainer::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
report-table #table-outerContainer::-webkit-scrollbar-track {
  background-color: #ffffff;
}
report-table #table-outerContainer::-webkit-scrollbar-thumb:vertical {
  background-color: #dddddd;
  border-left: white solid 8px;
}
report-table #table-outerContainer::-webkit-scrollbar-thumb:horizontal {
  background-color: #dddddd;
  border-top: white solid 8px;
}
report-table #table-outerContainer {
  width: 100%;
  height: 100%;
  overflow: scroll;
  position: relative;
}
report-table #table-innerContainer {
  min-width: 100%;
  min-height: 100%;
  margin-top: -50px;
  background: url("../assets/reports-tableBackground.svg");
  margin-bottom: -5px;
  display: inline-flex;
}
report-table .table-headingNode > button {
  float: left;
  font-weight: bold;
  margin-right: 5px;
  padding: 0 25px;
  min-width: 100px;
}
report-table .table-headingNode > i {
  float: left;
  line-height: 34px;
  margin-right: 5px;
}
report-table .table-colHeaderRowBackground {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  z-index: 3;
}
report-table .table-col {
  float: left;
  position: relative;
  height: 100%;
}
report-table .table-colResize {
  float: left;
  position: relative;
  width: 2px;
  height: 100%;
  background-color: transparent;
  cursor: ew-resize;
  z-index: 5;
  border-right: 2px solid #dddddd;
}
report-table .table-colResize:hover {
  border-right: 2px solid steelblue;
}
report-table .table-headerRow {
  height: 50px;
  padding: 0 10px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 4;
  cursor: pointer;
  position: sticky;
  display: flex;
  align-items: center;
  top: 0;
}
report-table .table-headerRow > i {
  margin-right: 10px;
}
report-table .table-headerRow .table-headerRowName {
  font-weight: bold;
}
report-table .table-headerRow .table-headerRowName > span:not(:first-child) {
  margin-left: 5px;
  color: #757575;
}
report-table .table-headerRow:hover {
  background-color: #fafafa;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
report-table .table-row {
  height: 25px;
  width: 100%;
  line-height: 25px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
report-table .table-borderBottom {
  width: calc(100% - 15px);
  height: 1px;
  position: absolute;
  border-bottom: 1px solid #dddddd;
  z-index: 10;
  bottom: 15px;
}
report-table .table-borderLeft {
  width: 1px;
  position: absolute;
  border-left: 1px solid #dddddd;
  z-index: 10;
  height: calc(100% - 15px);
  left: 0;
}
report-table .table-borderRight {
  width: 1px;
  position: absolute;
  border-left: 1px solid #dddddd;
  z-index: 10;
  height: calc(100% - 15px);
  right: 15px;
}
notification-bell {
  display: block;
}
notification-bell .nBell-container {
  display: block;
}
notification-bell .nBell-container .nBell-btn {
  display: block;
  height: 50px;
  width: 50px;
  color: #fff;
  background-color: transparent;
  border: none;
}
notification-bell .nBell-container .nBell-btn:hover {
  background-color: #00a2e0;
}
notification-bell .nBell-container .nBell-btn > i {
  font-size: 24px;
}
notification-bell .nBell-container .nBell-btn .nBell-unreadNotificationCount {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: #d9534f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 11px;
}
.nBell-dropdown {
  width: 380px;
  font-size: 12px;
  padding: 0;
}
.nBell-dropdown .nBell-headerContainer {
  width: 100%;
  height: 50px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 1rem 0 1.5rem;
  border-bottom: 1px solid #ddd;
  background-color: #fafafa;
}
.nBell-dropdown .nBell-headerContainer .nBell-headerTitle {
  margin-right: 10px;
}
.nBell-dropdown .nBell-headerContainer .nBell-unreadNotificationCount {
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background-color: #d9534f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nBell-dropdown .nBell-headerContainer > button {
  margin-left: auto;
}
.nBell-dropdown .nBell-scrollOuter {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  max-height: 80vh;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item {
  padding: 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item:last-child {
  border-bottom: none;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item .nBell-itemHeader {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item .nBell-itemHeader .nBell-item-new {
  height: 6px;
  width: 6px;
  border-radius: 6px;
  background-color: #00adef;
  margin-right: 8px;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item .nBell-itemHeader .nBell-item-title {
  font-weight: 600;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item .nBell-itemHeader .nBell-item-date {
  font-size: 10px;
  color: #999;
  margin-left: auto;
}
.nBell-dropdown .nBell-scrollOuter .nBell-scrollInner .nBell-item .nBell-itemDescription {
  width: 100%;
  color: #999;
}
radio-button {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
radio-button .radioButton-outer {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
radio-button .radioButton-outer .radioButton-inner {
  transform: scale(1);
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #5eb22e;
  transition: all 0.25s;
}
toggle-button {
  --app-toggle-trackHeight: 10px;
  --app-toggle-trackWidth: 40px;
  --app-toggle-iconSize: 20px;
  cursor: pointer;
  width: var(--app-toggle-trackWidth);
  height: var(--app-toggle-iconSize);
  display: flex;
  align-items: center;
  justify-content: center;
}
toggle-button .toggleButton-track {
  position: relative;
  background: var(--app-color-border-light);
  border: var(--app-border);
  height: var(--app-toggle-trackHeight);
  width: var(--app-toggle-trackWidth);
  border-radius: var(--app-toggle-trackHeight);
  transition: all var(--app-transition);
}
toggle-button .toggleButton-track .toggleButton-icon {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--app-color-white);
  border: var(--app-border);
  height: var(--app-toggle-iconSize);
  width: var(--app-toggle-iconSize);
  border-radius: var(--app-toggle-trackHeight);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all var(--app-transition);
}
toggle-button .toggleButton-track.-toggled {
  background: var(--app-color-success);
  border-color: var(--app-color-success);
}
toggle-button .toggleButton-track.-toggled .toggleButton-icon {
  border-color: var(--app-color-white);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  left: calc(var(--app-toggle-trackWidth) - var(--app-toggle-iconSize) + 1px);
}
toggle-button .toggleButton-track.-disabled {
  border-color: var(--app-color-grey-light);
  background-color: var(--app-color-grey-very-light);
  cursor: default;
}
toggle-button .toggleButton-track.-disabled .toggleButton-icon {
  border-color: var(--app-color-grey-very-light);
  background-color: var(--app-color-grey-very-light);
}
access-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
access-icon i {
  font-size: 16px;
}
access-icon i.-active {
  color: var(--app-color-payhero);
}
access-icon i.-pending {
  color: var(--app-color-grey-dark);
}
access-icon i.-expired {
  color: var(--app-color-yellow);
}
access-icon > div {
  margin-left: 10px;
  color: var(--app-color-grey-very-dark);
}
access-badge {
  height: 18px;
  display: flex;
  align-items: center;
}
.access-badge {
  border-radius: 10px;
  font-size: 10px;
  padding: 0 10px;
  cursor: default;
  color: var(--app-color-white);
  font-weight: bold;
  height: 18px;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.access-badge.-owner {
  background-color: var(--app-color-invoxy);
}
.access-badge.-admin {
  background-color: var(--app-color-payhero);
}
.access-badge.-approver {
  background-color: var(--app-color-success);
}
.access-badge.-paycycleAdmin {
  background-color: var(--app-color-success);
}
.access-badge.-partner {
  background-color: var(--app-color-yellow-dark);
}
.access-badge:not(:first-child) {
  margin-left: 7px;
}
.inv-period-selector {
  height: 34px;
}
.inv-period-selector > button {
  float: left;
  margin: 12px 10px 12px 10px;
}
.inv-period-selector .periodSelector-dateRange {
  float: left;
  height: 30px;
  line-height: 30px;
  font-weight: 600;
  margin: 3px 7px;
  width: 210px;
  text-align: center;
}
.inv-period-selector .periodSelector-dateRange span {
  font-weight: 300;
}
.inv-period-selector .periodSelector-changePeriodBtn {
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  border-color: #ccc;
  margin: 0 7px !important;
  padding: 0;
}
.inv-period-selector .periodSelector-selectDateBtn {
  width: 34px;
  height: 34px;
  background-color: #f4f4f4;
  border-color: #ccc;
  margin: 0 7px 0 0 !important;
  padding: 0;
}
.inv-tableHeaderRow {
  width: 100%;
  height: 50px;
  background-color: #efefef;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.inv-tableHeaderRow .inv-col {
  float: left;
  padding: 15px 8px;
}
.inv-tableHeaderRow .inv-col.inv-col-toggle {
  cursor: pointer;
}
.inv-tableHeaderRow .col {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-tableOuter {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
  overflow-y: auto;
}
.inv-tableOuter .inv-tableScroll {
  width: 100%;
  overflow: hidden;
}
.inv-tableOuter .inv-tableScroll .inv-tableRow {
  width: 100%;
  height: 47px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.inv-tableOuter .inv-tableScroll .inv-tableRow:hover {
  background: #fafafa;
}
.inv-tableOuter .inv-tableScroll .inv-tableRow .inv-col {
  padding: 8px;
  height: 46px;
  line-height: 30px;
  float: left;
}
.inv-tableOuter .inv-tableScroll .inv-tableRow .inv-col span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.invTable {
  border: 1px solid #ddd;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.invTable > .tableHeaderRow {
  background-color: #efefef;
  height: 51px;
}
.invTable > .tableHeaderRow > div {
  padding: 8px;
  height: 34px;
  line-height: 34px;
}
.invTable > .tableRow {
  height: 48px;
  cursor: pointer;
  border-top: 1px solid #ddd;
}
.invTable > .tableRow:hover {
  background-color: #fafafa;
}
.invTable > .tableRow > div {
  padding: 8px;
  height: 48px;
  line-height: 28px;
}
.invTable > .tableRow > div .tableRowTitle {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invTable > .tableRow > div .tableRowTitle p {
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 0;
  top: 2px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.invTable > .tableEmptyRow {
  height: 110px;
  border-top: 1px solid #DDDDDD;
  position: relative;
}
.invTable > .tableEmptyRow span {
  width: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 0 30px;
  line-height: 1.5 !important;
  color: #999;
  font-weight: 200;
  font-size: 14px;
  text-align: center;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}
.inv-summary {
  margin-bottom: 50px;
}
.inv-summary .filter {
  padding: 35px 20px;
}
.inv-summary .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.inv-summary .rightInlineLoadingIcon {
  float: right;
  margin: auto 10px;
  display: inline;
  line-height: 34px;
  max-width: 20px;
  max-height: 20px;
}
.inv-summary .rightInlineLoadingIcon img {
  max-width: 20px;
  max-height: 20px;
}
.inv-summary .inv-summary-parent-header {
  width: 100%;
  height: 66px;
  color: #333;
  background-color: #f4f4f4;
  border: solid 1px #ddd;
  border-radius: 2px;
  position: relative;
  z-index: 99;
  padding: 15px 15px;
  margin-bottom: -2px;
}
.inv-summary .inv-summary-parent-header month-selector {
  padding: 0;
  height: auto;
}
.inv-summary .inv-summary-parent-header month-selector .monthSelector-selectedMonth {
  font-size: 16px;
  width: 180px;
}
.inv-summary .inv-summary-parent-header .parent-header-label {
  text-align: center;
  float: right;
  margin: 1px 15px 0 15px;
  line-height: 32px;
}
.inv-summary .inv-summary-parent-header .parent-header-subLabel {
  color: #999999;
  font-weight: 100;
}
.inv-summary .inv-summary-parent {
  position: relative;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 150px;
  max-height: 420px;
}
.inv-summary .inv-summary-parent::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.inv-summary .inv-summary-parent::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 4px;
}
.inv-summary .inv-summary-parent-body {
  color: #333;
  line-height: 20px;
  border-radius: 2px;
  margin-top: 1px;
}
.inv-summary .inv-summary-parent-body .inv-checkbox-default {
  position: absolute;
  left: 15px;
  top: 48px;
  transform: translateY(-50%);
}
.inv-summary .inv-summary-parent-header-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.inv-summary .inv-summary-parent-header-title .checkbox {
  padding: 0 !important;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  margin-top: 0;
}
.inv-summary .inv-parent {
  display: block;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border: solid 1px #ddd;
  width: 100%;
  transition: all 0.25s;
  margin-top: -1px;
  margin-bottom: 0;
}
.inv-summary .inv-parent:hover {
  background-color: #fcfcfc;
}
.inv-summary .inv-parent.inv-noHover {
  cursor: default;
}
.inv-summary .inv-parent.inv-noHover:hover {
  background-color: #fff;
}
.inv-summary .inv-parent-buttons {
  float: right;
  transition: all 0.25s;
}
.inv-summary .inv-parent-buttons button {
  transition: all 0.25s;
}
.inv-summary .inv-checkbox-default {
  position: absolute;
  font-size: 10px !important;
  padding: 0;
  height: 20px;
  width: 20px;
  left: 15px;
  top: 43px;
}
.inv-summary .inv-parent-info {
  display: flex;
  transition: all 0.25s;
  user-select: none;
  -webkit-user-select: none;
  padding: 25px 25px 25px 55px;
}
.inv-summary .inv-parent-info.inv-commission-summary-info div {
  width: calc((100% - 278px) / 3);
}
.inv-summary .inv-parent-info div {
  width: calc((100% - 278px) / 5);
  font-size: 14px;
  line-height: 3.3;
  padding-right: 20px;
}
.inv-summary .inv-parent-info div:first-child {
  min-width: 278px;
}
.inv-summary .inv-parent-info div:first-child .inv-parent-data {
  color: #00adef;
}
.inv-summary .inv-parent-info div:last-child {
  text-align: right;
  padding-right: 0;
}
.inv-summary .inv-parent-info div:last-child .inv-parent-data {
  padding-right: 0;
}
.inv-summary .inv-parent-title {
  color: #999;
  height: 20px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inv-summary .inv-parent-data {
  font-size: 14px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inv-summary .inv-parent-data .empty-state {
  color: #999999;
  font-weight: 100;
  font-size: 12px;
}
.inv-summary .inv-summary-empty-container {
  text-align: center;
  font-size: 14px;
  position: relative;
  height: 110px;
  border: solid 1px #ddd;
  border-radius: 0 0 2px 2px;
  display: flex;
  padding-top: 10px;
}
.inv-summary .inv-summary-children-table {
  transition: all 0.25s;
}
.inv-summary .inv-summary-children-table .open {
  height: 50px;
  padding: 4px 10px;
  opacity: 1;
  pointer-events: all;
}
.inv-summary .inv-summary-children-table .closed {
  height: 0;
  padding: 0 10px;
  opacity: 0;
  pointer-events: none;
  border-width: 0;
}
.inv-summary .inv-summary-children-table .closed * {
  padding-top: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  margin-top: 0 !important;
}
.inv-summary .inv-summary-children-table > div {
  width: 100%;
  border: 1px solid #ddd;
  height: 0;
  opacity: 0;
  display: flex;
  transition: all 0.25s;
}
.inv-summary .inv-summary-children-table.inv-commission-plan-info .open {
  height: 60px;
  padding: 4px 10px;
  opacity: 1;
  pointer-events: all;
}
.inv-summary .inv-summary-children-table.inv-commission-plan-info p {
  padding-top: 5px;
}
.inv-summary .inv-summary-children-table.inv-commission-plan-info .inv-summary-children-body p:first-child > span {
  display: table;
  width: 100%;
  float: left;
  line-height: 1.7;
}
.inv-summary .inv-summary-children-table p {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  width: calc((100% - 100px) / 4);
  font-size: 12px;
  line-height: 3.3;
  padding-left: 3px;
  margin: 0;
}
.inv-summary .inv-summary-children-table p:first-child {
  padding-left: 13px;
  min-width: 300px;
}
.inv-summary .inv-summary-children-table p:last-child {
  width: 160px;
  text-align: right;
  padding-right: 13px;
}
.inv-summary .inv-summary-children-table p .inv-dash-label-container {
  max-width: 100%;
}
.inv-summary .inv-summary-children-header {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #f9f9f9;
  margin-bottom: -1px;
  cursor: default;
}
.inv-summary .inv-summary-children-body {
  margin: -1px 0 -1px 0;
  background-color: #fff;
  cursor: text;
}
.inv-summary .inv-summary-children-body p:first-child {
  padding-left: 13px;
}
.inv-summary .inv-summary-children-body p > empty-state {
  text-align: center;
  width: 100%;
  color: #999;
  font-weight: 200;
}
.inv-summary .inv-info-container .draft {
  cursor: pointer;
  box-shadow: 0 0 0 #fff;
  background-color: white;
  transition: all 0.25s;
}
.inv-summary .inv-info-container .draft:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-color: white;
}
.inv-summary .inv-info-container .draft:active {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.inv-summary .invoiceSummaryRow p {
  padding-left: 0;
  width: calc((100% - 278px) / 5);
}
.inv-summary .invoiceSummaryRow p:first-child {
  width: 278px;
  padding-left: 10px;
}
.inv-headerMenuButtonList > li:last-child {
  color: #b3001e;
}
.inv-headerMenuButtonList > li:last-child:hover {
  color: #fff;
}
.inv-tabCards {
  margin-bottom: 50px;
  /* CARD STYLES */
  /*.inv-card-comPrevPayment > div, .inv-card-comPayment > div {*/
  /*width: 50%;*/
  /*}*/
}
.inv-tabCards .row {
  margin-left: 0;
  margin-right: 0;
}
.inv-tabCards .inv-checkbox-default {
  position: absolute;
  font-size: 10px !important;
  padding: 0;
  height: 20px;
  width: 20px;
  left: 15px;
  top: 50px;
  transform: translateY(-50%);
}
.inv-tabCards .inv-check-headerBox > button {
  top: 15px;
}
.inv-tabCards .inv-tablerow-text > td {
  padding-top: 11px !important;
}
.inv-tabCards .inv-tablerow-text-sub > td {
  padding-top: 14px !important;
}
.inv-tabCards #inv-no-pointer:hover {
  cursor: default;
}
.inv-tabCards .inv-highlight-bulk {
  color: #fff;
  background-color: #5eb22e !important;
  border-color: #4cae4c !important;
}
.inv-tabCards .inv-highlight-bulk:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-tabCards .inv-highlight-bulk:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.inv-tabCards .inv-highlight-bulk:active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-tabCards .inv-table-orderArrow {
  position: absolute;
  top: 15px;
}
.inv-tabCards .inv-tableHeaderRow > td {
  position: relative;
  transition: all 0.25s;
}
.inv-tabCards .inv-timeHeader p {
  float: left;
  width: 33.3%;
}
.inv-tabCards .selectCards > button {
  padding: 0;
  top: 0;
  width: 20px;
  height: 20px;
  float: left;
}
.inv-tabCards inv-drop-down button {
  background-color: #fff !important;
}
.inv-tabCards .inv-cards-empty-container {
  text-align: center;
  font-size: 14px;
  margin-top: -1px;
  position: relative;
  height: 110px;
  border: solid 1px #ddd;
  border-radius: 0 0 2px 2px;
}
.inv-tabCards .inv-card-scrollContainer {
  max-height: 100vh;
  width: 100%;
  overflow-y: auto;
  border: solid 1px #ddd;
}
.inv-tabCards .inv-card-scrollContainer .inv-card-container {
  width: 100%;
  border: none;
}
.inv-tabCards .inv-card {
  display: table;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border: solid 1px #ddd;
  width: 100%;
  transition: all 0.25s;
  margin-bottom: -2px;
}
.inv-tabCards .inv-card:hover {
  background-color: #f9f9f9;
}
.inv-tabCards .inv-card-info {
  margin: 25px 25px 25px 55px;
  display: flex;
  transition: all 0.25s;
  user-select: none;
  -webkit-user-select: none;
}
.inv-tabCards .inv-card-info > div {
  width: calc(100% / 6);
  font-size: 14px;
  line-height: 3.2;
}
.inv-tabCards .inv-card-buttons {
  float: right;
  transition: all 0.25s;
}
.inv-tabCards .inv-card-buttons button {
  transition: all 0.25s;
}
.inv-tabCards .inv-card-title {
  color: #999;
  height: 18px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inv-tabCards .inv-card-data {
  font-size: 14px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px;
}
.inv-tabCards .inv-card-data-empty-state {
  color: #999;
  font-weight: 100;
}
.inv-tabCards .inv-table-edit-button {
  height: 34px;
  float: left;
  margin-top: 8px;
}
.inv-tabCards .resArrow {
  position: relative;
  right: 3px;
  opacity: 0;
  top: 1px;
  font-size: 12px !important;
  transition: all 0.25s;
}
.inv-tabCards .inv-card-name {
  color: #00adef;
}
.inv-tabCards .inv-card-name:hover .ion-ios-arrow-right {
  right: -2px;
  opacity: 1;
}
.inv-tabCards .tab-pane {
  position: relative;
}
.inv-tabCards #inv-cardHeaderResend {
  color: #333;
}
.inv-tabCards #inv-cardHeaderResend:hover {
  color: #fff;
}
.inv-tabCards .inv-new-card-icon {
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: inline-block;
  position: relative;
  padding: 5px;
  background-clip: content-box;
  float: left;
  margin: 2px 3px 0 0;
}
.inv-tabCards .inv-card-container {
  margin-top: -1px;
  border: solid 1px #ddd;
  transition: all 0.25s;
}
.inv-tabCards .inv-card-container:hover {
  background-color: #f9f9f9;
}
.inv-tabCards .inv-card-innerCollapse {
  transition: all 0.25s;
}
.inv-tabCards .inv-card-inner {
  cursor: pointer;
}
.inv-tabCards .inv-card-inner > div {
  padding-right: 15px;
  /*padding-top: 7px;*/
  width: 25%;
}
.inv-tabCards .inv-summary-children-header {
  background-color: #f9f9f9;
  cursor: default;
  padding-top: 15px;
  padding-bottom: 15px;
}
.inv-tabCards .inv-card-comPlanDetail {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.inv-tabCards .inv-card-inner,
.inv-tabCards .inv-card-comPlanDetail,
.inv-tabCards .inv-summary-children-header {
  display: flex;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: -1px;
  border: solid 1px #ddd;
}
.inv-tabCards .inv-card-inner,
.inv-tabCards .inv-card-buttonSection {
  padding: 0 25px 20px 25px;
  overflow: hidden;
  transition: all 0.25s;
}
.inv-tabCards .inv-card-comPlanDetail > div {
  padding-top: 8px;
}
.inv-tabCards .inv-card-comPlanDetail > div,
.inv-tabCards .inv-summary-children-header > div {
  padding-right: 10px;
  width: 15%;
}
.inv-tabCards .inv-card-comPlanDetail > div:first-child,
.inv-tabCards .inv-summary-children-header > div:first-child {
  width: 25%;
}
.inv-tabCards .inv-card-comPlanDetail > div:last-child,
.inv-tabCards .inv-summary-children-header > div:last-child {
  padding-right: 0;
}
.inv-tabCards .inv-card-comPlanPayment {
  float: right;
  min-width: 420px;
}
.inv-tabCards .inv-card-comPlanPayment > p:first-child {
  margin-top: 10px;
  padding: 20px 0;
  border-top: solid 1px #f4f4f4;
  text-align: right;
}
.inv-tabCards .inv-card-comPrevPayment,
.inv-tabCards .inv-card-comPayment {
  display: flex;
  position: relative;
  border-top: solid 1px #ddd;
  padding: 15px 0;
  margin-right: 25px;
  margin-top: 15px;
}
.inv-tabCards .inv-card-comPrevPayment > p,
.inv-tabCards .inv-card-comPayment > p {
  width: 50%;
  text-align: right;
  margin-bottom: 0;
}
.inv-tabCards .inv-card-comPrevPayment > p:first-child,
.inv-tabCards .inv-card-comPayment > p:first-child {
  padding-right: 40px;
  color: #999;
}
.inv-tabCards .inv-card-comPayInput {
  position: absolute;
  right: 0;
  max-width: 180px;
}
.inv-tabCards .paymentSection {
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #ddd;
  text-align: right;
  float: right;
}
.inv-tabCards .inv-card-inner > div:last-child {
  padding-right: 0;
  padding-top: 0;
}
.inv-tabCards .inv-card-comPlan {
  border-bottom: solid 1px #ddd;
  margin: -1px 25px 25px 25px;
  border-radius: 2px;
  overflow: hidden;
  transition: all 0.25s;
}
.inv-tabCards .inv-card-inner > div:last-child p {
  text-align: right;
}
.inv-tabCards .inv-card-buttonSection button {
  float: right;
  height: 34px;
  padding: 6px 20px;
  margin-left: 7px;
}
.inv-tabCards .inv-card-infoTitle {
  color: #999;
  line-height: 1.5;
  margin-bottom: 5px;
}
.inv-tabCards .inv-card-infoMain {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
}
#inv-toggle-item-selected {
  background-color: rgba(94, 178, 46, 0.08) !important;
  border-color: #5EB22E;
  color: #5EB22E;
}
#inv-toggle-item-selected:hover,
#inv-toggle-item-selected:focus {
  background-color: rgba(94, 178, 46, 0.08) !important;
  color: #5EB22E;
  border-color: #5EB22E;
}
.toggle-list-item {
  padding-right: 15px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.inv-toggle {
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.inv-toggle .inv-toggle-track {
  position: relative;
  background: #f4f4f4;
  border: solid 1px #ddd;
  height: 10px;
  width: 25px;
  border-radius: 20px;
  transition: all 0.25s;
}
.inv-toggle .inv-toggle-track .inv-toggle-icon {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: solid 1px #ddd;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.25s ease;
}
.inv-toggle.inv-toggled .inv-toggle-track {
  background: #5eb22e !important;
  border: solid 1px rgba(94, 178, 46, 0.2) !important;
}
.inv-toggle.inv-toggled .inv-toggle-track .inv-toggle-icon {
  background: #fff;
  border: solid 1px #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  left: 14px;
}
.approval-projectContainer .approval-projectHeader {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  text-align: left;
}
.approval-projectContainer .approval-projectHeader span {
  font-size: 12px;
  color: #999;
  font-weight: 300;
  margin-left: 5px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitType {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitType span {
  font-weight: bold;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment {
  min-height: 50px;
  background-color: #fbfbfb;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 0 10px;
  overflow: auto;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment:nth-child(2) {
  border-top: solid 1px #ddd;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentDate,
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask,
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentAmount {
  min-height: 50px;
  line-height: 50px;
  float: left;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentDate {
  width: 120px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentDate span {
  color: #999;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask {
  width: calc(70% - 120px);
  padding: 15px 0;
  position: relative;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask > div {
  float: left;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask .approval-segmentTaskColor {
  height: 30px;
  width: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  border-radius: 2px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask .approval-segmentTaskName {
  font-weight: bold;
  min-height: 20px;
  line-height: 20px;
  margin-left: 17px;
  width: calc(100% - 17px);
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask .approval-segmentTimes {
  min-height: 20px;
  line-height: 20px;
  margin-left: 17px;
  width: calc(100% - 17px);
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentTask .approval-segmentTimes span {
  color: #999;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentAmount {
  width: 30%;
  font-weight: bold;
  text-align: right;
}
.approval-projectContainer .approval-unitTypeGroup .approval-segment .approval-segmentAmount span {
  color: #999;
  font-weight: 400;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitTypeTotal {
  height: 40px;
  line-height: 40px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitTypeTotal span {
  float: right;
  margin-left: 5px;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitTypeTotal span:nth-child(1) {
  color: #999;
}
.approval-projectContainer .approval-unitTypeGroup .approval-unitTypeTotal span:nth-child(2) {
  font-weight: bold;
}
.manage-itemTable-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  margin-top: 30px;
}
.manage-itemTable-title > span {
  color: #999;
}
.manage-itemTable {
  width: 100%;
  max-width: 100%;
  border: 1px solid #dddddd;
  border-radius: 2px;
  margin: 0 0 40px 0;
  position: relative;
}
.manage-itemTable .manage-itemRowScrollContainer {
  width: 100%;
  max-height: calc(100vh - 320px);
  overflow: auto;
}
.manage-itemTable .manage-itemRowScrollContainer .manage-itemRowContainer {
  width: 100%;
}
.manage-itemTable .manage-itemRow {
  width: 100%;
  cursor: pointer;
  display: flex;
  overflow: hidden;
}
.manage-itemTable .manage-itemRow:not(.-headerRow):not(.-emptyTable):hover {
  background-color: #f9f9f9;
}
.manage-itemTable .manage-itemRow:not(.-headerRow):not(.-emptyTable):not(:first-child) {
  border-top: 1px solid #ddd;
}
.manage-itemTable .manage-itemRow.-loading {
  pointer-events: none;
  color: #999;
}
.manage-itemTable .manage-itemRow.-headerRow {
  height: 50px;
  background-color: var(--app-color-grey-light);
  transition: all 0.25s;
  border-top: none;
  border-bottom: 1px solid #ddd;
}
.manage-itemTable .manage-itemRow.-headerRow.-light {
  background-color: var(--app-color-grey-very-light);
}
.manage-itemTable .manage-itemRow.-headerRow > .manage-itemCol {
  height: 50px;
  padding: 15px 15px;
  cursor: pointer;
}
.manage-itemTable .manage-itemRow.-headerRow > .manage-itemCol > .inv-table-orderArrow {
  font-size: 10px;
  display: inline-block;
  color: #333;
  margin-left: 8px;
}
.manage-itemTable .manage-itemRow.-emptyTable {
  height: 100px;
  line-height: 100px;
  font-size: 14px;
  color: #999;
  border-top: none;
  justify-content: center;
}
.manage-itemTable .manage-itemRow > .manage-itemCol {
  float: left;
  position: relative;
  height: 46px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.manage-itemTable .manage-itemRow > .manage-itemCol > *:not(:first-child) {
  margin-left: 10px;
}
.manage-itemTable .manage-itemRow > .manage-itemCol > .pendingIcon {
  margin: 2px 5px 2px 0;
  float: left;
}
.manage-itemTable .manage-itemRow > .manage-itemCol.-itemEdit {
  padding: 8px 10px;
  width: 70px;
}
.manage-itemTable .manage-itemRow > .manage-itemCol.-itemEdit > .btn {
  width: 50px;
  border-radius: 2px;
}
.manage-itemTable .manage-itemRow > .manage-itemCol > i {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--app-color-dark);
  font-size: 18px;
}
.manage-itemTable .manage-itemRow > .manage-itemCol > span,
.manage-itemTable .manage-itemRow > .manage-itemCol > p,
.manage-itemTable .manage-itemRow > .manage-itemCol > strong {
  line-height: 20px;
  height: 20px;
  margin: 0;
  float: left;
}
.ph-toolbar {
  --toolbar-border-radius: 2px;
  --toolbar-item-height: 34px;
  position: relative;
  width: 100%;
  margin: 20px 0;
  border-radius: var(--toolbar-border-radius);
}
.ph-toolbar h2 {
  margin: 0;
}
.ph-toolbar .ph-search {
  float: right;
}
.ph-toolbar super-search {
  margin-right: 7px;
  float: right;
}
.ph-toolbar month-selector {
  padding: 0;
  height: var(--toolbar-item-height);
}
.ph-toolbar .ph-save,
.ph-toolbar .ph-downloaded {
  height: var(--toolbar-item-height);
  width: 34px;
  margin-right: 7px;
}
.ph-toolbar .ph-downloaded {
  padding: 3px;
}
.ph-toolbar .tableHeading {
  width: 100%;
  height: var(--toolbar-item-height);
  line-height: 50px;
  font-size: 16px;
}
.ph-toolbar > button {
  margin-left: 7px;
  margin-right: 0;
  min-width: 100px;
}
.ph-toolbar > button:first-child {
  margin-left: 0;
}
.ph-toolbar > * {
  min-height: var(--toolbar-item-height);
  float: left;
}
.ph-toolbar > .-pull-left {
  float: left;
}
.ph-toolbar > .-pull-right {
  float: right;
}
.ph-toolbar > .toolbarItem {
  border-radius: var(--toolbar-border-radius);
  padding: 0 15px;
  text-align: left;
  line-height: 32px;
  width: 250px;
  background-color: #fff;
}
.ph-toolbar > .toolbarItem > div > div {
  float: right;
  font-weight: bold;
}
.ph-toolbar > .toolbarText {
  font-size: 22px;
  font-weight: normal;
  margin: 0 20px 0 0;
  line-height: var(--toolbar-item-height);
  max-width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ph-toolbar > .toolbarText i {
  margin-right: 7px;
  margin-left: 2px;
}
.ph-toolbar > .toolbarText i.ion-ios-checkmark-empty {
  top: 4px;
}
.ph-toolbar > .toolbarText .projectColour {
  top: 4px;
}
.ph-toolbar > .toolbarText .lightText {
  font-weight: 200;
}
.ph-toolbar .ph-badge {
  top: 6px;
  min-height: unset;
  min-width: 70px;
}
.ph-toolbar:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.ph-toolbar.-filter {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background-color: #f9f9f9;
  padding: 25px;
  border-radius: var(--toolbar-border-radius);
  display: flex;
}
.ph-toolbar.-filter > .toolbar-left {
  width: 350px;
  margin-right: auto;
}
.ph-toolbar.-filter > .toolbar-right {
  display: flex;
  width: calc(100% - 350px);
  margin-left: auto;
}
.ph-toolbar.-filter > .toolbar-right > * {
  margin-left: 7px;
}
.ph-toolbar.-filter > .toolbar-right > *:first-child {
  margin-left: auto;
}
.ph-toolbar.-filter > .toolbar-right list-selector {
  max-width: 250px;
  width: 100%;
}
.ph-toolbar.-filter .toggle {
  width: var(--toolbar-item-height);
  height: 86px;
  background-color: #ffffff;
  top: -1px;
  right: -1px;
  bottom: -1px;
  position: absolute;
  border: 1px solid #dddddd;
  border-radius: var(--toolbar-border-radius);
}
.ph-toolbar.-filter .toggle span {
  font-size: 12px;
}
.ph-toolbar.-hasToggle {
  padding-right: 55px;
}
.ph-whatsThis {
  cursor: pointer;
  height: 14px;
  width: 14px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}
.ph-whatsThis:hover {
  opacity: 0.8;
}
.ph-whatsThis:active {
  opacity: 0.5;
}
.ph-search {
  float: right;
  width: 40%;
  max-width: 250px;
  position: relative;
}
.ph-search .ion-ios-search-strong {
  position: absolute;
  font-size: 14px;
  left: 12px;
  top: 50%;
  color: #ccc;
  transform: translateY(-50%);
}
.ph-search input {
  width: 100%;
  padding-left: 30px;
}
.ph-search .sm-close {
  right: 10px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
i.ph-close.ion-ios-close-empty {
  cursor: pointer;
  border-radius: 30px;
  box-sizing: content-box;
  transition: all 0.25s ease-out;
}
i.ph-close.ion-ios-close-empty:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
i.ph-close.ion-ios-close-empty.-close-sm {
  font-size: 20px;
  padding: 5px;
  height: 10px;
  width: 10px;
}
i.ph-close.ion-ios-close-empty.-close-lg {
  font-size: 30px;
  padding: 5px;
  height: 20px;
  width: 20px;
}
i.ph-close.ion-ios-close-empty:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
i.ph-close.ion-ios-close-empty:active {
  background-color: rgba(0, 0, 0, 0.3);
}
.ph-toggle {
  float: left;
  cursor: pointer;
}
.ph-toggle .ph-toggle-track {
  position: relative;
  background: #f4f4f4;
  border: solid 1px #ddd;
  height: 10px;
  width: 25px;
  border-radius: 20px;
  transition: all 0.25s;
}
.ph-toggle .ph-toggle-track .ph-toggle-icon {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: solid 1px #ddd;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.25s ease;
}
.ph-toggle.ph-toggled .ph-toggle-track {
  background: #5eb22e !important;
  border: solid 1px rgba(94, 178, 46, 0.2) !important;
}
.ph-toggle.ph-toggled .ph-toggle-track .ph-toggle-icon {
  background: #fff;
  border: solid 1px #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  left: 14px;
}
.invEdit-content {
  border: solid 1px #efefef;
  border-top: none;
  background-color: #fbfbfb;
  border-radius: 2px;
  padding: 30px;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
}
.invEdit-content.-loading {
  opacity: 0.7;
  pointer-events: none;
}
.invEdit-row {
  width: 100%;
  min-height: 50px;
  padding: 8px 0;
  display: flex;
}
.invEdit-row .-divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #efefef;
  margin: 20px 0;
}
.invEdit-row .invEdit-col {
  display: flex;
  min-height: 34px;
  float: none;
}
.invEdit-row .invEdit-col.-alignRight {
  justify-content: flex-end;
}
.invEdit-row .invEdit-col.-alignVertical {
  display: block;
}
.invEdit-row .invEdit-col.-alignVertical > :not(:first-child) {
  margin-left: 0;
}
.invEdit-row .invEdit-col .invEdit-colHeader {
  height: 34px;
  display: flex;
  align-items: center;
}
.invEdit-row .invEdit-col .invEdit-colHeader.-colHeaderLarge {
  font-size: 14px;
  font-weight: 600;
}
.invEdit-row .invEdit-col .invEdit-colValue {
  height: 34px;
  display: flex;
  align-items: center;
}
.invEdit-row .invEdit-col .invEdit-colValue.-bold {
  font-weight: 600;
}
.invEdit-row .invEdit-col > label {
  margin-bottom: 0;
  line-height: 20px;
}
.invEdit-row .invEdit-col > :not(:first-child) {
  margin-left: 10px;
}
.invEdit-row .invEdit-col .rx-container {
  margin-left: 0;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.invEdit-row .invEdit-col .btn-link {
  padding: 0;
}
.invEdit-row .invEdit-col .pendingIcon {
  position: absolute;
  left: 0;
}
.invEdit-row .invEdit-col input {
  width: 100%;
  position: relative;
}
.invEdit-row .invEdit-col time-input {
  display: block;
  width: 140px;
}
.invEdit-row .invEdit-col list-drop-down {
  width: 100%;
}
.invEdit-row .invEdit-col list-drop-down button {
  width: 100%;
}
.invEdit-row .invEdit-col .form-group {
  margin-bottom: 0;
}
.app-tabs {
  display: block;
  position: relative;
}
.app-tabs .app-tabRow {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: -1px;
}
.app-tabs .app-tabRow .app-tab {
  margin-right: 2px;
  background-color: var(--app-color-white);
  border: var(--app-border);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  cursor: pointer;
  height: 39px;
  border-bottom: none;
}
.app-tabs .app-tabRow .app-tab:not(.-selected):not(.-disabled) {
  color: var(--app-color-link);
}
.app-tabs .app-tabRow .app-tab:not(.-selected):not(.-disabled):hover {
  background-color: var(--app-color-grey-very-light);
}
.app-tabs .app-tabRow .app-tab.-selected {
  background-color: var(--app-color-grey-light);
  border-bottom: 0;
  height: 40px;
}
.app-tabs .app-tabRow .app-tab.-disabled {
  background-color: var(--app-color-grey-very-light);
  color: var(--app-color-grey-dark);
  cursor: default;
  pointer-events: none;
}
.app-tabs .app-tabBar {
  width: 100%;
  background-color: var(--app-color-grey-light);
  border: var(--app-border);
  border-bottom: none;
  height: 10px;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}
.app-tabs + * {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.inv-navbar-main,
.inv-navbar-secondary {
  position: relative;
  width: 100%;
  height: 50px;
}
.inv-navbar-main .inv-navbar-container,
.inv-navbar-secondary .inv-navbar-container {
  max-width: 1200px;
  height: 50px;
  display: block;
  margin: 0 auto;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1400px) {
  .inv-navbar-main .inv-navbar-container,
  .inv-navbar-secondary .inv-navbar-container {
    max-width: 1000px;
  }
}
@media (max-width: 1250px) {
  .inv-navbar-main .inv-navbar-container,
  .inv-navbar-secondary .inv-navbar-container {
    max-width: 900px;
  }
}
@media (max-width: 1000px) {
  .inv-navbar-main .inv-navbar-container,
  .inv-navbar-secondary .inv-navbar-container {
    max-width: 90%;
  }
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right {
  margin: 0;
  padding: 0;
  height: 50px;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right > li {
  cursor: pointer;
  height: 50px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li > a,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li > a,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right > li > a,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li span,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li span,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li span,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right > li span {
  height: 50px;
  display: block;
  padding: 15px;
  line-height: 20px;
  position: relative;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left {
  justify-content: flex-start;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li {
  float: left;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right {
  justify-content: flex-end;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li,
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-right > li {
  float: right;
}
.inv-toolTip.nav {
  top: 50px;
  margin-left: 0px;
}
.inv-toolTip-opener:hover .inv-toolTip.nav {
  margin-left: 0px;
}
.inv-navbar-main {
  background-color: #00adef;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right {
  height: 50px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li {
  color: #ccc;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li > a,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li > a {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.75px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li > a:hover,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li > a:hover {
  background-color: #00A2E0;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-left > li > a.active,
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > li > a.active {
  background-color: #0092C9;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-support > .inv-navbar-dropdown {
  padding: 10px 0;
  width: 200px;
  overflow-y: hidden;
  margin-top: -1px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > a.inv-navbar-companyLogo {
  height: 50px;
  padding: 5px 5px 5px 10px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > a.inv-navbar-companyLogo > img {
  height: 40px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > a.inv-navbar-companyLogo > i {
  font-size: 10px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown {
  width: 230px;
  padding-top: 0;
  overflow-y: hidden;
  margin-top: -1px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails {
  border: none;
  border-bottom: 1px solid #ddd;
  width: 100%;
  border-radius: 0;
  padding: 15px 20px;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  margin-bottom: 10px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div {
  padding: 0;
  font-size: 12px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div > i {
  right: -5px;
  top: 2px;
  color: #999;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div.-companyUser {
  font-size: 14px;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div.-companyUser:hover {
  opacity: 0.7;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div.-companyName {
  margin-top: 3px;
  color: #777;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div.-companyName:hover {
  opacity: 0.7;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > .inv-navbar-companyDetails > div.-companyTrial {
  margin-top: 10px;
  color: #5BA079;
}
.inv-navbar-main .inv-navbar-container ul.inv-navbar-right > .inv-navbar-company > .inv-navbar-dropdown > :not(.inv-navbar-companyDetails) > a {
  line-height: 20px;
}
.inv-navbar-secondary {
  background-color: #efefef;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a {
  color: #777;
  font-size: 12px;
  letter-spacing: 0.75px;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a:hover {
  color: #333;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a:hover > i.ion.ion-arrow-left-b {
  left: -3px;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a.active {
  font-weight: 600;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a.active:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.inv-navbar-secondary .inv-navbar-container ul.inv-navbar-left > li > a > i.ion.ion-arrow-left-b {
  font-size: 13px;
  line-height: 20px;
  width: 8px;
  left: 0;
  transition: left 0.2s ease;
}
:root {
  --app-color-payhero: #00adef;
  --app-color-payhero-dark: #0094d6;
  --app-color-payhero-translucent: #00adef20;
  --app-color-invoxy: #5BA079;
  --app-color-invoxy-dark: #3F7157;
  --app-color-invoxy-translucent: #5BA07920;
  --app-color-droppah: #459915;
  --app-color-droppah-dark: #397d12;
  --app-color-droppah-translucent: #45991520;
  --app-color-flexitime-blue: #004763;
  --app-color-flexitime-yellow: #ffad3d;
  --app-color-flexitime-yellow-dark: #d89232;
  --app-color-primary: #337ab7;
  --app-color-primary-dark: #1a619e;
  --app-color-primary-translucent: #337ab720;
  --app-color-success: #5eb22e;
  --app-color-success-dark: #459915;
  --app-color-success-translucent: #5eb22e20;
  --app-color-danger: #d9534f;
  --app-color-danger-dark: #c03a36;
  --app-color-danger-translucent: #d9534f20;
  --app-color-yellow: #fdd835;
  --app-color-yellow-dark: #e4bf1c;
  --app-color-yellow-translucent: #fdd83520;
  --app-color-grey: #ccc;
  --app-color-grey-dark: #999;
  --app-color-grey-very-dark: #777;
  --app-color-grey-light: #efefef;
  --app-color-grey-very-light: #fafafa;
  --app-color-grey-translucent: #cccccc40;
  --app-color-dark: #333;
  --app-color-black: #000000;
  --app-color-white: #ffffff;
  --app-color-link: #118be0;
  --app-color-link-dark: #1383d3;
  --app-color-link-translucent: #118be020;
  --app-color-border: #dedede;
  --app-color-border-light: #f2f2f2;
  --app-error-background: #b22e2ebf;
  --app-error-border: #b22e2ebf;
  --app-info-background: #00adef1a;
  --app-info-border: #00adef80;
  --app-warning-background: #f1ca031a;
  --app-warning-border: #f1ca0380;
  --app-border: 1px solid var(--app-color-border);
  --app-border-light: 1px solid var(--app-color-border-light);
  --app-border-radius: 3px;
  --app-border-radius-large: 5px;
  --app-transition: 0.2s ease-in;
  --app-transition-longer: 0.3s ease-in;
  --app-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  --app-box-shadow-dark: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  --app-box-shadow-inset: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);
  --app-box-shadow-dark-inset: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
  --app-theme-color: var(--app-color-payhero);
  --app-theme-color-dark: var(--app-color-payhero-dark);
  --app-theme-color-translucent: var(--app-color-payhero-translucent);
  --app-input-height: 34px;
  --app-input-border: var(--app-border);
  --app-formItem-height: var(--app-input-height);
}
.btn-filter {
  background-color: rgba(94, 178, 46, 0.08) !important;
  border-color: #5eb22e !important;
  color: #5eb22e !important;
}
.inv-support-link {
  position: relative;
  font-size: 18px;
  float: left;
  display: flex;
  align-items: center;
  height: 34px;
}
.inv-support-link img {
  width: 14px;
  height: 14px;
}
.inv-approval-responseIcon {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  float: left;
}
.inv-approval-responseIcon.-responseSuccess {
  background-color: #5eb22e;
}
.inv-approval-responseIcon.-responseYellow {
  background-color: #ffce00;
}
.inv-approval-responseIcon.-responseBlue {
  background-color: #00adef;
}
.inv-whatsThisContainer {
  position: relative;
  display: inline-block;
  top: 3px;
  height: 14px;
  width: 14px;
}
.inv-whatsThisContainer .inv-whatsThis {
  top: 0;
  left: 0;
  transform: none;
}
.inv-whatsThis {
  cursor: pointer;
  height: 14px;
  width: 14px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  position: absolute;
  z-index: 50;
}
.uib-datepicker-popup {
  z-index: 1050 !important;
  /*Date picker popup box, has to be 1050 to show above modal*/
}
.inv-filterRow {
  width: 100%;
  padding: 20px 15px;
  background-color: #fafafa;
  border-radius: 2px;
  border: 1px solid #dddddd;
  margin-bottom: 15px;
}
input[type="time"]::-webkit-clear-button {
  display: none;
}
input[type="time"]::-ms-clear {
  display: none;
}
.inv-archiveButton {
  min-width: 110px;
}
.inv-archiveButton .inv-archiveBox {
  top: 1px;
  margin-right: 4px;
  color: #bbb;
}
.inv-popover {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  border: 0;
  border-radius: 2px;
  font-size: 12px;
  max-width: 185px !important;
  top: 285px;
  left: 153px;
}
.inv-popover > .arrow {
  display: block;
  bottom: -6px !important;
}
.inv-popover.dark {
  background: #333;
  color: #fff;
}
.inv-popover.dark > .arrow::after {
  border-top-color: #333;
}
img.integrationBadge {
  height: 18px;
}
.user-integrations {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.user-integrations > img {
  height: 18px;
}
.inv-highlight-bulk {
  color: #fff;
  background-color: #5eb22e !important;
  border-color: #4cae4c !important;
}
.inv-highlight-bulk:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-highlight-bulk:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.inv-highlight-bulk:active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inv-payrollPH-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  height: 67px;
  padding: 15px;
  border-radius: 2px;
  transition: all 0.25s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-payrollPH-action-bar.-changes {
  background-color: rgba(241, 202, 3, 0.2);
  border: solid 1px rgba(241, 202, 3, 0.5);
}
.inv-payrollPH-action-bar.-noChanges {
  background-color: rgba(0, 173, 239, 0.2);
  border: solid 1px rgba(0, 173, 239, 0.5);
}
.inv-payrollPH-action-bar > p {
  margin: 0;
  width: 100%;
  text-align: center;
}
.inv-payrollPH-action-bar > p > span {
  cursor: pointer;
}
.inv-payrollPH-action-bar > button {
  height: 35px;
}
.archiveModal-headerIcon {
  display: block;
}
.archiveModal-info {
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 15px;
}
.archiveModal-warning {
  background-color: rgba(241, 202, 3, 0.1);
  border: 1px solid rgba(241, 202, 3, 0.5);
}
.archiveModal-warning i {
  color: #F1CA03;
  margin-right: 5px;
}
.inv-mdModal-outerContainer.manageUnitModal input[type=number]::-webkit-inner-spin-button,
.inv-mdModal-outerContainer.manageUnitModal input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.New .modalStatusColor {
  background-color: #00adef;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.New .modalStatusName {
  color: #00adef;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.Pending .modalStatusColor {
  background-color: #ffce00;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.Pending .modalStatusName {
  color: #ffce00;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.Approved .modalStatusColor {
  background-color: #5eb22e;
}
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header .modalStatus.Approved .modalStatusName {
  color: #5eb22e;
}
.inv-mdModal-header.sentTimeError > p {
  margin-bottom: 5px;
}
.inv-mdModal-header.sentTimeError .sentTimeError-numberSuccessful {
  color: #5eb22e;
}
.inv-mdModal-header.sentTimeError .sentTimeError-numberFailed {
  color: #d9534f;
  font-weight: bold;
}
.inv-mdModal-container.sentTimeError-scrollContainer {
  max-height: 600px;
  overflow: auto;
}
.inv-segmentList {
  width: 100%;
  max-width: 840px;
  display: block;
  margin: 0 auto;
}
.inv-segmentList .inv-segmentList-title {
  line-height: 1.2;
  border-top: solid 1px #ddd;
  padding-top: 30px;
  margin: 15px 0;
  font-weight: 400;
  text-align: center;
}
.inv-segmentList .inv-segmentList-title:first-child {
  border-top: none;
  padding-top: 0;
}
.inv-segmentList .inv-segmentList-title > span {
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment {
  border-bottom: solid 1px #eee;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment:last-child {
  border-bottom: none;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 5px 0;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-durationSegment {
  height: 49px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-durationSegment > .inv-segmentList-segmentDetail {
  height: 34px;
  line-height: 34px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-durationSegment > .inv-segmentList-segmentDetail.-segmentTaskAndDuration .-segmentTaskName,
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-durationSegment > .inv-segmentList-segmentDetail.-segmentTaskAndDuration .-segmentDuration {
  height: 17px;
  line-height: 17px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-unitSegment {
  height: 39px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails.-unitSegment > .inv-segmentList-segmentDetail {
  height: 24px;
  line-height: 24px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail {
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentDateAndFlags {
  width: 20%;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentDateAndFlags .-segmentFlag {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 10px;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentDateAndFlags .-segmentDate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration {
  width: 45%;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration .-segmentTaskColour {
  height: 100%;
  width: 5px;
  border-radius: 2px;
  margin-right: 10px;
  float: left;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration > div {
  width: calc(100% - 15px);
  float: left;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration > div .-segmentTaskName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
  width: 100%;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration > div .-segmentDuration {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentTaskAndDuration > div .-segmentDuration > span {
  color: #999;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentUnits {
  width: 25%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentDetails .inv-segmentList-segmentDetail.-segmentUnits > span {
  color: #999;
}
.inv-segmentList .inv-segmentList-segments .inv-segmentList-segment .inv-segmentList-segmentError {
  width: 100%;
  display: block;
  height: auto;
  padding-bottom: 8px;
  line-height: 16px;
  font-weight: 400;
  padding-left: 145px;
  color: #d9534f;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle span {
  font-weight: 500;
  color: #999;
  margin-right: 5px;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle span.-responseSuccess {
  color: #5eb22e;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle span.-responseDanger {
  color: #d9534f;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle span.-responseYellow {
  color: #ffce00;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle span.-responseBlue {
  color: #00adef;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-header .-header-subTitle .inv-approval-responseIcon {
  margin: 8px 7px 8px 0;
  float: none;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > input#file-upload {
  display: none;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocumentLocked > div {
  border: solid 1px #ddd;
  display: inline-block;
  transition: all 0.25s ease;
  text-align: center;
  width: 100%;
  padding: 20px 30px;
  border-radius: 2px;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocumentLocked > div > i {
  margin: 0 0 10px 0;
  color: #ddd;
  font-size: 50px;
  transition: color 0.3s ease;
  width: 100%;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocumentLocked > div > p {
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  word-break: break-all;
  transition: color 0.25s ease;
  margin-bottom: 0;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label {
  cursor: pointer;
  background-color: #f9f9f9;
  border: dashed 1px #ddd;
  display: inline-block;
  transition: all 0.25s ease;
  text-align: center;
  width: 100%;
  padding: 30px;
  border-radius: 2px;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label:hover {
  border: dashed 1px #00adef;
  background-color: rgba(0, 173, 239, 0.1);
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label:hover > i,
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label:hover > span {
  color: #00adef;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label > i {
  margin: 0 0 10px 0;
  color: #ddd;
  font-size: 50px;
  transition: color 0.3s ease;
  width: 100%;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-noDocument > label > p {
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  word-break: break-all;
  transition: color 0.25s ease;
  margin-bottom: 0;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-newDocument > div {
  border: dashed 1px #ddd;
  display: inline-block;
  transition: all 0.25s ease;
  text-align: center;
  width: 100%;
  padding: 20px 30px;
  border-radius: 2px;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-newDocument > div > i {
  margin: 0 0 10px 0;
  color: #ddd;
  font-size: 50px;
  transition: color 0.3s ease;
  width: 100%;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-newDocument > div > p {
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  word-break: break-all;
  transition: color 0.25s ease;
  margin-bottom: 0;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-existingDocument > div {
  width: 100%;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 2px;
  border: 1px dashed #ddd;
  text-align: center;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-existingDocument > div > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 2px;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-existingDocument > div > i {
  margin: 0 0 10px 0;
  color: #ddd;
  font-size: 50px;
  transition: color 0.3s ease;
  width: 100%;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-existingDocument > div > a {
  color: #00adef;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  word-break: break-all;
  transition: color 0.25s ease;
  margin-bottom: 0;
}
.-expenseModal.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content.-recipt-existingDocument > div > a:hover {
  text-decoration: underline !important;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container {
  padding: 20px;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container.-filtersEmpty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filter {
  margin-bottom: 8px;
  background-color: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 50px;
  justify-content: space-between;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filter .tsfModal-filter-value {
  font-weight: 600;
  font-size: 14px;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filter .tsfModal-filter-type {
  color: #999;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filter .tsfModal-filter-type .dp-remove {
  margin-left: 20px;
  background-color: transparent;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filter .tsfModal-filter-type .dp-remove:hover {
  background-color: #efefef;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container list-drop-down div button {
  min-width: 34px;
}
.inv-modal-outerContainer.-tsfModal .inv-modal-container .tsfModal-filtersEmpty {
  color: #ccc;
  font-size: 13px;
  margin-top: 20px;
}
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner .inv-timeModal-row .inv-timeModal-content .inv-timeModal-title {
  text-transform: capitalize;
}
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner .inv-timeModal-row .inv-timeModal-content .creditModal-inputContainer {
  display: flex;
}
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner .inv-timeModal-row .inv-timeModal-content .creditModal-inputContainer > day-selector {
  margin-right: 10px;
  width: calc(100% - 150px);
}
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner .inv-timeModal-row .inv-timeModal-content .creditModal-inputContainer > list-drop-down,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner .inv-timeModal-row .inv-timeModal-content .creditModal-inputContainer .input-group {
  width: 100%;
}
.inv-mdModal-outerContainer.-ihd-modal .ok {
  margin: 0 auto !important;
  float: none !important;
  display: block;
}
.inv-modal-outerContainer.-dashGridBlockModal .dgbModal-tabs {
  height: 34px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: -1px;
}
.inv-modal-outerContainer.-dashGridBlockModal .dgbModal-tabs .dgbModal-tab {
  margin-right: 2px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  cursor: pointer;
}
.inv-modal-outerContainer.-dashGridBlockModal .dgbModal-tabs .dgbModal-tab.-selected {
  background-color: #efefef;
  border-bottom: 0;
}
.inv-modal-outerContainer.-dashGridBlockModal .dgbModal-tabs .dgbModal-tab.-disabled {
  background-color: #fafafa;
  color: #ddd;
  cursor: default;
  pointer-events: none;
}
.inv-modal-outerContainer.-dashGridBlockModal .in-timeHeader {
  width: 100%;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container {
  border-top-left-radius: 0;
  display: flex;
  flex-wrap: wrap;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer.-divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer.-divider:last-child {
  display: none;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer .dgbModal-block {
  display: block;
  margin: 0 15px 15px 0;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer .dgbModal-block:hover {
  background-color: #fafafa;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer .dgbModal-block:hover .dgbModal-blockImage {
  background-color: #fff;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer .dgbModal-block .dgbModal-blockLabel {
  margin-bottom: 10px;
  width: 100%;
}
.inv-modal-outerContainer.-dashGridBlockModal .inv-modal-container .dgbModal-blockContainer .dgbModal-block .dgbModal-blockImage {
  background-color: #fafafa;
  min-width: 100px;
  min-height: 60px;
  border-radius: 5px;
}
.inv-modal-outerContainer.-confirmInviteUacModal .inv-modal-container > div {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.inv-modal-outerContainer.-inviteUacModal .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > :not(:first-child) {
  margin-left: 10px;
}
.inv-modal-outerContainer.-inviteUacModal .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > div {
  font-weight: 600;
}
.inv-modal-outerContainer.-inviteUacModal .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content .-grey {
  color: var(--app-color-grey-dark);
  font-weight: 400;
}
.inv-modal-outerContainer.-inviteUacModal .inv-modal-container .inv-modal-row.-loginEmail .-cell-content .-passwordReset {
  margin-left: auto;
}
.inv-modal-outerContainer.-inviteUacModal .inv-modal-container .inv-modal-row.-access .-cell-content .-accessToggle {
  margin-left: auto;
  margin-right: 15px;
}
.inv-modal-outerContainer.-inviteSupportModal .inv-modal-container .inv-modal-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  margin: 0;
}
.inv-modal-outerContainer.-inviteSupportModal .inv-modal-container .inv-modal-info > div:not(:first-child) {
  margin-top: 30px;
}
.modalStatus {
  display: inline-block;
}
.modalStatus .modalStatusColor {
  width: 12px;
  border-radius: 2px;
  float: left;
  height: 12px;
  cursor: pointer;
  margin: 3px 5px 0 5px;
}
.modalStatus .modalStatusName {
  opacity: 0;
  font-size: 10px;
  margin-left: -5px;
  transition: all 0.25s;
  position: absolute;
  margin-top: 8px;
  height: 12px;
  line-height: 12px;
}
.modalStatus .modalStatusColor:hover + .modalStatusName {
  opacity: 1;
  margin-left: 0;
}
.inv-modal-outerContainer {
  position: relative;
  background-color: #f4f4f4;
  padding: 25px 20px 20px 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-clip: padding-box;
  outline: 0;
  min-height: 100px;
  overflow: auto;
}
.inv-modal-outerContainer .inv-modal-header {
  position: relative;
  width: 100%;
  text-align: center;
  color: #333;
  margin: 0 0 25px 0;
  padding: 0;
}
.inv-modal-outerContainer .inv-modal-header i.-header-icon {
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  color: #bbb;
  margin-bottom: 10px;
}
.inv-modal-outerContainer .inv-modal-header .-header-title {
  width: 100%;
  line-height: 34px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.inv-modal-outerContainer .inv-modal-header .-header-subTitle {
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: 200;
  display: flex;
  justify-content: center;
}
.inv-modal-outerContainer .inv-modal-container {
  position: relative;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 3px;
  overflow: auto;
  transition: max-height 2s ease;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row {
  width: 100%;
  min-height: 82px;
  height: auto;
  clear: both;
  display: flex;
  align-items: center;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell {
  padding: 10px;
  position: relative;
  width: 100%;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell.-cellHalf {
  width: 50%;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-header {
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 10px;
  width: 100%;
  height: 18px;
  position: relative;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-header > i.ph-close {
  right: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content {
  position: relative;
  width: 100%;
  min-height: 34px;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > input,
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > list-drop-down,
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > input-date-picker {
  width: 100%;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > input-date-picker {
  display: block;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content > input-date-picker > div {
  width: 100% !important;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-row .inv-modal-cell .-cell-content input:disabled {
  background-color: #f4f4f4 !important;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description {
  padding: 20px 10px 10px 10px;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description .-description-title {
  height: 16px;
  line-height: 16px;
  color: #00adef;
  width: 100%;
  cursor: pointer;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description .-description-title:hover {
  text-decoration: underline;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description .-description-textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  height: 0;
  padding: 0;
  border: none;
  margin-top: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  border-color: #dddddd;
  line-height: 20px;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description .-description-textarea:disabled {
  background-color: #f4f4f4 !important;
}
.inv-modal-outerContainer .inv-modal-container .inv-modal-description .-description-textarea.-open {
  height: 80px;
  padding: 10px;
  border: 1px solid #dddddd;
  margin-top: 7px;
}
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row {
  min-height: 54px;
}
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell {
  display: flex;
  align-items: center;
}
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-header,
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-content {
  flex: 0 0 auto;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-header {
  width: 40%;
}
.inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-content {
  width: 60%;
}
.inv-modal-outerContainer .inv-modal-error {
  background-color: rgba(178, 46, 46, 0.75);
  border: none;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding: 0 20px;
  opacity: 0;
  font-size: 0;
  height: 0;
  line-height: 20px;
  overflow: hidden;
  font-size: 13px;
  transition: all 0.25s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inv-modal-outerContainer .inv-modal-error.-open {
  border: solid 1px #b22e2e;
  margin-top: 10px;
  padding: 20px 20px;
  opacity: 1;
  height: 60px;
}
.inv-modal-outerContainer .inv-modal-error i {
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.inv-modal-outerContainer .inv-modal-info {
  border: none;
  border-radius: 3px;
  text-align: center;
  margin-top: 0;
  padding: 0 20px;
  opacity: 0;
  font-size: 0;
  height: 0;
  line-height: 20px;
  overflow: hidden;
  font-size: 13px;
  transition: all 0.25s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inv-modal-outerContainer .inv-modal-info.-open {
  margin-top: 10px;
  padding: 20px 20px;
  opacity: 1;
  height: 60px;
}
.inv-modal-outerContainer .inv-modal-info i {
  right: 4px;
  color: #ccc;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.inv-modal-outerContainer .inv-modal-buttonContainer {
  width: 100%;
  height: 54px;
  position: relative;
  border: none;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.inv-modal-outerContainer .inv-modal-buttonContainer .inv-modal-buttonsLeft {
  margin-right: auto;
}
.inv-modal-outerContainer .inv-modal-buttonContainer .inv-modal-buttonsLeft > * {
  margin-right: 10px;
}
.inv-modal-outerContainer .inv-modal-buttonContainer .inv-modal-buttonsRight {
  margin-left: auto;
}
.inv-modal-outerContainer .inv-modal-buttonContainer .inv-modal-buttonsRight > * {
  margin-left: 10px;
}
.modal-dialog.modal-lg .modal-content .inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-header {
  width: 25%;
}
.modal-dialog.modal-lg .modal-content .inv-modal-outerContainer .inv-modal-container.-splitContent .inv-modal-row .inv-modal-cell .-cell-content {
  width: 75%;
}
@media (min-width: 752px) {
  .modal-mediumLarge .modal-dialog {
    width: 750px !important;
  }
}
.inv-login-main-content {
  width: auto;
  /*height: 100vh;*/
  background-color: #FFFFFF;
}
input:hover + .inv-login-container {
  margin-top: -3px;
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}
.inv-login-container {
  width: 400px;
  display: block;
  -webkit-transition: margin-top 0.25s, box-shadow 0.25s;
  /* Safari */
  transition: margin-top 0.25s, box-shadow 0.25s;
  margin: 0 auto 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inv-login-container:focus {
  outline: 0 !important;
}
.inv-error-messageDiv {
  transition: all 0.25s;
}
.inv-login-container > h2,
.inv-login-mainTitle {
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  color: #5d5d5d;
  font-weight: 300;
  font-size: 30px;
}
.inv-login-container > div {
  position: relative;
}
.inv-login-container > div > input {
  width: calc(100% - 80px);
  height: 50px;
  margin: 0 40px 0 40px;
  padding: 0 15px 0 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 12px;
}
.inv-login-forgot-password {
  display: block;
  margin: 22px 0px 15px 0px;
  text-align: center;
  color: #5d5d5d;
}
.inv-login-forgot-password:hover {
  cursor: pointer;
  text-decoration: underline;
}
.inv-login-button {
  width: calc(100% - 80px);
  height: 50px;
  margin: 15px 40px 0 40px;
  background-color: #00adef;
  position: relative;
  color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.25s;
}
.inv-login-button:hover {
  background-color: #008fb7;
}
.inv-login-button > h4 {
  width: 100%;
  line-height: 50px;
  margin: 0;
  text-align: center;
}
.inv-login-rememberme {
  overflow: hidden;
  width: 120px;
  display: block;
  margin: 18px auto 0 auto;
  color: #5d5d5d;
}
.inv-login-rememberme label {
  font-weight: normal;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inv-login-rememberme input[type="checkbox"] {
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
.top-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inv-token-main-content {
  width: auto;
  background-color: #FFFFFF;
}
.inv-token-container {
  width: 400px;
  height: auto;
  display: block;
  margin: 0 auto 0 auto;
}
.top-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inv-token-container > div > input {
  width: calc(100% - 80px);
  height: 50px;
  margin: 0 40px 5px 40px;
  padding: 0 15px 0 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 12px;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.inv-token-container > h2 {
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  color: #5d5d5d;
  font-weight: 300;
  font-size: 30px;
}
.inv-token-container > span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px 0 20px 0;
  color: #5d5d5d;
}
.inv-login-forgot-password {
  display: block;
  margin: 22px 0px 15px 0px;
  text-align: center;
  color: #5d5d5d;
}
.inv-token-container button {
  width: calc(100% - 80px);
  height: 50px;
  margin: 0 40px;
  background-color: #00adef;
  position: relative;
  color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.25s;
}
.inv-token-button {
  width: 100%;
  height: 50px;
  font-size: 14px;
  background-color: #00adef;
  border: solid 1px #00adef !important;
  color: #FFFFFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.25s;
  cursor: pointer;
}
.inv-token-button:hover {
  background-color: #008fb7;
}
.approval-projectContainer.tokenApproval-projectContainer {
  padding: 0 20px;
  width: 100%;
  max-width: 840px;
  display: block;
  margin: 0 auto;
}
.approval-projectContainer.tokenApproval-projectContainer .approval-segmentDate {
  min-width: 100px;
  width: 30% !important;
}
.approval-projectContainer.tokenApproval-projectContainer .approval-segmentTask {
  max-width: calc(70% - 100px);
  width: 40% !important;
}
.inv-mdModal-outerContainer.inv-dayEntryConfirmModal .inv-mdModal-container .inv-mdModal-row {
  text-align: center;
  line-height: 20px;
  min-height: 0;
}
.inv-mdModal-outerContainer.requestApproval {
  padding: 20px 20px 0 20px;
  min-height: 100px;
  position: relative;
}
.inv-mdModal-outerContainer.requestApproval .loadingContainer {
  background-color: #fff;
  height: 100px;
  position: relative;
  border: solid 1px #ddd;
  border-radius: 3px;
}
.inv-mdModal-outerContainer.requestApproval .inv-mdModal-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 500px;
  border-bottom: none;
  padding-bottom: 0;
}
.inv-mdModal-outerContainer.requestApproval .requestTotal {
  text-align: right;
  padding: 20px 38px 20px 20px;
  background-color: #f9f9f9;
  border: solid 1px #ddd;
  border-radius: 0 0 3px 3px;
  margin-top: -1px;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 16px;
}
.inv-allPlacements .inv-tableHeaderRow .col,
.inv-allPlacements .inv-tableRow .col {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(1),
.inv-allPlacements .inv-tableRow .col:nth-child(1) {
  width: 70px;
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(1) .inv-table-edit-button,
.inv-allPlacements .inv-tableRow .col:nth-child(1) .inv-table-edit-button {
  margin-right: 0;
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(2),
.inv-allPlacements .inv-tableRow .col:nth-child(2) {
  width: 45%;
  padding-left: 15px;
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(3),
.inv-allPlacements .inv-tableRow .col:nth-child(3) {
  width: calc((55% - 70px) / 3);
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(4),
.inv-allPlacements .inv-tableRow .col:nth-child(4) {
  width: calc((55% - 70px) / 3);
}
.inv-allPlacements .inv-tableHeaderRow .col:nth-child(5),
.inv-allPlacements .inv-tableRow .col:nth-child(5) {
  width: calc((55% - 70px) / 3);
  padding-right: 20px;
}
.inv-allPlacements .allPlacements-table {
  max-height: calc(100vh - 374px);
  border-bottom: 1px solid #DDDDDD;
  border-right: solid 1px #ddd;
}
.inv-allPlacements .allPlacements-table .allPlacements-name {
  float: left;
  max-height: 30px;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.AddEditContainer {
  position: relative;
  margin-bottom: 10px;
  overflow: visible;
}
.detailContainer {
  position: relative;
}
.placements-additionalFields {
  margin-top: 55px;
  padding: 40px 0 0 0;
  border-top: solid 1px #eee;
  display: flex;
}
.placements-additionalFields-container {
  width: 100%;
}
.showAdditionalFields {
  position: absolute;
  bottom: -35px;
  right: 15px;
  color: #00adef;
  cursor: pointer;
}
.showAdditionalFields .ion {
  top: 1px;
  font-size: 14px;
  margin-left: 7px;
}
.placements-additionalFields-container:nth-child(2) {
  padding: 0 20px;
  margin: 0 20px;
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;
}
.placements-additionalFields-container .row > div {
  padding: 0 15px;
}
.placements-additionalFields-container .row > div button {
  float: right;
  margin-right: 0;
}
.placements-additionalFields-container label {
  line-height: 20px;
  transition: all 0.25s;
}
.projectUser-table .projectUser-tableRow,
.projectTask-table .projectUser-tableRow,
.projectUser-table .projectTask-tableRow,
.projectTask-table .projectTask-tableRow {
  display: flex;
  min-height: 51px;
  padding-right: 40px;
  position: relative;
}
.projectUser-table .projectUser-tableRow:not(:last-child),
.projectTask-table .projectUser-tableRow:not(:last-child),
.projectUser-table .projectTask-tableRow:not(:last-child),
.projectTask-table .projectTask-tableRow:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.projectUser-table .projectUser-tableRow.-header,
.projectTask-table .projectUser-tableRow.-header,
.projectUser-table .projectTask-tableRow.-header,
.projectTask-table .projectTask-tableRow.-header {
  background-color: #f9f9f9;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell,
.projectTask-table .projectUser-tableRow .projectUser-tableCell,
.projectUser-table .projectTask-tableRow .projectUser-tableCell,
.projectTask-table .projectTask-tableRow .projectUser-tableCell,
.projectUser-table .projectUser-tableRow .projectTask-tableCell,
.projectTask-table .projectUser-tableRow .projectTask-tableCell,
.projectUser-table .projectTask-tableRow .projectTask-tableCell,
.projectTask-table .projectTask-tableRow .projectTask-tableCell {
  display: flex;
  align-items: center;
  padding-left: 15px;
  position: relative;
  flex: 0 0 auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell > *:not(:last-child),
.projectTask-table .projectUser-tableRow .projectUser-tableCell > *:not(:last-child),
.projectUser-table .projectTask-tableRow .projectUser-tableCell > *:not(:last-child),
.projectTask-table .projectTask-tableRow .projectUser-tableCell > *:not(:last-child),
.projectUser-table .projectUser-tableRow .projectTask-tableCell > *:not(:last-child),
.projectTask-table .projectUser-tableRow .projectTask-tableCell > *:not(:last-child),
.projectUser-table .projectTask-tableRow .projectTask-tableCell > *:not(:last-child),
.projectTask-table .projectTask-tableRow .projectTask-tableCell > *:not(:last-child) {
  margin-right: 10px;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell > span,
.projectTask-table .projectUser-tableRow .projectUser-tableCell > span,
.projectUser-table .projectTask-tableRow .projectUser-tableCell > span,
.projectTask-table .projectTask-tableRow .projectUser-tableCell > span,
.projectUser-table .projectUser-tableRow .projectTask-tableCell > span,
.projectTask-table .projectUser-tableRow .projectTask-tableCell > span,
.projectUser-table .projectTask-tableRow .projectTask-tableCell > span,
.projectTask-table .projectTask-tableRow .projectTask-tableCell > span {
  color: #999;
}
.projectUser-table .projectUser-tableRow input::-webkit-outer-spin-button,
.projectTask-table .projectUser-tableRow input::-webkit-outer-spin-button,
.projectUser-table .projectTask-tableRow input::-webkit-outer-spin-button,
.projectTask-table .projectTask-tableRow input::-webkit-outer-spin-button,
.projectUser-table .projectUser-tableRow input::-webkit-inner-spin-button,
.projectTask-table .projectUser-tableRow input::-webkit-inner-spin-button,
.projectUser-table .projectTask-tableRow input::-webkit-inner-spin-button,
.projectTask-table .projectTask-tableRow input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.projectUser-table .projectUser-tableRow > i.ion-ios-close-empty,
.projectTask-table .projectUser-tableRow > i.ion-ios-close-empty,
.projectUser-table .projectTask-tableRow > i.ion-ios-close-empty,
.projectTask-table .projectTask-tableRow > i.ion-ios-close-empty {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.projectUser-table.-projectEdit .projectUser-tableRow .projectUser-tableCell:nth-child(1),
.projectUser-table.-projectEdit .projectUser-tableRow .projectUser-tableCell:nth-child(2) {
  width: 25%;
}
.projectUser-table.-projectEdit .projectUser-tableRow .projectUser-tableCell:nth-child(3) {
  width: 50%;
  justify-content: flex-end;
}
.projectUser-table.-userEdit .projectUser-tableRow .projectUser-tableCell:nth-child(1) {
  width: 50%;
}
.projectUser-table.-userEdit .projectUser-tableRow .projectUser-tableCell:nth-child(2) {
  width: 50%;
  justify-content: flex-end;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-userNameCell > span {
  color: #00adef;
  padding-right: 10px;
  cursor: pointer;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-userNameCell > span:hover .resArrow {
  right: -7px;
  opacity: 1;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-resourceCell .input-group {
  max-width: 200px;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-consultantCell > :first-child {
  margin-left: auto;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-consultantCell .input-group {
  max-width: 100px;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-consultantCell inv-drop-down {
  min-width: 150px;
  margin-right: auto;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-clientContact check-box:nth-child(2) {
  margin-right: 50px;
}
.projectUser-table .projectUser-tableRow .projectUser-tableCell.-clientContact check-box button {
  margin: 0;
  height: 20px !important;
}
.projectTask-table .projectTask-tableRow .projectTask-tableCell:nth-child(1) {
  width: 50%;
}
.projectTask-table .projectTask-tableRow .projectTask-tableCell:nth-child(2) {
  width: 50%;
  justify-content: flex-end;
}
.projectTask-table .projectTask-tableRow .projectTask-tableCell.-taskNameCell > span {
  color: #00adef;
  padding-right: 10px;
}
.projectTask-table .projectTask-tableRow .projectTask-tableCell.-taskNameCell > span:hover .resArrow {
  right: -7px;
  opacity: 1;
}
.projectTask-table .projectTask-tableRow .projectTask-tableCell.-taskNameCell .task-color {
  height: 100%;
}
.projectBottomRow {
  display: flex;
  margin: 10px 0 50px 0;
  justify-content: flex-end;
}
.dashboard-header {
  width: 100%;
  padding: 20px 0 10px 0;
  display: flex;
  justify-content: space-between;
}
.dashboard-header .dashboard-headerLeft,
.dashboard-header .dashboard-headerRight {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 200;
}
.dashboard-header .dashboard-headerLeft .dashboard-header-title,
.dashboard-header .dashboard-headerRight .dashboard-header-title {
  font-size: 30px;
}
.dashboard-header .dashboard-headerLeft .dashboard-header-subTitle,
.dashboard-header .dashboard-headerRight .dashboard-header-subTitle {
  font-size: 16px;
}
.dashboard-header .dashboard-headerLeft {
  align-items: flex-start;
}
.dashboard-header .dashboard-headerRight {
  align-items: flex-end;
}
@keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fbf177;
    -moz-box-shadow: 0 0 0 0 #fbf177;
    box-shadow: 0 0 0 0 #fbf177;
  }
  50% {
    -webkit-box-shadow: 0 0 10px 10px #fbf177;
    -moz-box-shadow: 0 0 10px 10px #fbf177;
    box-shadow: 0 0 10px 10px #fbf177;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 #fbf177;
    -moz-box-shadow: 0 0 0 0 #fbf177;
    box-shadow: 0 0 0 0 #fbf177;
  }
}
@-webkit-keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #fbf177;
    -moz-box-shadow: 0 0 0 0 #fbf177;
    box-shadow: 0 0 0 0 #fbf177;
  }
  50% {
    -webkit-box-shadow: 0 0 10px 10px #fbf177;
    -moz-box-shadow: 0 0 10px 10px #fbf177;
    box-shadow: 0 0 10px 10px #fbf177;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 #fbf177;
    -moz-box-shadow: 0 0 0 0 #fbf177;
    box-shadow: 0 0 0 0 #fbf177;
  }
}
.weekSelector-changeWeekBtn,
.weekSelector-selectDateBtn {
  background-color: #fff !important;
}
.inv-dash-main-container::-webkit-scrollbar,
.inv-dash-main-scrollable::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.wSTable-listDropdown {
  width: 220px;
  float: left;
  margin-left: 7px;
}
.wSTable-listDropdown .wSTable-statusListColor {
  height: 12px;
  width: 12px;
  border-radius: 2px;
  margin: 6px 10px 6px 0;
  float: left;
}
.wSTable-listDropdown button {
  width: 100% !important;
  height: 34px !important;
  text-align: left;
  padding: 3px 10px 3px 10px !important;
  line-height: 24px !important;
}
.wSTable-listDropdown button .caret {
  color: #555;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.wSTable-listDropdown ul {
  width: 100%;
  overflow-y: auto !important;
}
.wSTable-listDropdown ul li {
  width: 100%;
  height: 30px;
  padding: 3px 10px 3px 10px;
  line-height: 24px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.wSTable-listDropdown ul li:hover {
  background-color: #f5f5f5;
}
.inv-home-filtersTop {
  margin-top: 20px;
  height: 77px;
  display: block;
  width: 100%;
  border: solid 1px #ccc;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.inv-home-filtersTop week-selector {
  flex: 0 0 auto;
}
.inv-home-filtersTop .wSTable-headerDropDowns {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  height: 34px;
}
.inv-home-filtersTop .wSTable-headerDropDowns .inv-headerDropDown {
  flex: 0 0 auto;
  width: 200px;
  margin-right: 7px;
}
.inv-home-filtersTop .wSTable-headerDropDowns mega-search {
  flex: 1 1 auto;
  min-width: unset;
  width: 100%;
}
.inv-home-filtersTop .filterIconBtn {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin-left: 7px;
  padding: 0;
}
.inv-home-filtersTop .filterIconBtn.-activeFilters {
  background-color: rgba(94, 178, 46, 0.08) !important;
  border-color: #5eb22e;
  color: #5eb22e;
}
.inv-home-filtersTop .filterIconBtn.-activeFilters:hover,
.inv-home-filtersTop .filterIconBtn.-activeFilters:focus {
  background-color: rgba(94, 178, 46, 0.08) !important;
  color: #5eb22e;
  border-color: #5eb22e;
}
.inv-home-filtersTop > .btn-group {
  flex: 0 0 auto;
  margin-left: 7px;
}
.inv-home-filtersTop > .btn-group .inv-highlight-bulk {
  color: #fff;
  background-color: #5eb22e !important;
  border-color: #4cae4c !important;
}
.inv-home-filtersTop > .btn-group .inv-highlight-bulk:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-home-filtersTop > .btn-group .inv-highlight-bulk:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.inv-home-filtersTop > .btn-group .inv-highlight-bulk:active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.inv-headerMenuButtonList .disabledListItem {
  cursor: default !important;
  opacity: 0.3;
}
.inv-headerMenuButtonList .disabledListItem:hover {
  background-color: #fff !important;
  color: #000 !important;
}
.inv-headerMenuButtonList li.divider:hover {
  background-color: #e5e5e5;
  cursor: default;
  user-select: none;
}
.inv-headerMenuButtonList .ph-toggle {
  float: right;
  margin: 10px 10px 0 0;
}
.inv-home-filters {
  height: 50px;
  margin: 20px 0;
  display: block;
  width: 100%;
}
.inv-home-filters list-selector {
  width: 200px;
  margin-right: 10px;
  float: left;
  height: 41px;
}
.inv-home-filters list-selector input {
  height: 41px;
}
.inv-home-filters .inv-home-status-filter {
  text-align: center;
  line-height: 40px;
  float: left;
  padding: 0 20px;
  cursor: pointer;
  background-color: #f4f4f4;
  border-radius: 3px;
  margin: 0 2px;
  border: 1px solid #ddd;
  border-bottom: none;
  transition: all 0.25s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inv-home-filters .inv-home-status-filter .inv-home-status-filter-tag {
  height: 12px;
  width: 12px;
  float: left;
  border-radius: 2px;
  border: none;
  margin: 13px 7px 0 0;
}
.inv-home-filters .inv-home-status-filter:hover {
  background-color: #f9f9f9 !important;
}
.inv-dash-main-container {
  width: calc(100% + 23px);
  margin-bottom: 30px;
  overflow-x: hidden;
  position: relative;
  margin-top: 20px;
}
.inv-dash-main-container .inv-dash-main-header {
  height: 50px;
  display: flex;
  padding-right: 10px;
  padding-left: 200px;
  width: calc(100% - 23px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: solid 1px #ccc;
  position: relative;
}
.inv-dash-main-container .inv-dash-main-header .inv-dash-header-numSelected {
  position: absolute;
  height: 50px;
  line-height: 50px;
  left: 20px;
  color: #999999;
}
.inv-dash-main-container .inv-dash-main-header .inv-dash-header-day {
  position: relative;
  height: 40px;
  width: calc(100% / 7);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  align-self: flex-end;
}
.inv-dash-main-container .inv-dash-main-header .ph-publicHolidayLabel {
  color: #999;
  font-size: 10px;
  font-weight: 400;
}
.inv-dash-main-container .inv-dash-main-scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(100vh - 426px);
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
  -webkit-overflow-scrolling: touch;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week {
  padding-right: 5px;
  width: calc(100% - 15px);
  background-color: #f9f9f9;
  border: 1px solid #ddd !important;
  border-radius: 2px;
  margin-bottom: 15px;
  margin-top: -1px;
  display: flex;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary {
  width: 200px;
  float: left;
  height: 100%;
  position: relative;
  padding: 15px 0;
  min-height: 125px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary.inv-dash-userSummaryEmptyWeek {
  min-height: 0;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary check-box {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary check-box button {
  width: 20px;
  height: 20px;
  font-size: 10px !important;
  padding: 0;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userDetails {
  position: absolute;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 55px);
  left: 50px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userDetails.inv-dash-userDetailsClientView {
  left: 20px;
  width: calc(100% - 25px);
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userName {
  font-size: 14px;
  cursor: pointer;
  color: #00adef;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userName .ion-ios-arrow-forward {
  margin-left: 5px;
  opacity: 0;
  color: #00adef;
  font-size: 12px;
  top: calc(50% + 1px);
  z-index: 99;
  transform: translateY(-50%);
  position: absolute;
  transition: opacity 0.25s, margin-left 0.25s;
  -webkit-transition: opacity 0.25s, margin-left 0.25s;
  -moz-transition: opacity 0.25s, margin-left 0.25s;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userName:not(.-viewOnly):hover .ion-ios-arrow-forward {
  opacity: 1;
  margin-left: 10px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-userName.-viewOnly {
  cursor: default;
  color: #000;
  font-weight: 600;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-unitTotal {
  height: 28px;
  line-height: 28px;
  width: 100%;
  font-size: 12px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-unitTotal.selectedUnitTotal div:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-unitTotal div:nth-child(1) {
  float: left;
  margin-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-userSummary .inv-dash-unitTotal div:nth-child(2) {
  float: left;
  font-weight: 500;
  color: #999;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day {
  position: relative;
  /*min-width: 110px;*/
  width: calc((100% - 200px) / 7);
  padding: 15px 5px;
  min-height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration {
  position: relative;
  display: block;
  background-color: #fff;
  cursor: pointer;
  height: 95px;
  width: 105px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration.-viewOnly:hover {
  cursor: default;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration:not(.-viewOnly):hover {
  border: 1px solid #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration:hover .inv-dash-cell-bar-background {
  height: 6px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration:hover .inv-dash-cell-barBackground {
  height: 6px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration:hover .budgetedHours {
  top: 29px;
  opacity: 1;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-day-tag-container {
  width: 100%;
  height: 24px;
  padding: 5px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-day-tag-container .inv-dash-day-tag {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 7px;
  float: left;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-units {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #dddddd;
  text-align: center;
  width: 100%;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-units > .inv-dash-unitValue {
  color: #333;
  font-size: 18px;
  position: relative;
  width: 100%;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-units > .inv-dash-unitValue > .inv-dash-unitType {
  color: #999;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .inv-dash-hours {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #dddddd;
  text-align: center;
  font-size: 20px;
  width: 100%;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-day-duration .budgetedHours {
  margin-left: 0;
  top: 35px;
  opacity: 0;
  font-size: 12px;
  width: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground {
  position: absolute;
  border-radius: 0 0 2px 2px;
  bottom: 0;
  width: 100%;
  height: 2px;
  text-align: center;
  transition: all 0.25s;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-dash-cell-bar {
  height: 100%;
  float: left;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-dash-cell-bar:nth-child(1) {
  border-bottom-left-radius: 2px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-dash-cell-bar:nth-last-child(2) {
  border-bottom-right-radius: 2px;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-toolTip {
  top: 15px;
  min-width: 100%;
  text-align: left;
  padding: 10px 15px 2px 25px !important;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-toolTip p {
  margin-bottom: 10px !important;
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-user-week .inv-dash-user-week-day .inv-dash-cell-barBackground .inv-toolTip p .taskColor {
  height: 25px;
  width: 5px;
  border-radius: 2px;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}
.inv-dash-main-container .inv-dash-main-scrollable .inv-dash-main-placeholder {
  height: 140px;
  text-align: center;
  font-weight: 600;
  width: calc(100% - 15px);
  font-size: 20px;
  padding-top: 50px;
}
.inv-dash-main-container .inv-dash-main-footer {
  height: 10px;
  /*min-width: 970px;*/
  width: calc(100% - 23px);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  border-top: solid 1px #ccc;
  margin-top: -1px;
  z-index: 99;
  position: relative;
}
#vwGrid {
  margin-left: -50px;
  width: calc(100% + 92px);
}
#tsTable {
  margin-left: 0;
  width: 100%;
}
#tsTable.fullWidthTable {
  margin-left: 0 !important;
  width: 100% !important;
}
@media screen and (max-width: 949px) {
  #vwGrid {
    margin-left: 0;
    width: calc(100% + 42px);
  }
  #tsTable {
    margin-left: 50px;
    width: calc(100% - 50px);
  }
}
@media screen and (min-width: 949px) and (max-width: 1099px) {
  #vwGrid {
    margin-left: 0;
    width: calc(100% + 42px);
  }
  #tsTable {
    margin-left: 50px;
    width: calc(100% - 50px);
  }
}
.userTime-addWorkTop {
  float: right;
  margin-left: 7px;
}
.userTime-addWorkTop ul {
  left: auto !important;
  right: 0 !important;
}
.userTime-addWorkBottom {
  float: left;
}
.userTime-addWorkBottom ul {
  left: 0 !important;
  right: auto !important;
}
.userTime-addWorkRow {
  width: 100%;
  height: 34px;
}
.userTime-addWorkTop,
.userTime-addWorkBottom {
  height: 34px;
  width: 34px;
  display: block;
}
.userTime-addWorkTop button,
.userTime-addWorkBottom button {
  font-size: 20px;
}
.userTime-addWorkTop ul,
.userTime-addWorkBottom ul {
  overflow-y: auto !important;
  margin-top: 5px;
}
.userTime-addWorkTop ul .userTime-addWork-selectedProject,
.userTime-addWorkBottom ul .userTime-addWork-selectedProject {
  height: 40px;
  width: 100%;
  line-height: 35px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
}
.userTime-addWorkTop ul .userTime-addWork-selectedProject span:not(.ion),
.userTime-addWorkBottom ul .userTime-addWork-selectedProject span:not(.ion) {
  font-size: 12px;
}
.userTime-addWorkTop ul li.userTime-addWorkItem,
.userTime-addWorkBottom ul li.userTime-addWorkItem {
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.userTime-addWorkTop .inactiveTaskColor,
.userTime-addWorkBottom .inactiveTaskColor {
  width: 5px;
  height: 24px;
  margin: 5px 10px 5px 0;
  border-radius: 3px;
  float: left;
}
.timesheetAttachmentsTable {
  margin-bottom: 15px;
  margin-top: 15px;
}
.timesheetAttachmentsTable > .timesheetAttachmentsTitle {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  padding: 15px 0;
  margin-top: 40px;
}
.timesheetAttachmentsTable .tableHeaderRow {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: relative;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #f4f4f4;
  border: 1px solid #DDDDDD;
  font-weight: 600;
}
.timesheetAttachmentsTable .tableHeaderRow > div {
  width: calc(100% / 5);
  text-align: left;
  float: left;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timesheetAttachmentsTable > .rowContainer {
  position: relative;
  width: 100%;
  border: solid 1px #ddd;
  border-top: none;
  overflow: auto;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.timesheetAttachmentsTable > .rowContainer > .tableRow {
  width: 100%;
  position: relative;
  height: 50px;
  min-height: 0;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
  background-color: #FFFFFF;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.25s ease-out, height 0.25s ease-out;
}
.timesheetAttachmentsTable > .rowContainer > .tableRow:last-child {
  border-bottom: none;
}
.timesheetAttachmentsTable > .rowContainer > .tableRow > div {
  width: calc(100% / 5);
  min-height: 50px;
  position: relative;
  align-items: center;
  text-align: left;
  float: left;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timesheetAttachmentsTable > .rowContainer > .tableRow > div > .timesheetAttachmentDelete {
  position: absolute;
  transition: all 0.25s ease-out;
  font-size: 20px;
  line-height: 20px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  text-align: center;
}
.timesheetAttachmentsTable > button {
  height: 34px;
  width: 34px;
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 0;
  font-size: 20px;
}
.inv-blueText {
  color: #00ADEF;
}
.inv-text-grey {
  color: #999;
  font-weight: 300;
}
.inv-mdModal-outerContainer.approvalProj {
  padding: 20px 20px 0 20px;
  min-height: 100px;
  position: relative;
}
.inv-mdModal-outerContainer.approvalProj .inv-mdModal-header {
  font-weight: 400;
  padding-top: 10px;
}
.inv-mdModal-outerContainer.approvalProj .inv-mdModal-buttonContainer .approvalProj-successMessage {
  float: left;
  color: #5eb22e;
  margin: 5px 0 0 10px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval {
  border: 1px solid #ddd;
  background-color: #fff;
  display: flex;
  padding: 20px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval > :first-child {
  width: 40%;
  padding-right: 10px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval > :nth-child(2) {
  width: 25%;
  padding-right: 10px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval > :last-child {
  width: 35%;
  padding-right: 0;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval .approvalProj-approval-title {
  color: #999;
  margin: 0;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approval .approvalProj-approval-data {
  font-size: 14px;
  font-weight: 400;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments .approvalProj-attachments-attachmentContainer {
  padding: 5px 0 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments .approvalProj-attachments-attachmentContainer > div.att-name {
  width: 80%;
  color: #999;
  cursor: pointer;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments .approvalProj-attachments-attachmentContainer > div.att-name > :first-child {
  color: #00ADEF;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments .approvalProj-attachments-attachmentContainer > div.att-name > :last-child {
  margin-left: 7px;
  margin-top: 3px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-attachments .approvalProj-attachments-attachmentContainer > div.att-date {
  width: 20%;
  text-align: right;
  color: #999;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 0;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer.emptyState {
  flex-direction: column;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer.emptyState .approvalProj-approvers-approverContainer-name {
  width: unset;
  padding-bottom: 5px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-name {
  display: flex;
  align-items: center;
  width: 50%;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-name .approvalProj-approvers-approverContainer-name-initialsIcon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 20px;
  background-color: #EFEFEF;
  border: 1px solid rgba(0, 0, 0, 0);
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-name .approvalProj-approvers-approverContainer-name-initialsIcon.noApprovers {
  color: #ffb597;
  background-color: unset;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-name .approvalProj-approvers-approverContainer-name-initialsIcon.noApprovers > .ion {
  font-size: 33px;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-name .approvalProj-approvers-approverContainer-name-initialsIcon > div {
  text-align: center;
  height: 33px;
  line-height: 33px;
  width: 33px;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-response {
  color: #999;
  width: 50%;
  text-align: right;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-response.approved {
  color: #5EB22E;
}
.inv-mdModal-outerContainer.approvalProj .approvalProj-approvers .approvalProj-approvers-approverContainer .approvalProj-approvers-approverContainer-response.rejected {
  color: #E53935;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-mdModal-header,
.inv-mdModal-outerContainer.manageUnitModal .inv-mdModal-header,
.inv-mdModal-outerContainer.timeCreditModal .inv-mdModal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-inner,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-inner,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-inner {
  padding: 20px;
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 2px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-row,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-row,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-row {
  height: 80px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-h3,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-h3,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-h3 {
  text-align: center;
  margin: 0 0 20px 0;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-content,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-content,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-content {
  float: left;
  width: 50%;
  padding: 10px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-content .input-group .input-group-addon,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-content .input-group .input-group-addon,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-content .input-group .input-group-addon {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-startEnd,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-startEnd,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-startEnd {
  float: left;
  width: 50%;
}
.inv-mdModal-outerContainer.manageTimeModal input-date-picker,
.inv-mdModal-outerContainer.manageUnitModal input-date-picker,
.inv-mdModal-outerContainer.timeCreditModal input-date-picker {
  float: right;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-startEnd:first-child,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-startEnd:first-child,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-startEnd:first-child {
  padding-right: 5px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-startEnd:nth-child(2),
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-startEnd:nth-child(2),
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-startEnd:nth-child(2) {
  padding-left: 5px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-input,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-input,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-input {
  width: 100%;
  border: solid 1px #ddd;
  border-radius: 2px;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  min-height: 34px;
  -webkit-appearance: none !important;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-title,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-title,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-title {
  margin-bottom: 0;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-text,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-text,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-text {
  width: 100%;
  max-width: 100%;
  max-height: 300px;
  border-radius: 2px;
  transition: padding 0.25s, border 0.25s, margin-top 0.25s;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-buttons,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-buttons,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-buttons {
  width: 100%;
  height: 55px;
  padding: 20px 0;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-dropDown,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-dropDown,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-dropDown {
  float: left;
  /*width: 30%;*/
  width: calc(100% - 150px);
}
.inv-mdModal-outerContainer.manageTimeModal .dateSelect,
.inv-mdModal-outerContainer.manageUnitModal .dateSelect,
.inv-mdModal-outerContainer.timeCreditModal .dateSelect {
  float: left;
  width: calc(70% + 2px);
  margin-left: -2px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-dropDown button,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-dropDown button,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-dropDown button {
  min-width: 100% !important;
  padding-right: 0;
  background-color: #f4f4f4;
  border-radius: 2px !important;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-dropDown button .caret,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-dropDown button .caret,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-dropDown button .caret {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-notesContainer,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-notesContainer,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-notesContainer {
  padding: 20px 10px 10px 10px;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly),
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly),
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly) {
  cursor: pointer;
  color: #00adef;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly):hover,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly):hover,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-notesContainer .inv-timeModal-notesLabel:not(.inv-timeModal-notesLabelReadyOnly):hover {
  text-decoration: underline;
}
.inv-mdModal-outerContainer.manageTimeModal .inv-timeModal-notesContainer .inv-timeModal-notesInput.inv-timeModal-notesInputReadOnly,
.inv-mdModal-outerContainer.manageUnitModal .inv-timeModal-notesContainer .inv-timeModal-notesInput.inv-timeModal-notesInputReadOnly,
.inv-mdModal-outerContainer.timeCreditModal .inv-timeModal-notesContainer .inv-timeModal-notesInput.inv-timeModal-notesInputReadOnly {
  margin-top: 7px;
  padding: 10px;
  height: 100px;
  border: solid 1px #ddd;
}
.inv-mdModal-outerContainer.manageTimeModal .listSelector-dropdownItem:hover,
.inv-mdModal-outerContainer.manageUnitModal .listSelector-dropdownItem:hover,
.inv-mdModal-outerContainer.timeCreditModal .listSelector-dropdownItem:hover,
.inv-mdModal-outerContainer.manageTimeModal .listSelector-dropdownItemSelected,
.inv-mdModal-outerContainer.manageUnitModal .listSelector-dropdownItemSelected,
.inv-mdModal-outerContainer.timeCreditModal .listSelector-dropdownItemSelected {
  background-color: #eee !important;
  color: #333 !important;
}
.inv-mdModal-outerContainer.manageTimeModal .manageTime-userList,
.inv-mdModal-outerContainer.manageUnitModal .manageTime-userList,
.inv-mdModal-outerContainer.timeCreditModal .manageTime-userList {
  max-height: 200px;
  min-height: 150px;
  height: inherit;
  overflow-y: scroll;
  background-color: #fcfcfc;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  padding: 0;
}
.inv-mdModal-outerContainer.manageTimeModal .manageTime-userList button,
.inv-mdModal-outerContainer.manageUnitModal .manageTime-userList button,
.inv-mdModal-outerContainer.timeCreditModal .manageTime-userList button {
  min-width: 20px !important;
  min-height: 20px !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0;
}
.inv-mdModal-outerContainer.manageTimeModal .user-bulkSelect,
.inv-mdModal-outerContainer.manageUnitModal .user-bulkSelect,
.inv-mdModal-outerContainer.timeCreditModal .user-bulkSelect {
  padding: 10px 6px;
  background-color: #fff;
  height: 40px;
  border-bottom: solid 1px #ddd;
}
.inv-mdModal-outerContainer.manageTimeModal .modalStatus,
.inv-mdModal-outerContainer.manageUnitModal .modalStatus,
.inv-mdModal-outerContainer.timeCreditModal .modalStatus {
  display: inline-block;
}
.inv-mdModal-outerContainer.manageTimeModal .modalStatusName,
.inv-mdModal-outerContainer.manageUnitModal .modalStatusName,
.inv-mdModal-outerContainer.timeCreditModal .modalStatusName {
  position: absolute !important;
}
.inv-mdModal-outerContainer.manageTimeModal .modalStatusColor,
.inv-mdModal-outerContainer.manageUnitModal .modalStatusColor,
.inv-mdModal-outerContainer.timeCreditModal .modalStatusColor {
  margin-top: 8px;
  margin-left: 4px;
}
.inv-mdModal-outerContainer.manageTimeModal .modalStatusColor i,
.inv-mdModal-outerContainer.manageUnitModal .modalStatusColor i,
.inv-mdModal-outerContainer.timeCreditModal .modalStatusColor i {
  font-size: 20px;
  transform: translateY(-50%);
}
.inv-approvalsView-container .inv-approvalRequest-scrollOuterContainer {
  width: 100%;
  max-height: calc(100vh - 350px);
  overflow: auto;
  border-bottom: solid 1px #ddd;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.inv-approvalsView-container .inv-approvalRequest-scrollOuterContainer .inv-approvalRequest-scrollInnerContainer {
  width: 100%;
}
.inv-approvalsView-container .inv-empty-container {
  text-align: center;
  font-size: 14px;
  position: relative;
  height: 110px;
  border: solid 1px #ddd;
  border-bottom: none;
  border-top: none;
  margin: 0;
  border-radius: 0 0 2px 2px;
}
.inv-approvalRequestCard {
  border: solid 1px #ddd;
  border-bottom: none;
  position: relative;
  cursor: pointer;
}
.inv-approvalRequestCard.-open {
  height: auto;
}
.inv-approvalRequestCard.-open:not(:last-child) {
  margin-bottom: 20px;
}
.inv-approvalRequestCard.-open .inv-approvalCard {
  background-color: #f4f4f4;
}
.inv-approvalRequestCard:not(:last-child).-open {
  border-bottom: solid 1px #ddd;
}
.inv-approvalRequestCard .inv-approvalCard {
  background-color: #fff;
  width: 100%;
  padding: 13px 25px;
  border-radius: 2px;
  transition: all 0.25s;
  overflow: hidden;
  opacity: 1;
  margin: 0;
}
.inv-approvalRequestCard .inv-approvalCard:hover {
  background-color: #f9f9f9;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail {
  display: flex;
  width: 100%;
  transition: all 0.25s;
  position: relative;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-new-card-icon {
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: inline-block;
  padding: 5px;
  background-clip: content-box;
  background-color: #5BA079;
  position: absolute;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail check-box {
  position: absolute;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail check-box .inv-checkbox-default {
  right: 8px;
  top: 20px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail > div {
  float: left;
  width: calc(100% / 3);
  transition: all 0.25s;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail > :nth-child(2) {
  padding-left: 10px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-approvalTitle {
  color: #999;
  height: 16px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-approvalData {
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-approvalData span {
  font-weight: normal;
  color: #999;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-approvalResource {
  font-size: 14px;
  line-height: 60px;
  color: #00adef;
  width: 100%;
  padding-right: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 25px;
  font-weight: 400;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-approvalResource span {
  font-size: 14px;
  margin-left: 5px;
  color: #333 !important;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-iconContainer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-iconContainer .initialsIcon {
  width: 35px;
  height: 35px;
  margin: 5px 10px;
  border-radius: 20px;
  background-color: #efefef;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0);
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-iconContainer .initialsIcon.noApprovers {
  color: #f1ca03;
  background-color: transparent;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-iconContainer .initialsIcon.noApprovers > .ion {
  font-size: 25px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-detail .inv-approvalCard-detail-iconContainer .initialsIcon > div {
  text-align: center;
  height: 33px;
  line-height: 33px;
  width: 33px;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project {
  width: 100%;
  position: relative;
  cursor: default;
  float: left;
  background-color: #fff;
  padding-left: 4px;
  border-radius: 2px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  overflow: hidden;
  visibility: hidden;
  border: none;
  height: 0;
  border-color: #ddd;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project.-open {
  opacity: 1;
  padding: 10px 10px 10px 4px;
  visibility: visible;
  border: solid 1px #ddd;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project:not(:last-child) {
  border-bottom: none;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project > :first-child {
  width: 33%;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project > :first-child p {
  color: #999;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project > :nth-child(2) {
  width: 33%;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project > :nth-child(3) {
  width: calc(33% - 200px);
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project > :last-child {
  width: 200px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails {
  float: left;
  height: 100%;
  position: relative;
  padding-top: 10px;
  padding-left: 15px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-removeProjectResponse {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails p {
  margin: 0;
  line-height: 21px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-titles {
  height: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-titles .inv-approvalCard-project-projectDetails-projectTitle {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 400;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-titles .inv-approvalCard-project-projectDetails-clientTitle {
  height: 20px;
  line-height: 20px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-segmentSummary p {
  font-weight: 400;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-segmentSummary p span {
  font-weight: normal;
  color: #999;
  text-transform: capitalize;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-segmentSummary.singlePadded {
  padding-top: 14px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer .initialsIcon {
  width: 35px;
  height: 35px;
  margin: 5px 3px;
  border-radius: 20px;
  background-color: #efefef;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0);
  position: relative;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer .initialsIcon.removable:hover .initialsIcon-initials {
  display: none;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer .initialsIcon.removable:hover .initialsIcon-cross {
  display: block;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer .initialsIcon .initialsIcon-cross {
  display: none;
  font-size: 25px;
  color: #fff;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-iconContainer .initialsIcon > div {
  text-align: center;
  height: 33px;
  line-height: 33px;
  width: 33px;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails .inv-approvalCard-project-projectDetails-noApprovers {
  color: #999;
  padding-top: 15px;
  font-weight: 200;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails-viewRequestContainer {
  font-size: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails-viewRequestContainer :hover {
  text-decoration: none;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails-viewRequestContainer .ion-android-open {
  font-size: 12px;
  margin-left: 3px;
  top: 1px;
  transition: opacity 0.25s, top 0.25s;
  -webkit-transition: opacity 0.25s, top 0.25s;
  -moz-transition: opacity 0.25s, top 0.25s;
}
.inv-approvalRequestCard .inv-approvalCard .inv-approvalCard-project .inv-approvalCard-project-projectDetails-viewRequestContainer :hover .ion-android-open {
  top: -1px;
}
.removeApprovalResponse .removeApprovalResponse-approver {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 20px;
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-name {
  display: flex;
  align-items: center;
  width: 50%;
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-name .removeApprovalResponse-approver-name-initialsIcon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 20px;
  background-color: #EFEFEF;
  border: 1px solid rgba(0, 0, 0, 0);
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-name .removeApprovalResponse-approver-name-initialsIcon > div {
  text-align: center;
  height: 33px;
  line-height: 33px;
  width: 33px;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.8;
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-response {
  color: #999;
  width: 50%;
  text-align: right;
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-response.approved {
  color: #5EB22E;
}
.removeApprovalResponse .removeApprovalResponse-approver .removeApprovalResponse-approver-response.rejected {
  color: #E53935;
}
.removeApprovalResponse .removeApprovalResponse-projects {
  width: 100%;
  cursor: default;
  background-color: #fff;
  border-radius: 2px;
  padding: 20px 10px 0;
  margin-bottom: 20px;
  border-top: solid 1px #eee;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer > :first-child p {
  color: #999;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails {
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails p {
  margin: 0;
  line-height: 21px;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails .removeApprovalResponse-projects-projectContainer-projectDetails-titles .removeApprovalResponse-projects-projectContainer-projectDetails-projectTitle {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 600;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails .removeApprovalResponse-projects-projectContainer-projectDetails-titles .removeApprovalResponse-projects-projectContainer-projectDetails-clientTitle {
  height: 20px;
  line-height: 20px;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails .removeApprovalResponse-projects-projectContainer-projectDetails-segmentSummary p {
  font-weight: 600;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails .removeApprovalResponse-projects-projectContainer-projectDetails-segmentSummary p span {
  font-weight: normal;
  color: #999;
  text-transform: capitalize;
}
.removeApprovalResponse .removeApprovalResponse-projects .removeApprovalResponse-projects-projectContainer .removeApprovalResponse-projects-projectContainer-projectDetails .removeApprovalResponse-projects-projectContainer-projectDetails-segmentSummary.singlePadded {
  padding-top: 14px;
}
.approvalProj-segments {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 500px) !important;
  padding: 20px !important;
  margin: -1px 0;
}
.approvalProj-segments.-noScroll {
  overflow-y: hidden;
  max-height: 100% !important;
}
.approvalProj-segments span {
  font-weight: normal;
  color: #999;
}
.approvalProj-segments .ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer:first-child .approvalProj-placementTitle {
  border-top: none;
  padding-top: 0;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-placementTitle {
  line-height: 1.2;
  border-top: solid 1px #ddd;
  padding-top: 30px;
  margin: 15px 0;
  font-weight: 400;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-placementTitle > span {
  color: #999;
  font-size: 12px;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup {
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-sectionHeader {
  font-weight: 600;
  width: 100%;
  margin-bottom: 5px;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer.-borderBottom {
  border-bottom: solid 1px #eee;
  padding: 5px 0;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 5px 0;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails:first-child {
  width: 20%;
  display: flex;
  align-items: center;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails:nth-child(2) {
  display: flex;
  align-items: center;
  width: 45%;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails:last-child {
  width: 25%;
  text-align: right;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails .segmentName {
  font-weight: 600;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails .segmentDuration {
  font-weight: 400;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails .approvalProj-segment-segmentContainer-segmentDetails-segmentColor {
  flex: 0 0 5px;
  height: 25px;
  border-radius: 2px;
  margin-right: 10px;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails .approvalProj-segment-segmentContainer-segmentDetails-segmentTask {
  width: calc(100% - 5px);
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails .approvalProj-segment-segmentContainer-segmentDetails-segmentTask .segmentTask-details {
  display: flex;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails-segmentNote {
  word-break: break-word;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails-segmentNote > i {
  color: #bbb;
  margin-left: 10px;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails-segmentNote > span {
  color: #999;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-segmentContainer .approvalProj-segment-segmentContainer-segmentDetails-segmentNote.-modalIcon {
  margin-top: 1px;
  padding: 0;
  cursor: pointer;
}
.approvalProj-segments .approvalProj-segments-unitGroupContainer .approvalProj-unitTypeGroup .approvalProj-segments-unitGroupContainer-unitGroupTotal {
  padding-top: 5px;
  text-align: right;
  margin-bottom: 0;
}
.approvalProj-warning.approvalProj-warningModifiedSegments {
  margin: 20px 0 20px 0;
}
.approvalProj-warning .ion-ios-information-outline {
  height: 33px;
  width: 100%;
  text-align: center;
  font-size: 33px;
  color: #ffb597;
}
.approvalProj-warning .approvalProj-warningMessage {
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #999;
  font-size: 12px;
  font-weight: 200;
}
.ph-toolbar.-inv-expenseResource .toolbar-left {
  width: 370px;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser span,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser span {
  color: #00adef;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser .integrationBadge,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser .integrationBadge {
  height: 18px;
  position: relative;
  margin-left: 5px;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser .integrationBadge > img,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseUser .integrationBadge > img {
  height: 100%;
  width: 100%;
  vertical-align: inherit;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseTask .-taskColor,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseTask .-taskColor {
  height: 20px;
  width: 5px;
  border-radius: 5px;
  margin-right: 10px;
  flex: 0 0 auto;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseDate span:nth-child(2),
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseDate span:nth-child(2) {
  color: #999;
  margin-left: 5px;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse {
  justify-content: flex-end;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseDefault,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseDefault {
  color: #999;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseSuccess,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseSuccess {
  color: #5eb22e;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseDanger,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseDanger {
  color: #d9534f;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseYellow,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseYellow {
  color: #ffce00;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseBlue,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse span.-responseBlue {
  color: #00adef;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse .inv-approval-responseIcon,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse .inv-approval-responseIcon {
  margin: 4px 0 4px 7px;
}
.-inv-expenseManager.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse list-drop-down,
.-inv-expenseResource.manage-itemTable .manage-itemRowContainer .manage-itemRow .manage-itemCol.-expenseResponse list-drop-down {
  margin-left: 10px;
}
.container-fluid.inv-summary.inv-invoiceClients {
  margin-bottom: 20px;
}
.container-fluid.inv-summary.inv-invoiceClients .inv-invoiceClients-scrollContainer {
  max-height: calc(100vh - 460px);
  width: 100%;
  overflow-y: auto;
  border-bottom: solid 1px #ddd;
}
.container-fluid.inv-summary.inv-invoiceClients .inv-invoiceClients-scrollContainer .inv-summary-parent-body.inv-invoiceClients-container {
  width: 100%;
}
.container-fluid.inv-summary.inv-invoiceClients .inv-invoiceClients-scrollContainer .inv-summary-parent-body.inv-invoiceClients-container .inv-parent {
  overflow: hidden;
}
.container-fluid.inv-summary.inv-invoiceClients .inv-invoiceClients-scrollContainer .inv-summary-parent-body.inv-invoiceClients-container .inv-parent:last-child {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}
.container-fluid.inv-summary.inv-invoiceClients .inv-invoiceClients-scrollContainer .inv-summary-empty-container {
  border-bottom: none;
}
.inv-invoiceView {
  margin-bottom: 0;
}
.inv-invoiceView .inv-card-scrollContainer.inv-card-scrollContainer-draftInvoices {
  max-height: calc(100vh - 300px);
}
.inv-invoiceView .inv-card-scrollContainer.inv-card-scrollContainer-sentInvoices {
  max-height: calc(100vh - 360px);
}
.inv-invoiceView .inv-card-scrollContainer .inv-card {
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 0;
}
.inv-invoiceView .inv-card-scrollContainer .inv-card:last-child {
  border-bottom: none;
}
.inv-invoiceView .inv-card-scrollContainer .inv-cards-empty-container {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.inv-payslip-info.createdFor p,
.inv-payslip-info.createdBy p {
  margin: 0;
  height: 20px;
  line-height: 20px;
}
.inv-payslip-info.createdFor p.header,
.inv-payslip-info.createdBy p.header {
  color: #999;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.inv-pay-resourceHeader {
  height: 50px;
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #ddd;
  padding: 12px 27px 10px 20px;
  margin-bottom: -4px;
  border-radius: 2px 2px 0 0;
}
.inv-pay-resourceRow {
  height: 47px;
  width: 100%;
  border-bottom: solid 1px #ddd;
  padding: 10px 20px;
}
.inv-pay-resourceRow:last-child {
  border-radius: 0 0 2px 2px;
}
.inv-scroll-container {
  min-height: 150px;
  max-height: 420px;
  background-color: #fcfcfc;
  border-radius: 0 0 2px 2px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.pay div {
  float: left;
  position: relative;
  padding-right: 10px;
  line-height: 2.4;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
}
.pay div:first-child {
  width: 37%;
}
.pay div:nth-child(n+2):nth-child(-n+4) {
  width: 21%;
  text-align: right;
}
.time div {
  float: left;
  position: relative;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2.4;
  text-overflow: ellipsis;
}
.time div:nth-child(1) {
  width: 10%;
}
.time div:nth-child(n+2):nth-child(-n+3) {
  width: 25%;
}
.time div:nth-child(4) {
  width: 30%;
}
.time div:nth-child(5) {
  width: 10%;
}
.workColor {
  height: 25px;
  width: 5px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: #ddd;
}
.inv-pay-resourcePayTotal {
  text-align: right;
  font-size: 21px;
  margin-top: 25px;
}
.resourcePay {
  display: table;
  width: 100%;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  border-radius: 2px;
  padding: 30px 40px;
}
.row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.inv-payslip-info {
  width: 50%;
  padding-right: 40px;
}
.inv-payrollPH .inv-payrollPH-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-pay-cycle-selector {
  position: relative;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-pay-cycle-selector h2 {
  margin: 0;
  display: inline-block;
  padding-right: 15px;
  vertical-align: bottom;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-pay-cycle-selector inv-drop-down {
  width: 200px;
  display: inline-block;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-period-selector {
  position: relative;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-period-selector input-date-picker {
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-period-selector span {
  margin: 0 15px;
  vertical-align: middle;
  line-height: 34px;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-period-selector p {
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px;
  font-weight: 600;
}
.inv-payrollPH .inv-payrollPH-heading .inv-payrollPH-period-selector p span {
  color: #999;
  font-weight: 200;
  margin: 0;
}
.inv-payrollPH .inv-payrollPH-summary-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box:first-child {
  margin-left: 0;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box {
  padding: 30px;
  border: solid 1px #ddd;
  background-color: #f9f9f9;
  border-radius: 2px;
  margin-left: 15px;
  width: 100%;
  height: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > .title {
  display: block;
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > p {
  color: #333;
  margin: 0;
  font-size: 12px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > p > span:first-child {
  margin-left: 0;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > p > span {
  color: #999;
  margin: 0 7px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > p.-total {
  font-size: 26px;
  margin-bottom: 5px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box > p.-no-total {
  font-size: 20px;
  margin-bottom: 5px;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box.-link {
  cursor: pointer;
  box-shadow: 0 0 0 #fff;
  background-color: white;
  transition: all 0.25s;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box.-link:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-color: white;
}
.inv-payrollPH .inv-payrollPH-summary-details .inv-payrollPH-detail-box.-link:active {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.inv-manageWorkEdit .inv-manageWorkEdit-rateType .manage-editCol radio-btn {
  display: inline-block;
}
.inv-overtime-checkboxRight {
  width: 150px;
  float: right;
}
i.tableIcon {
  left: 16px;
  top: 2px;
}
i.titleIcon {
  margin-left: 2px;
  margin-right: 5px;
  line-height: 34px;
}
.oncost-rateInput-tableCol {
  width: 80%;
  margin-top: 8px;
}
.oncost-rateInput {
  float: left;
  width: 30%;
}
.oncost-rateDropDown {
  width: 40% !important;
  left: -1px;
}
.oncost-rateDropDown .dropdown > button {
  width: 100% !important;
}
.sp-replacer {
  border: none !important;
  border-radius: 2px;
  width: 34px;
  height: 34px;
  padding: 0 !important;
}
.sp-preview {
  border: none !important;
  margin: 0;
  width: 100% !important;
  height: 100% !important;
}
.sp-container {
  border: 1px solid #cccccc !important;
  border-radius: 2px;
}
.sp-palette-container {
  background-color: #FFFFFF;
}
.manage-itemTable .manage-itemRow.-headerRow .manage-itemCol.-userRole {
  padding-left: 35px;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userName {
  width: calc(40% - 70px);
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userName > .pendingIcon {
  margin: 2px;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userRole {
  display: flex;
  align-items: center;
  width: 30%;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userRole access-icon {
  min-width: 10px;
  min-height: 16px;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userRole > span.userRoleType {
  color: #999;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userEmail {
  display: flex;
  align-items: center;
  width: 30%;
}
.manage-itemTable .manage-itemRow .manage-itemCol.-userEmail > span.emailAddress {
  color: #999;
}
.manage-editUser {
  /*id*/
  /*inherited*/
}
.manage-editUser .has-feedback .form-control {
  padding-right: 30px;
}
.manage-editUser .form-group {
  width: 200px;
}
.manage-editUser .AddEditContainer {
  border-color: #efefef;
  margin-top: 0;
}
.manage-editUser .title {
  margin-bottom: 5px;
  padding-left: 15px;
  height: 50px;
  line-height: 50px;
}
.manage-editUser .inv-table-responsive {
  margin-bottom: 0;
}
.manage-editUser .table-responsive {
  overflow-x: visible;
}
.manage-editUser .table-group {
  width: 13.5%;
  float: left;
}
.manage-editUser .project-table-header {
  margin-top: 10px;
  text-align: left;
  padding-left: 15px;
}
.manage-editUser .project-table-cell {
  height: 50px;
  padding: 17px 0 0 15px;
  border-bottom: 1px solid #efefef;
  background-color: white;
}
.manage-editUser .project-table-cell-active {
  height: 50px;
  padding: 17px 0 0 2%;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #fcfcfc;
}
.manage-editUser .project-table-cell-detail {
  font-size: 12px;
  text-align: left;
}
.manage-editUser .project-editDiv-budgetDiv-input {
  margin: 0 4px 0 0;
  width: 9%;
  float: left;
  text-align: center;
}
.manage-editUser .project-editDiv-rateDiv-header {
  margin-top: 5px;
  float: left;
}
.manage-editUser .project-editDiv-rateDiv-group {
  margin-bottom: 10px;
}
.manage-editUser .table-headerRow {
  background-color: #efefef;
}
.manage-editUser .table-cellRow {
  background-color: white;
  display: flex;
}
.manage-editUser #project-table-headerRow {
  background-color: #efefef;
}
.manage-editUser #project-table-cellRow {
  background-color: white;
}
.manage-editUser #project-editDiv {
  background-color: #fcfcfc;
  border-bottom: solid 1px #e6e6e6;
  padding: 85px 0 0 35px;
}
.manage-editUser #project-editDiv-budgetDiv {
  width: 70%;
  float: left;
  padding: 15px 0 0 3%;
}
.manage-editUser #inputFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.manage-editUser h5 {
  margin-top: 0;
}
.manage-editUser #listSelector input {
  height: 34px;
}
.manage-editUser .inv-proj-list {
  width: 350px;
}
.manage-editUser .inv-proj-list > li {
  padding: 0 15px;
  cursor: pointer;
  line-height: 28px;
  font-size: 12px;
}
.manage-editUser .inv-proj-list > li:hover {
  background-color: #eee;
}
.manage-editUser .inv-placements-add-button {
  width: 34px;
  height: 34px;
  font-size: 16px !important;
  float: left;
  padding: 0;
}
.manage-editUser .AddEditContainer div .row {
  width: 100%;
}
.manage-editUser .users-roleSection {
  width: 100%;
  padding-left: 20px;
}
.manage-editUser .users-roleSection h4 {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 10px;
}
.manage-editUser .users-roleSection .row {
  width: 100% !important;
}
.manage-editUser .users-taxSection {
  padding: 20px 0 0 0;
}
.manage-editUser .users-taxSection inv-drop-down button span:first-child {
  width: calc(100% - 35px) !important;
}
.manage-editUser .users-taxSection .inputOption .pendingIcon {
  right: 7px;
}
.manage-editUser .users-taxSection .checkboxOption .pendingIcon {
  right: 40px;
}
.manage-editUser .users-taxSection .col-md-10 {
  padding-right: 10px !important;
}
.manage-editUser .users-taxSection-container {
  display: flex;
  width: 100%;
}
.manage-editUser .users-taxSection-sub-container {
  width: calc(100% / 3);
  max-width: calc(100% / 3);
  padding: 0 20px;
}
.manage-editUser .users-taxSection-sub-container list-drop-down {
  width: 100%;
}
.manage-editUser .users-taxSection-sub-container list-drop-down button {
  width: 100%;
}
.manage-editUser .users-taxSection-sub-container-ird {
  width: 50%;
  max-width: 50%;
}
.manage-editUser .showTaxText {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.manage-editUser .showTaxText > button {
  display: flex;
  align-items: center;
}
.manage-editUser .showTaxText .ion {
  top: 1px;
  font-size: 14px;
  margin-left: 7px;
}
.manage-editUser .taxOption radio-btn {
  position: absolute;
  top: 32px;
  left: 0;
}
.manage-editUser .invEdit-row .invEdit-col access-icon,
.manage-editUser .invEdit-row .invEdit-col .-registeredEmail {
  margin-right: 30px;
}
.manage-editUser .orSpan {
  color: #999;
  background-color: #fbfbfb;
  padding: 10px 15px 10px 5px;
  position: relative;
  top: 11px;
}
.manage-editUser .users-taxSection-sub-container:nth-child(2) {
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;
}
.manage-editUser .users-taxSection-sub-container-ird:nth-child(2) {
  padding-left: 20px;
  margin-left: 20px;
  border-left: solid 1px #eee;
}
.manage-editUser .users-taxSection-sub-container .row > div,
.manage-editUser .useres-taxSection-sub-container-ird .row > div {
  padding: 0;
}
.manage-editUser .users-taxSection-sub-container .row > div button,
.manage-editUser .users-taxSection-sub-container-ird .row > div button {
  float: right;
  margin-right: 0;
}
.manage-editUser .users-taxSection-sub-container label,
.manage-editUser .users-taxSection-sub-container-ird label {
  line-height: 20px;
  transition: all 0.25s;
}
.manage-editUser .users-taxSection-sub-container-ird .manage-editCol .pendingIcon {
  right: 35px;
}
.manage-editUser .AddEditContainer .users-taxSection-container > div {
  width: 50%;
}
.manage-editUser #detailContainer {
  position: relative;
}
.manage-editUser .table-cellRow > div {
  /*Overflow text for table items*/
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.manage-editUser .inv-account-detailChange {
  left: -10px;
  top: 5px;
  position: relative;
  color: #5BA079;
  line-height: 17px;
  margin-right: 0;
  text-align: right;
  pointer-events: none;
}
.manage-editUser .inv-account-detailChange .pendingIcon {
  top: 3px;
}
.manage-editUser .manage-editCol {
  overflow: visible;
}
.manage-editUser .manage-editCol > input {
  padding-left: 10px;
}
.manage-editUser .manage-editCol .inv-whatsThis {
  position: relative;
  margin-left: 5px;
  margin-top: -2px;
  transform: none;
}
.manage-editUser .manage-editCol .pendingIcon {
  position: absolute;
  right: 22px;
  top: 9px;
}
.manage-editUser .manage-editCol .subField {
  border-left: solid 2px #ddd;
  padding-left: 10px;
}
.manage-editUser .tabPendingIcon {
  pointer-events: none;
  padding: 0;
  height: 6px;
  width: 6px;
  top: -1px;
  left: -5px;
  margin-right: 5px;
}
.manage-editUser .disableOption {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
}
.manage-editUser .inv-containerLoading {
  opacity: 0;
  pointer-events: none;
}
.manage-editUser .inv-employee-emptyTableRow {
  width: 100%;
  height: 100px;
  position: relative;
}
.manage-editUser .meu-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.manage-editUser .meu-header .meu-headerDetails h2 {
  display: block;
  padding: 0;
}
.manage-editUser .meu-header .meu-headerAccess .-registeredEmail {
  position: relative;
}
.manage-editUser .meu-header .meu-headerAccess .btn-link {
  height: 20px;
  padding: 0;
}
.manage-editUser .meu-header .meu-headerDetails,
.manage-editUser .meu-header .meu-headerAccess {
  display: flex;
  align-items: center;
}
.manage-editUser .meu-header .meu-headerDetails > *:not(:first-child),
.manage-editUser .meu-header .meu-headerAccess > *:not(:first-child) {
  margin-left: 10px;
}
.manage-editUser .inv-employee-timeInput {
  width: 100px;
  border: solid 1px #ddd;
  border-radius: 2px;
  font-size: 12px;
  padding: 5px 5px 5px 10px;
  min-height: 34px;
  height: 34px;
  -webkit-appearance: none !important;
}
.invEdit-content.-manageSettings .invEdit-row .invEdit-col .inv-domain {
  width: 100%;
  padding: 6px 12px;
  color: #333;
  border: solid 1px #ddd;
  height: 34px;
  background-color: #f4f4f4;
  line-height: 1.6;
  border-radius: 2px;
  cursor: text;
  transition: all 0.25s;
}
.invEdit-content.-manageSettings .slim {
  border-radius: 2px;
  width: 100%;
}
.invEdit-content.-manageSettings .slim-btn {
  width: 25px;
  height: 25px;
}
.invEdit-content.-manageSettings .slim-btn-group {
  padding: 0;
  bottom: 10px !important;
}
.invEdit-content.-manageSettings .slim-popover {
  background-color: rgba(0, 0, 0, 0.9);
}
.invEdit-content.-manageSettings .slim-image-editor .slim-editor-btn-group button {
  border: none;
  bottom: 80px;
  margin: 0 -115px;
  min-width: 100px;
  height: 34px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 12px;
  transition: background-color 0.25s, border-color 0.25s;
  -webkit-transition: background-color 0.25s, border-color 0.25s;
  -moz-transition: background-color 0.25s, border-color 0.25s;
}
.invEdit-content.-manageSettings .slim-btn-cancel {
  background-color: #f4f4f4 !important;
  color: #333 !important;
  border-radius: 2px;
}
.invEdit-content.-manageSettings .slim-btn-confirm {
  background-color: #5eb22e !important;
  border-radius: 2px;
}
.invEdit-content.-manageSettings .slim-btn-confirm:hover {
  background-color: #549e29 !important;
  border-color: #549e29 !important;
}
.invEdit-content.-manageSettings .slim-btn-rotate {
  display: none;
}
.invEdit-content.-manageSettings .slim-image-editor .slim-editor-btn-group button:active {
  padding: 0 25px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.invEdit-content.-manageSettings .slim-container {
  width: 500px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.manage-itemTable.-inv-manageUac .manage-itemRow.-headerRow table-col-header:last-child {
  padding-right: 75px;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol {
  height: 66px;
  cursor: default;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) .-nameAndBadges {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) .-nameAndBadges .-name {
  font-weight: 700;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) .-nameAndBadges .btn-link {
  padding: 0;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) .-nameAndBadges access-badge {
  margin-left: 10px;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(1) .-email {
  margin-left: 0;
  color: var(--app-color-grey-dark);
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(2) {
  justify-content: flex-end;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(2) .-resendInvite {
  margin-right: auto;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(2) .-lastSignedIn {
  color: var(--app-color-grey-very-dark);
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(2) list-drop-down {
  margin-left: 20px;
}
.manage-itemTable.-inv-manageUac .manage-itemRowScrollContainer .manage-itemRowContainer .manage-itemRow .manage-itemCol:nth-child(2) list-drop-down > div > button {
  border: none;
  background-color: transparent;
  color: var(--app-color-grey-very-dark);
}
.addStepDropdown button,
.addFieldDropdown button {
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 16px;
}
.addStepDropdown ul,
.addFieldDropdown ul {
  width: 200px;
}
.addStepDropdown ul li,
.addFieldDropdown ul li {
  padding-left: 10px;
  cursor: pointer;
  font-size: 12px;
}
.addStepDropdown ul li:hover,
.addFieldDropdown ul li:hover {
  background-color: #eee;
}
.addStepDropdown ul li.divider,
.addFieldDropdown ul li.divider {
  margin: 4px 0;
}
.onboardStep-outerContainer {
  width: 100%;
  overflow: hidden;
  border: solid 1px #ddd;
  border-radius: 2px;
  margin-bottom: 5px;
  position: relative;
}
.onboardStep-outerContainer > .onboardStep-number {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  border-right: solid 1px #ddd;
  float: left;
  background-color: #f4f4f4;
  transition: 0.25s ease-in;
}
.onboardStep-outerContainer > .onboardStep-number > div {
  width: 29px;
  height: 80px;
  line-height: 75px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer {
  padding: 9px 0 20px 0;
  float: left;
  margin-left: 30px;
  border-left: 0 !important;
  width: calc(100% - 30px);
  background-color: #fff;
  overflow: hidden;
  transition: 0.25s ease-in;
}
.onboardStep-outerContainer > .onboardStep-innerContainer.selected {
  background-color: #f9f9f9;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header {
  width: 100%;
  height: 50px;
  font-size: 14px;
  padding: 0 15px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > * {
  height: 50px;
  padding: 0;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 {
  line-height: 25px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 > div:first-child {
  color: #999;
  padding-left: 5px;
  font-size: 12px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 > div:first-child > span {
  color: #d9534f;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  transition: all 0.25s;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 > div input:last-child {
  font-weight: 400;
  border: solid 1px #fff;
  transition: 0.15s ease-in;
  box-shadow: none;
  height: 34px;
  font-size: 14px !important;
  padding-left: 27px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 > div input:last-child:hover {
  border: solid 1px #ddd;
  box-shadow: none;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-8 > div input:last-child:focus {
  outline: auto 5px #4d90fe;
  border: solid 1px #4d90fe;
  box-shadow: none;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-1 span {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .header > .col-sm-1 span:hover {
  color: #777777;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents {
  width: 100%;
  height: 0;
  transition: 0.25s ease-in;
  overflow: hidden;
  padding: 20px 15px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents .contentsInner {
  background-color: #F9F9F9;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ddd;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow {
  width: 100%;
  height: 0;
  transition: 0.25s ease-in;
  overflow: hidden;
  padding: 0 15px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow button {
  height: 34px;
  margin-left: 5px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow .stepRequired {
  padding-top: 5px;
  float: left;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow .stepRequired label {
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow .stepRequired button {
  height: 20px;
  width: 20px;
  padding: 0;
  float: left;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .buttonsRow .stepRequired div {
  height: 22px;
  line-height: 22px;
  float: left;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .manageStepDescription {
  width: 100%;
  text-align: center;
  line-height: 25px;
  color: #999;
  font-size: 14px;
  font-weight: 200;
  padding: 25px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .manageStepDescription.autoHeight {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .manageStepDescription.noBottomPadding {
  padding-bottom: 0;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .videoInputContainer,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkInputContainer {
  width: 100%;
  padding: 25px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .videoInputContainer > div,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkInputContainer > div {
  width: 100%;
  height: 34px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .videoInputContainer > div > input,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkInputContainer > div > input {
  width: calc(100% - 107px);
  float: left;
  margin-right: 7px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .videoInputContainer > div > button,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkInputContainer > div > button {
  width: 100px;
  float: left;
  height: 34px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer {
  height: 240px;
  width: calc(100% - 90px);
  margin: 20px 45px 10px 45px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 2px;
  overflow: auto;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer .fileItem {
  width: 100%;
  height: 35px;
  line-height: 34px;
  padding: 0 20px;
  background-color: #fff;
  border-bottom: solid 1px #ddd;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer .fileItem > span {
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer .fileItem > span:hover {
  color: #00ADEF;
  text-decoration: underline;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer .fileItem > i {
  float: right;
  line-height: 35px;
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileListContainer .fileItem > i:hover {
  color: #D32F2F;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .uploadFileLabel label {
  background-color: #5eb22e;
  border-radius: 2px;
  color: #fff;
  padding: 6px 20px;
  height: 34px;
  line-height: 22px;
  cursor: pointer;
  margin-right: 45px;
  float: right;
  transition: all 0.25s;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .uploadFileLabel label:hover {
  background-color: #549e29;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .onboardFileUpload {
  display: none;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileToUploadContainer {
  padding: 25px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileToUploadContainer .fileNameContainer {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileToUploadContainer .fileNameContainer .fileName {
  float: left;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .fileToUploadContainer .fileNameContainer button {
  float: right;
  margin-left: 5px;
  height: 34px;
  padding: 6px 20px;
  min-width: 100px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer {
  width: 100%;
  padding: 25px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer a,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer a {
  font-size: 14px;
  display: inline;
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer .signatureRequired,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer .signatureRequired {
  float: right;
  font-size: 14px;
  cursor: pointer;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer .signatureRequired button,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer .signatureRequired button {
  height: 20px;
  width: 20px;
  padding: 0;
  display: inline;
  margin-top: -3px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer .signatureRequired div,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer .signatureRequired div {
  display: inline;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .linkBtnContainer .signatureDescription,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileContainer .signatureDescription {
  margin-top: 5px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .selectedFileDescription {
  width: 100%;
  padding: 0 25px 15px 25px;
  height: 75px;
  line-height: 20px;
  overflow-y: auto;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer {
  width: calc(100% - 90px);
  height: 300px;
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #FFFFFF;
  margin: 20px 45px 10px 45px;
  overflow: auto;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField {
  width: 100%;
  height: 40px;
  border-radius: 2px;
  background-color: #f9f9f9;
  border: solid 1px #ddd;
  line-height: 30px;
  margin-bottom: 5px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField .customField,
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField .presetField {
  height: 38px;
  line-height: 38px;
  padding-left: 2px;
  width: 80%;
  float: left;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField .customField > input {
  margin-top: 2px;
  height: 34px;
  background-color: #fff;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField .presetField {
  padding-left: 15px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .formFieldsContainer .formField i {
  line-height: 38px;
  text-align: right;
  cursor: pointer;
  float: right;
  padding-right: 20px;
}
.onboardStep-outerContainer > .onboardStep-innerContainer > .contents > .contentsInner .addFieldDropdown {
  margin-left: 45px;
}
onboard-user-step-checkbox,
onboard-user-step-download,
onboard-user-step-upload,
onboard-user-step-link,
onboard-user-step-form,
onboard-user-step-video,
onboard-user-step-ato {
  overflow: hidden;
  display: block;
}
#onboard-userStepOuterContainer {
  width: 100%;
  min-height: 420px;
  position: relative;
  margin-bottom: 30px;
}
#onboard-userStepOuterContainer .onboard-userStepInnerContainer,
#onboard-userStepOuterContainer .onboard-welcome,
#onboard-userStepOuterContainer .onboard-complete {
  min-height: 420px;
  position: absolute;
  left: 0;
  transition: 0.3s ease-in;
}
#onboard-userStepOuterContainer .onboard-welcome,
#onboard-userStepOuterContainer .onboard-complete {
  text-align: center;
  padding-top: 0;
}
#onboard-userStepOuterContainer .onboard-welcome .onboardCompleteBtn,
#onboard-userStepOuterContainer .onboard-complete .onboardCompleteBtn {
  margin: 30px auto;
  float: none;
  display: block;
}
#onboard-userStepOuterContainer .onboard-welcome img,
#onboard-userStepOuterContainer .onboard-complete img {
  max-width: 250px;
}
#onboard-userStepOuterContainer .onboard-welcome h1,
#onboard-userStepOuterContainer .onboard-complete h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 200;
  margin: 10px 0 20px 0;
  color: #5BA079;
}
#onboard-userStepOuterContainer .onboard-welcome h1 span,
#onboard-userStepOuterContainer .onboard-complete h1 span {
  color: #333;
}
#onboard-userStepOuterContainer .onboard-welcome p,
#onboard-userStepOuterContainer .onboard-complete p {
  line-height: 19px;
}
#onboard-userStepOuterContainer .onboard-welcome button,
#onboard-userStepOuterContainer .onboard-complete button {
  height: 34px;
  padding: 6px 20px;
  min-width: 100px;
}
#onboard-userStepOuterContainer .onboard-welcome .requiredStepsIncomplete,
#onboard-userStepOuterContainer .onboard-complete .requiredStepsIncomplete {
  width: 600px;
  margin: 0 auto;
}
#onboard-userStepOuterContainer .onboard-welcome .requiredStepsIncomplete > h3,
#onboard-userStepOuterContainer .onboard-complete .requiredStepsIncomplete > h3 {
  margin: 20px 0;
}
#onboard-userStepOuterContainer .onboard-welcome .requiredStepsIncomplete > div,
#onboard-userStepOuterContainer .onboard-complete .requiredStepsIncomplete > div {
  margin-bottom: 15px;
  line-height: 28px;
  font-size: 14px;
  text-align: left;
}
#onboard-userStepOuterContainer .onboard-userStepInnerContainer {
  opacity: 0;
}
.onboard-stepCount-container {
  width: 100%;
  height: 102px;
}
.onboard-stepCount-container > .stepNavButtons {
  height: 40px;
  overflow: hidden;
  margin: 31px 0;
  padding: 3px 0;
  float: left;
}
.onboard-stepCount-container > .stepNavButtons > button {
  min-width: 80px;
  height: 34px;
  float: left;
  padding: 6px 20px;
  margin-right: 10px;
}
.onboard-stepCount-container > .stepProgress {
  float: right;
  width: 250px;
  height: 73px;
  margin: 13px 0;
  padding-top: 10px;
  transition: 0.2s ease-in;
}
.onboard-stepCount-container > .stepProgress > .stepCount {
  height: 40px;
  line-height: 40px;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
}
.onboard-stepCount-container > .stepProgress > .progress {
  margin: 0;
  height: 5px;
  box-shadow: none;
}
.onboard-stepCount-container > .stepProgress > .progress div {
  box-shadow: none;
}
.onboard-stepCount-container .onboard-step-count {
  padding: 20px 0;
  width: 70%;
  margin: 0 auto;
  height: 115px;
}
.onboard-stepCount-container .onboard-step-count p {
  color: #999;
}
.onboard-stepCount-container .onboard-step-count button {
  height: 100%;
}
.onboard-stepCount-container .onboard-step-count .onboard-step-holder {
  float: left;
  padding: 14px 30px;
  width: calc(100% - 72px);
}
.onboard-stepCount-container .onboard-step-count .progress {
  height: 4px;
  background-color: #fff;
  box-shadow: none;
}
.onboard-stepCount-container .onboard-step-count .progress-bar-success {
  background-color: #5eb22e;
  box-shadow: none;
}
.onboardingCompleteView {
  padding-top: 200px;
}
.onboardingCompleteView img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.onboardingCompleteView h1 {
  text-align: center;
}
.onboard-step-container {
  position: relative;
  display: block;
  padding: 40px 0;
}
.onboard-step-container .stepCompleteTag {
  width: 26px;
  height: 26px;
  border: 1px solid #5eb22e;
  border-radius: 13px;
  color: #5eb22e;
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
  float: left;
}
.onboard-step-container .stepCompleteTag > i {
  height: 24px;
  line-height: 24px;
  margin-top: 2px;
}
.onboard-step-container > p {
  color: #999;
  font-size: 14px;
}
.onboard-step-container > p > img {
  height: 24px;
  width: 24px;
  margin-left: 20px;
}
.onboard-step-container h1 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 200;
  margin: 10px 0;
}
.onboard-step-container .nextStep {
  min-width: 100px;
  height: 34px;
  padding: 6px 20px;
}
.onboard-step-container .onboard-step-content {
  opacity: 1;
}
.onboard-step-container .onboard-step-content.loadingContent {
  opacity: 0.6;
}
.onboard-step-container .onboard-step-content .onboardFileUpload {
  display: none;
}
.onboard-step-container .onboard-step-content check-box {
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.onboard-step-container .onboard-step-content .onboard-step-signature {
  padding: 15px 0px;
}
.onboard-step-container .onboard-step-content .onboard-step-signature check-box {
  top: 0;
  margin-left: 0;
}
.onboard-step-container .onboard-step-content .onboard-step-signature p {
  display: inline;
  font-size: 18px;
  color: #999;
  position: relative;
  top: 3px;
}
.onboard-step-container .onboard-step-content .onboard-step-signature p span {
  min-width: 100px;
  border-bottom: 1px solid #999;
  color: #000;
  display: inline-block;
  margin: 0 5px;
  font-family: 'Homemade Apple', cursive;
}
.onboard-step-container .onboard-step-content .onboard-download-text {
  color: #00adef;
  transition: all 0.25s;
  font-size: 20px;
}
.onboard-step-container .onboard-step-content .onboard-download-text a {
  color: #00adef;
}
.onboard-step-container .onboard-step-content .onboard-download-text a:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #008fb7;
}
.onboard-step-container .onboard-step-content .onboard-download-text:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #008fb7;
}
.onboard-step-container .onboard-step-content .onboard-download-text .ion-ios-cloud-download,
.onboard-step-container .onboard-step-content .onboard-download-text .ion-link,
.onboard-step-container .onboard-step-content .onboard-download-text .ion-ios-cloud-upload {
  font-size: 25px;
  top: 4px;
  margin-right: 10px;
}
.onboard-step-container .onboard-step-content .onboard-download-fileDescription {
  width: 100%;
  height: auto;
  padding: 20px 0 20px 35px;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.onboard-step-container .onboard-step-content .onbord-form-field {
  margin-top: 25px;
  padding-left: 5px;
}
.onboard-step-container .onboard-step-content .onbord-form-field h4 {
  font-weight: 600;
  color: #999;
}
.onboard-step-container .onboard-step-content .onbord-form-field .onboard-form-list-drop-down-container {
  height: 34px;
}
.onboard-step-container .onboard-step-content .onbord-form-field .onboard-form-field-date > div {
  width: unset !important;
}
.onboard-step-container .onboard-step-content .onbord-form-field .onboard-form-field-date > div i {
  width: 50px;
}
.onboard-step-container .onboard-step-content .onbord-form-field .onboard-form-field-date > div input {
  width: 450px;
  font-size: 16px !important;
}
.onboard-step-container .onboard-step-content .onbord-form-field input {
  width: 500px;
  height: 50px;
  border-radius: 2px;
  padding: 4px 12px;
  border: solid 1px #ddd;
  font-size: 16px;
}
.onboard-step-container .onboard-step-content .onboard-uploadFileName {
  margin: 15px 0;
  font-size: 20px;
}
.onboard-step-container .onboard-step-content .onboard-uploadFileName:hover {
  text-decoration: none;
}
.onboard-step-container .onboard-step-content .onboard-uploadFileName > span:hover {
  text-decoration: underline;
}
.onboard-step-container .onboard-step-content .onboard-uploadFileName .ion-ios-close-empty {
  color: #333;
  margin-left: 15px;
  top: 2px;
  font-size: 20px;
}
.onboard-step-container .onboard-step-content .onboard-uploadFileName .ion-ios-close-empty:hover {
  color: #b22e2e;
}
.onboard-step-container .onboard-step-content .onboard-video-container {
  margin-top: 10px;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.onboard-step-container .onboard-step-content .onboard-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboard-step-container .onboard-step-button {
  margin-top: 30px;
  height: 34px;
  width: 100%;
}
.atoMoreInfoLink {
  font-size: 16px;
}
.onboard-atoContainer {
  width: 100%;
  padding: 10px;
  margin-top: 15px;
}
.onboard-atoContainer .atoSectionHeader {
  width: 100%;
  min-height: 30px;
  height: auto;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 600;
  padding-left: 10px;
  font-size: 13px;
}
.onboard-atoContainer .atoSection {
  overflow: hidden;
  width: 100%;
  background-color: #F9F9F9;
  border-radius: 2px;
  border: solid 1px #DDDDDD;
  margin-bottom: 15px;
  padding: 15px;
}
.onboard-atoContainer .atoSection .sectionRow {
  width: 100%;
  height: 34px;
  margin-top: 10px;
}
.onboard-atoContainer .atoSection .sectionRow.paragraphRow {
  min-height: 34px;
  height: auto;
}
.onboard-atoContainer .atoSection .sectionRow.tallRow {
  height: 55px;
}
.onboard-atoContainer .atoSection .sectionRow.tallRow .rowHeader {
  height: 16px;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 5px;
}
.onboard-atoContainer .atoSection .sectionRow > input {
  width: 50%;
  box-shadow: none;
}
.onboard-atoContainer .atoSection .sectionRow > * {
  float: left;
}
.onboard-atoContainer .atoSection .sectionRow > check-box {
  margin-left: 0;
  top: 0;
  bottom: 0;
}
.onboard-atoContainer .atoSection .sectionRow > check-box button {
  margin: 0;
}
.onboard-atoContainer .atoSection .sectionRow > check-box[small-button] {
  margin-top: 7px;
}
.onboard-atoContainer .atoSection .sectionRow > span {
  height: 34px;
  line-height: 34px;
  margin: 0 10px;
}
.onboard-atoContainer .atoSection .sectionRow > list-drop-down {
  width: 300px;
}
.onboard-atoContainer .atoSection .sectionRow:first-child {
  margin-top: 0;
}
.onboard-atoContainer .atoSection .sectionRow .tfnInput {
  width: 60px;
  float: left;
  margin-right: 5px;
}
.onboard-atoContainer .atoSection .sectionText {
  width: 80%;
  margin: 5px 0;
}
.onboard-atoContainer .atoSection.atoTaxResident .sectionRow:first-child span:not(:nth-child(2)) {
  margin: 0;
}
.onboard-atoContainer .atoSection.atoTaxResident .sectionRow:first-child span:nth-child(2) {
  margin: 0 3px;
}
.onboardStep-innerContainer .onboard-complete-tick .ion-ios-checkmark-empty {
  transform: translateY(-50%);
  right: 18px;
  top: calc(50% + 10px);
  position: absolute;
}
.onboardStep-innerContainer .onboard-complete-tick .ion-ios-checkmark-empty::before {
  font-size: 35px;
}
.onboardStep-innerContainer .onboard-form-complete-tick .ion-ios-checkmark-empty {
  transform: translateY(-25%);
  left: 13px;
  position: absolute;
  cursor: default;
}
.onboardStep-innerContainer .onboard-form-complete-tick .ion-ios-checkmark-empty::before {
  font-size: 35px;
}
.onboardStep-innerContainer .onboard-form-complete-tick .ion-ios-close-empty {
  transform: translateY(-25%);
  left: 13px;
  position: absolute;
  cursor: default;
}
.onboardStep-innerContainer .onboard-form-complete-tick .ion-ios-close-empty::before {
  font-size: 35px;
}
.nzTax-field {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
}
.nzTax-field .nzTax-field-label {
  color: #999;
  font-weight: 600;
}
.atoModal-innerContainer {
  max-height: 600px;
  overflow-y: auto;
}
.atoModal-innerContainer > .atoModal-questionRow {
  width: 100%;
  min-height: 24px;
  line-height: 24px;
  font-weight: 600;
  padding-left: 10px;
}
.atoModal-innerContainer > .atoModal-answerRow {
  width: 100%;
  min-height: 15px;
  height: auto;
  margin-bottom: 25px;
  padding-left: 10px;
  padding-bottom: 25px;
  font-size: 14px;
  border-bottom: solid 1px #eee;
}
.atoModal-innerContainer > .atoModal-answerRow .noAnswer {
  color: #9E9E9E;
}
.signature-description {
  color: #999;
  position: relative;
  font-style: italic;
  font-size: 12px;
}
onboard-step-answer .onboardStep-stepAnswer-formAnswer {
  line-height: 20px;
}
.inv-main-container.-onboard-view {
  overflow-x: hidden;
}
.reportLabel {
  height: 22px;
  line-height: 22px;
  color: #fafafa;
  border-radius: 2px;
  font-size: 10px;
  float: left;
  margin: 2px 5px 2px 0;
  padding: 0 10px;
}
.reportLabel > div {
  color: #fafafa !important;
  top: 0;
  bottom: 0;
  height: 22px;
  line-height: 22px;
  float: left;
}
.reportLabel > div.glyphicon {
  margin-left: 10px;
}
.reportLabel > div.glyphicon:hover {
  color: #EEEEEE !important;
}
.addReport .btn-success {
  width: 105px !important;
  float: left;
}
.addReport > ul {
  overflow: hidden;
}
.addReport > ul > li {
  cursor: pointer;
  font-size: 12px;
}
.rpDash-table .tableRow .col:nth-child(2) label-panel {
  margin-top: 4px;
  float: left;
  width: 40%;
}
.rprtSettings-inputRow {
  width: 100%;
  height: 34px;
  margin-bottom: 15px;
}
.rprtSettings-inputLabel {
  width: 90px;
  height: 100%;
  float: left;
  line-height: 34px;
}
.rprtSettings-input {
  width: calc(100% - 90px);
  height: 100%;
  float: left;
}
.rpBuild-settingsToggleBtn {
  float: left;
  width: 34px;
  height: 74px;
  margin: 20px 0;
  background-color: #FFFFFF !important;
  border-radius: 2px 0 0 2px !important;
  border-color: #dddddd !important;
  top: 0;
  bottom: 0;
  font-size: 12px !important;
}
.rpBuild-header {
  width: calc(100% - 34px);
  height: 74px;
  padding: 19px 15px;
  float: left;
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
  border-radius: 0 2px 2px 0;
  margin: 20px 0;
  border-left: none;
  position: relative;
  display: table;
}
.rpBuild-header > .headerInputContainer {
  width: 335px;
  height: 34px;
  float: left;
}
.rpBuild-header > .headerInputContainer > .reportName {
  width: 200px;
  float: left;
  height: 34px;
}
.rpBuild-header > .headerInputContainer > .labelAdd {
  float: left;
  width: 120px;
  background-color: #FFFFFF;
  margin: 0 0 0 5px;
}
.rpBuild-header label-panel {
  width: calc(100% - 335px - 337px);
  float: left;
  margin-top: 6px;
}
.rpBuild-header > .headerButtonContainer {
  width: 337px;
  height: 34px;
  float: right;
}
.rpBuild-header > .headerButtonContainer > .reportLoadingIcon {
  height: 26px;
  width: 26px;
  float: left;
  margin: 4px;
}
.rpBuild-header > .headerButtonContainer button {
  top: 0;
  bottom: 0;
  height: 34px;
  margin: 0 3px !important;
}
.rpBuild-header > .headerButtonContainer > .reportRefresh {
  width: 34px;
  padding: 6px;
}
.rpBuild-header > .headerButtonContainer > .reportSave {
  width: 100px;
}
.rpBuild-header > .headerButtonContainer > .reportCancel {
  width: 100px;
}
.rpBuild-header > .headerButtonContainer > .burgerBtn {
  width: 40px;
}
.rpBuild-header > .headerButtonContainer > .burgerBtn > button {
  height: 34px;
  width: 34px;
  padding: 6px 9px 6px 9px;
}
.deleteReport:hover {
  background-color: #d9534f !important;
}
.rpBuild-Container {
  padding: 10px 0 10px 0;
  height: calc(100vh - 294px);
  width: 100%;
  clear: both;
  margin-bottom: 30px;
}
.rpBuild-Container > .rpBuild-settingsContainer {
  height: 100%;
  width: 400px;
  margin-right: 10px;
  float: left;
  -webkit-transition: width 0.3s, margin 0.3s;
  -moz-transition: width 0.3s, margin 0.3s;
  -ms-transition: width 0.3s, margin 0.3s;
  -o-transition: width 0.3s, margin 0.3s;
  transition: width 0.3s, margin 0.3s;
  overflow: hidden;
  position: relative;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settingsTabs {
  height: 41px;
  width: 100%;
  overflow: hidden;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settingsTabs > div {
  width: 50%;
  height: 41px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  float: left;
  line-height: 40px;
  padding: 0 0 0 15px;
  margin: 0 0 0 0;
  font-weight: normal;
  color: #00adef;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.25s;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settingsTabs > div:hover {
  background-color: #fafafa;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settingsTabs .rpBuild-settingsSelectedTab {
  background-color: #f4f4f4 !important;
  border-color: #ddd;
  border-bottom: none !important;
  color: #555;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settings {
  width: 100%;
  height: calc(100% - 41px);
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: none;
  padding: 10px;
}
.rpBuild-Container > .rpBuild-settingsContainer .rpBuild-settings > * {
  -webkit-transition: height 0.3s, padding 0.3s, opacity 0.3s;
  -moz-transition: height 0.3s, padding 0.3s, opacity 0.3s;
  -ms-transition: height 0.3s, padding 0.3s, opacity 0.3s;
  -o-transition: height 0.3s, padding 0.3s, opacity 0.3s;
  transition: height 0.3s, padding 0.3s, opacity 0.3s;
  overflow: hidden;
}
.rpBuild-Container #rpBuild-reportPanel {
  position: relative;
  height: 100%;
  float: left;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  overflow: hidden;
}
.rpBuild-Container #rpBuild-reportPanel #reportChart {
  max-height: calc(100vh - 320px);
}
.rpBuild-Container .rpBuild-footer {
  width: 400px;
  height: 50px;
  padding-top: 11px;
}
.rpBuild-Container .rpBuild-footer > button {
  height: 34px;
  float: left;
  padding: 6px 20px;
}
.rpBuild-Container .rpBuild-footer > div {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 34px;
  line-height: 34px;
  float: right;
  text-align: right;
  padding-right: 10px;
  font-size: 12px;
}
.labelDD-container {
  width: 120px;
  position: relative;
  height: 34px;
}
.labelDD-container > button {
  height: 34px;
  width: 100%;
  background-color: #FFFFFF;
  padding: 6px 12px;
}
.labelDD-container > button > span:first-child {
  float: left;
}
.labelDD-container > button > span:last-child {
  font-size: 10px;
  float: right;
  margin-top: 4px;
}
.labelDD-container .labelDD {
  width: 400px;
  margin: 5px 0 0 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.14902);
  border-radius: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  position: absolute;
  z-index: 100;
  min-height: 20px;
}
.labelDD-container .labelDD > .labelDD-header {
  width: 100%;
  height: 44px;
  padding: 10px 10px 0 10px;
  position: relative;
}
.labelDD-container .labelDD > .labelDD-header > button {
  position: absolute;
  z-index: 30;
  color: #fff;
  width: 24px;
  height: 24px;
  padding: 0;
  top: 15px;
  margin-left: 5px;
  right: 15px;
  font-size: 17px !important;
  float: right;
}
.labelDD-container .labelDD > .labelDD-header > .ion-ios-search-strong {
  position: absolute;
  font-size: 14px;
  left: 20px;
  top: 17px;
  color: #ccc;
}
.labelDD-container .labelDD > .labelDD-header > .labelDD-search {
  float: left;
  height: 34px;
  width: 100%;
  padding: 0 65px 0 25px;
}
.labelDD-container .labelDD > .labelDD-header > .labelDD-search:focus {
  outline: none;
}
.labelDD-container .labelDD > .labelDD-header > .labelDD-color {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 42px;
  top: 15px;
  z-index: 20;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.labelDD-container .labelDD > .labelDD-header > .labelDD-color > .sp-replacer {
  width: 24px;
  height: 24px;
}
.labelDD-container .labelDD > .labelDD-header > .labelDD-color > .sp-replacer > .sp-dd {
  width: 23px;
  top: 3px;
  font-size: 7px !important;
}
.labelDD-container .labelDD .labelDD-list {
  padding: 10px;
  overflow: hidden;
}
.labelDD-container .labelDD .labelDD-list > .reportLabel {
  height: 22px;
  line-height: 22px;
  color: #fafafa;
  border-radius: 2px;
  float: left;
  margin: 3px;
  padding: 0 10px;
  cursor: pointer;
}
.labelDD-container .labelDD .labelDD-list > .reportLabel:hover {
  color: #fff;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.labelDD-container .labelDD .labelDD-list > .noResults {
  width: 100%;
  padding: 15px;
  color: #999;
  text-align: center;
  font-weight: 200;
  font-size: 12px;
}
.rprtSettings-container {
  height: 100%;
  width: 100%;
  padding: 10px 15px;
}
.dts-colListHeader {
  width: 100%;
  height: 25px;
  margin-bottom: 5px;
  line-height: 25px;
  padding-left: 5px;
  font-weight: bold;
  overflow: hidden;
}
.dts-colListContainer {
  width: 100%;
  height: calc((100% - 49px - 60px) / 2 - 10px);
  border: 1px solid #dddddd;
  border-radius: 2px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.dts-colListContainer::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
}
.dts-colListContainer::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 4px;
}
.dts-colList {
  width: 100%;
  background: url('../assets/reports-tableBackground.svg');
}
.dts-colList .dts-colListItemHeader {
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding-left: 5px;
  background-color: #F5F5F5;
}
.dts-colList .dts-colListItem,
.dts-colList .dts-colListSelectedItem {
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding-left: 15px;
  overflow: hidden;
}
.dts-colList .dts-colListItem .itemRemove,
.dts-colList .dts-colListSelectedItem .itemRemove {
  height: 25px;
  width: 25px;
  float: right;
  margin: -1px 5px 0 0;
  line-height: 25px;
  text-align: center;
}
.dts-colList .dts-colListItem .itemRemove:hover,
.dts-colList .dts-colListSelectedItem .itemRemove:hover {
  color: #D32F2F !important;
}
.dts-colList .dts-colListItem .itemAdd,
.dts-colList .dts-colListSelectedItem .itemAdd {
  height: 25px;
  width: 25px;
  float: right;
  margin: -1px 5px 0 0;
  line-height: 25px;
  text-align: center;
  color: #dddddd;
}
.dts-colList .dts-colListItem .dts-colListItemFunc,
.dts-colList .dts-colListSelectedItem .dts-colListItemFunc {
  height: 21px;
  float: right;
  margin: 2px 10px 0 0;
  width: 85px;
}
.dts-colList .dts-colListItem .dts-colListItemFunc > button,
.dts-colList .dts-colListSelectedItem .dts-colListItemFunc > button {
  height: 21px;
  padding: 2px 21px 2px 12px;
  line-height: 15px;
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.dts-colList .dts-colListItem .dts-colListItemFunc .caret,
.dts-colList .dts-colListSelectedItem .dts-colListItemFunc .caret {
  position: absolute;
  right: 5px;
  top: 7px;
}
.dts-colList .dts-colListItem:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.dts-colList .dts-colListItem:hover > i {
  color: #7CB342;
}
.dts-colListItemFuncItem {
  cursor: pointer;
  font-size: 12px;
  height: 25px;
  padding-left: 15px;
  line-height: 25px;
}
.dts-colListItemFuncItem:hover {
  background-color: #337ab7;
  color: #fafafa;
}
label-panel {
  min-width: 30px;
  height: 22px;
  position: relative;
  display: block;
}
label-panel .lPanel-labelContainer {
  height: 22px;
  width: 100%;
  position: relative;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn {
  width: 22px;
  height: 22px;
  line-height: 22px;
  float: left;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn .ion-more {
  padding: 0;
  height: 22px;
  line-height: 22px;
  width: 22px;
  color: #dcdcdc;
  cursor: pointer;
  text-align: center;
}
label-panel .lPanel-labelContainer .lPanel-dropdownBtn .ion-more:hover {
  color: #bbb;
}
label-panel .lPanel-label {
  height: 22px;
  color: #fff;
  width: auto;
  display: block;
  white-space: nowrap;
  font-size: 10px;
  padding-left: 10px;
  border-radius: 2px;
  margin-right: 5px;
  float: left;
}
label-panel .lPanel-label.mockLabel {
  position: absolute;
  opacity: 0;
}
label-panel .lPanel-label > div {
  line-height: 22px;
  height: 22px;
  float: left;
}
label-panel .lPanel-label > div:nth-child(2) {
  margin: 0 10px;
}
label-panel .extraLabelsHolder {
  position: absolute;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  min-width: 150px;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 2px;
  z-index: 111;
  left: 20px;
  top: 50%;
  transition: all 0.25s;
  visibility: hidden;
  opacity: 0;
  padding: 0 10px 0 15px;
  margin-top: -2px;
}
label-panel .extraLabelsHolder .lPanel-label {
  margin-bottom: 5px;
}
label-panel .extraLabelsHolder::after {
  display: none;
  content: "";
  position: absolute;
  left: 13px;
  top: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
label-panel .extraLabelsHolder::before {
  display: none;
  content: "";
  position: absolute;
  left: 13px;
  top: -11px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
label-panel .extraLabelsHolder.extraLabelsHolder-open {
  visibility: visible;
  opacity: 1;
  padding: 15px 10px 12px 15px;
  margin-top: 18px;
}
.accountView-tabset {
  margin-bottom: 50px;
}
.accountView-tabset .accountView-pendingFieldChange {
  position: absolute;
  right: 0;
  top: -35px;
  color: #5BA079;
  display: flex;
  align-items: center;
}
.accountView-tabset .accountView-pendingFieldChange .pendingIcon {
  margin-right: 5px;
}
.accountView-tabset .accountView-tabBar {
  background-color: #efefef;
  border: solid 1px #ddd;
  height: 10px;
  border-radius: 2px 2px 0 0;
  cursor: default;
  user-select: none;
}
.accountView-tabset .accountView-tabContent {
  border: solid 1px #efefef;
  border-top: none;
  background-color: #fbfbfb;
  border-radius: 2px;
  padding: 30px;
  margin: 0 0 20px 0;
}
.accountView-tabset .accountView-tabContent.-loading {
  opacity: 0.7;
  pointer-events: none;
}
.accountView-tabset .accountView-tabContent .-tfndFormDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.accountView-tabset .accountView-tabContent .row {
  margin-bottom: 10px;
}
.accountView-tabset .accountView-tabContent .row .-divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #efefef;
  margin: 20px 0;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol {
  display: flex;
  align-items: center;
  min-height: 50px;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol > label {
  margin-bottom: 0;
  line-height: 20px;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol > :not(:first-child) {
  margin-left: 10px;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol .pendingIcon {
  position: absolute;
  left: 0;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol input {
  width: 100%;
  position: relative;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol time-input {
  display: block;
  width: 140px;
}
.accountView-tabset .accountView-tabContent .row .manage-editCol list-drop-down button {
  min-width: 180px;
}
.accountView-tabset .accountView-tabContent .row.-or .manage-editCol {
  min-height: 20px;
  padding-left: 22px;
}
account-view-personal {
  display: block;
  width: 100%;
  position: relative;
}
account-view-tax-aus {
  display: block;
  width: 100%;
  position: relative;
}
account-view-tax-nz {
  display: block;
  width: 100%;
  position: relative;
}