@charset "UTF-8";
html, body, #myContent {
  height: 100%;
}

#acknowledgeWrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
#acknowledgeWrapper span {
  color: orange;
  font-weight: bold;
  font-size: 1.1rem;
}

.addressBox, .contactBox {
  padding: 5px;
  border: solid thin #e8e8e8;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}
.addressBox .label, .contactBox .label {
  margin-left: 0 !important;
  width: 119px !important;
}

.agentPinnedNote {
  right: 10px;
  top: 110px;
  bottom: 10px;
  width: 450px;
  height: 340px !important;
  white-space: pre-wrap;
}

.agentSignupMainFlex {
  display: flex;
  gap: 1rem;
}
.agentSignupMainFlex p {
  margin: 0;
}
.agentSignupMainFlex .agentSignupInnerFlex {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  padding: 0.5rem;
  gap: 0.5rem;
}
.agentSignupMainFlex .agentSignupForm {
  text-align: justify;
}
.agentSignupMainFlex .agentSignupForm select, .agentSignupMainFlex .agentSignupForm input {
  padding: 0.5rem !important;
  margin: 0 !important;
  width: calc(100% - 20px);
  box-sizing: content-box;
}

.attachExisting {
  color: #e0e0e0;
}

.attachNew {
  color: #437132;
}

.avatar {
  border-radius: 50%;
  vertical-align: middle;
  padding: 0px !important;
  color: white;
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 19;
}

.subAvatar {
  border-radius: 50%;
  vertical-align: top;
  padding: 0px !important;
  color: white;
  width: 18px;
  height: 18px;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 0;
  margin-left: -10px !important;
}

.avatarsContainer {
  padding: 0 !important;
  margin: 2px;
  vertical-align: middle;
  width: 40px;
  display: inline-block;
}
.avatarsContainer div {
  display: inline-block;
}

body, th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: left;
  margin: 0;
}

body {
  background-color: #f7f7f7;
  text-align: center;
  box-sizing: border-box;
  color: #717171;
}

button {
  border: solid thin #e6e6e6;
  font-size: 13px;
  border-radius: 3px;
  padding: 5px;
  margin: 2px;
}

#allPostsContainer {
  border-radius: 10px;
  padding: 10px;
}

a:link {
  color: #19cdec;
  text-decoration: none;
}

a.uploader {
  margin-left: 10px;
}

.accordHead {
  text-align: left;
  padding: 15px;
  background: #f4f4f4;
  border: solid thin #f2f2f2;
  margin-top: 10px;
  overflow: hidden;
  color: #969696;
  font-size: 20px;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
}
.accordHead:before {
  content: "»";
  font-weight: bold;
  margin-right: 10px;
  vertical-align: middle;
}
.accordHead form {
  display: inline-block;
}

.accordHeadActive {
  background: #23C2D8;
  color: white !important;
}

.accordContent {
  display: none;
  text-align: left;
  overflow: auto;
}
.accordContent .accordContentSection {
  padding: 10px;
  margin: 5px;
  border-radius: 3px;
  border: solid thin #e6e6e6;
}
.accordContent form {
  display: inline-block;
}

.accountsReport div, .accountsReport td {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.action {
  background: #a3729e;
  color: white !important;
  border: solid thin #8b4984 !important;
}
.action:hover {
  background: #9D008D;
}

.active {
  background-color: #e7ffd5 !important;
}

.addNewRow:hover {
  color: #7db72f;
}

.address {
  width: 100px;
}

.addToccEmail {
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  margin: 3px;
  cursor: pointer;
}

.addNotify {
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  margin: 3px;
}
.addNotify input[type=checkbox] {
  width: 15px;
  height: 15px;
}

.adminCC {
  background: #dcffd2;
}

.MPSadminCC {
  background: #fff9d2;
}

.itCC {
  background: #d8d8d8;
}

.financeCC {
  background: #baebff;
}

.intakeCC {
  background: #ffd9ed;
}

.brmCC {
  background: #c7f9ee;
}

.admin .planAllocations {
  display: none;
}
.admin .planAllocations .allocationBar {
  box-sizing: border-box;
  overflow: hidden;
}
.admin .planAllocations .allocationBar .label {
  display: inline;
}

#agencyInvoicesRequested {
  top: 50px;
  left: 100px;
  text-align: left;
  height: calc(100vh - 100px);
  width: auto;
}
#agencyInvoicesRequested #targetTotal {
  font-weight: bold;
  float: right;
  font-size: 36px;
  color: #999;
}
#agencyInvoicesRequested .create {
  margin: 10px;
}
#agencyInvoicesRequested .submit {
  display: none;
}
#agencyInvoicesRequested .liveResults {
  position: fixed;
  left: 10px;
  bottom: 10px;
  color: #999;
  padding: 10px;
  background: #fff;
}
#agencyInvoicesRequested thead th {
  white-space: nowrap;
}
#agencyInvoicesRequested thead th:not(.filler) {
  font-weight: bold;
  cursor: pointer;
}
#agencyInvoicesRequested thead th:not(.filler):hover {
  opacity: 0.7;
}
#agencyInvoicesRequested td {
  margin: 7px;
  padding: 5px;
}

.agentpending {
  background: #ffedcf;
}

.agencyproviders {
  background: #dce4ff !important;
}

.agents {
  background: #f8e7ff !important;
}

.agentCOS {
  background: #f8e7ff;
}

.agentcase-manager {
  background: #ffeafc;
}

.agentparent-guardian {
  background: #d2efff;
}

.agentNDISrep {
  background: #a5ffea;
}

.agentWarningLevel {
  right: 10px;
  top: 50px;
  width: 450px;
}

.agInvoice {
  text-align: left;
}
.agInvoice .label {
  display: inline-block;
}
.agInvoice .info {
  display: inline-block;
  font-size: 20px;
}
.agInvoice .detail {
  display: inline-block;
}
.agInvoice .total {
  display: inline-block;
  width: 100px;
  font-weight: bold;
  font-size: 24px;
}

.allocationForm {
  display: block;
  position: absolute;
  width: 900px;
  left: 50%;
  margin-left: -350px;
}
.allocationForm .closeButton {
  margin: 8px;
}
.allocationForm .editAllocation {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  padding: 20px;
  margin: -5px 0 5px 0;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.allocationForm form {
  display: inline-block;
}

.allserverData {
  background: #ededed;
  border-radius: 3px;
  padding: 10px;
  margin: 10px;
}

.amount {
  width: 90px;
  text-align: right;
}

.budgetRow {
  display: flex;
  align-items: center;
}
.budgetRow .supportItemExclusions {
  color: red;
}

.bulkUpdateFundingPeriodAmountsDialog form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem;
  padding-bottom: 0;
}
.bulkUpdateFundingPeriodAmountsDialog form .titleWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  gap: 0.5rem;
}
.bulkUpdateFundingPeriodAmountsDialog form .budgetName {
  margin-bottom: 5px;
}
.bulkUpdateFundingPeriodAmountsDialog form .inputWrapper {
  display: flex;
  align-items: center;
}
.bulkUpdateFundingPeriodAmountsDialog form .inputWrapper .label {
  width: 190px;
}
.bulkUpdateFundingPeriodAmountsDialog form .inputWrapper input:not(input[type=checkbox]) {
  width: 90px;
}
.bulkUpdateFundingPeriodAmountsDialog form input[type=submit] {
  width: 80px;
}

#bulkUploadTable {
  width: calc(100vw - 100px);
  max-width: 1450px;
  left: 50px;
  top: 50px;
  height: calc(100vh - 100px);
  overflow: auto;
}
#bulkUploadTable table {
  table-layout: fixed;
}
#bulkUploadTable td {
  font-size: 14px;
  padding: 5px;
}

.button {
  box-sizing: border-box;
  display: inline-block;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
  margin-left: 5px;
  border: none;
}

.buttonLink {
  padding: 5px;
  border-radius: 3px;
  border: solid thin #06F;
  margin: 5px;
  display: inline-block;
  text-decoration: none;
}

.blue {
  color: #ffffff;
  border: solid 1px #307BD1;
  background: #0095cd;
  background: -moz-linear-gradient(top, #0353AD, #226FC7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0353AD', endColorstr='#226FC7');
}

.blockLeft {
  text-align: left;
}

.btnContainerPlans {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  gap: 1rem;
  cursor: default;
}
.btnContainerPlans .checkboxContainer {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
}
.btnContainerPlans .checkboxContainer #outerWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.btnContainerPlans .checkboxContainer #outerWrapper #wrapper {
  display: flex;
  flex-direction: column;
}
.btnContainerPlans .checkboxContainer #outerWrapper #wrapper .innerContainers {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.btnContainerPlans .checkboxContainer #outerWrapper #wrapper .innerContainers input {
  cursor: pointer;
}
.btnContainerPlans #coreDailyContainer {
  background-color: #fde4fb;
  margin-left: auto;
}
.btnContainerPlans #coreDailyContainer strong {
  color: #ba25ae;
}
.btnContainerPlans #highIntensityContainer {
  background-color: #e4effd;
}
.btnContainerPlans #highIntensityContainer strong {
  color: #005f8b;
}

.budgetInvoiceItemsDialog .tableWrapper h2, .providerBlacklistDialog .tableWrapper h2 {
  color: #47afd7;
}
.budgetInvoiceItemsDialog .tableWrapper .subHeadCSVWrapper, .providerBlacklistDialog .tableWrapper .subHeadCSVWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.budgetInvoiceItemsDialog .tableWrapper .subHeadCSVWrapper h3, .providerBlacklistDialog .tableWrapper .subHeadCSVWrapper h3 {
  color: #9481cb;
}
.budgetInvoiceItemsDialog .tableWrapper .subHeadCSVWrapper i, .providerBlacklistDialog .tableWrapper .subHeadCSVWrapper i {
  color: green;
}
.budgetInvoiceItemsDialog .tableWrapper table, .providerBlacklistDialog .tableWrapper table {
  width: 100%;
  border-radius: 5px;
  padding: 0;
}
.budgetInvoiceItemsDialog .tableWrapper table thead tr, .providerBlacklistDialog .tableWrapper table thead tr {
  background: #e6e6e6;
  font-weight: bold;
}
.budgetInvoiceItemsDialog .tableWrapper table th, .budgetInvoiceItemsDialog .tableWrapper table td, .providerBlacklistDialog .tableWrapper table th, .providerBlacklistDialog .tableWrapper table td {
  padding: 0.5rem;
  border: 1px solid #ccc;
}
.budgetInvoiceItemsDialog .tableWrapper table th:hover, .providerBlacklistDialog .tableWrapper table th:hover {
  cursor: pointer;
}

.cancelSADiv {
  display: flex !important;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  right: 10px;
  bottom: 720px;
  width: 15.4rem;
  cursor: pointer;
}
.cancelSADiv i {
  color: red;
}

.cancelSearch {
  display: inline-block;
  margin-left: -20px;
  margin-right: 15px;
  background: white;
  cursor: pointer;
}
.cancelSearch:hover {
  color: red;
}

.categoryAssiner {
  right: 200px;
  top: 100px;
  height: 300px;
  width: 450px;
}

.cg_radio {
  width: 45px;
  text-align: center;
}

.children {
  display: none;
  width: 100%;
}
.children .label {
  font-size: 14px;
  width: 114px;
  margin-left: 8px;
}

.clear { /* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}

.clearAllInvRows {
  color: red;
  opacity: 0.5;
  position: relative;
  left: 10px;
  top: 42px;
}
.clearAllInvRows:hover {
  opacity: 1;
}

.clientActivityContainer, .clientActivityContainerWlabels {
  position: relative;
  min-height: 20px;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
}
.clientActivityContainer .dateRange, .clientActivityContainerWlabels .dateRange {
  font-size: 11px;
  display: block;
  margin: 0;
  padding: 0;
}
.clientActivityContainer .barContainer, .clientActivityContainerWlabels .barContainer {
  position: relative;
  width: 80%;
  padding: 0;
  margin: 1px 0;
  font-size: 8px;
  line-height: 8px;
  z-index: 2;
}
.clientActivityContainer .activityBar, .clientActivityContainerWlabels .activityBar {
  border-radius: 3px;
  margin: 0;
  padding: 0;
}
.clientActivityContainer .count, .clientActivityContainerWlabels .count {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  width: 15%;
  padding: 0;
  margin: 0;
}
.clientActivityContainer .callminsIN30days, .clientActivityContainer .callminsIN90days, .clientActivityContainer .callminsIN365days, .clientActivityContainerWlabels .callminsIN30days, .clientActivityContainerWlabels .callminsIN90days, .clientActivityContainerWlabels .callminsIN365days {
  background: #daafff;
}
.clientActivityContainer .callminsOUT30days, .clientActivityContainer .callminsOUT90days, .clientActivityContainer .callminsOUT365days, .clientActivityContainerWlabels .callminsOUT30days, .clientActivityContainerWlabels .callminsOUT90days, .clientActivityContainerWlabels .callminsOUT365days {
  background: #b35cff;
}
.clientActivityContainer .callmins30days, .clientActivityContainer .callmins90days, .clientActivityContainer .callmins365days, .clientActivityContainerWlabels .callmins30days, .clientActivityContainerWlabels .callmins90days, .clientActivityContainerWlabels .callmins365days {
  background: #951bff;
}
.clientActivityContainer .emails30days, .clientActivityContainer .emails90days, .clientActivityContainer .emails365days, .clientActivityContainerWlabels .emails30days, .clientActivityContainerWlabels .emails90days, .clientActivityContainerWlabels .emails365days {
  background: #29efb9;
}
.clientActivityContainer .dollarsPerYear, .clientActivityContainerWlabels .dollarsPerYear {
  background: #22adf6;
}
.clientActivityContainer .floatMinsPerMonth, .clientActivityContainerWlabels .floatMinsPerMonth {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  padding: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
}
.clientActivityContainer .invRows30days, .clientActivityContainer .invRows90days, .clientActivityContainer .invRows365days, .clientActivityContainerWlabels .invRows30days, .clientActivityContainerWlabels .invRows90days, .clientActivityContainerWlabels .invRows365days {
  background: #F67A22;
}
.clientActivityContainer .rangeHeading, .clientActivityContainerWlabels .rangeHeading {
  display: block;
}
.clientActivityContainer .totalSpentPercent, .clientActivityContainerWlabels .totalSpentPercent {
  position: relative;
  background: #d9d9d9;
}
.clientActivityContainer .timeSpentPercent, .clientActivityContainerWlabels .timeSpentPercent {
  position: relative;
  background: #939393;
}
.clientActivityContainer .urgency365days, .clientActivityContainerWlabels .urgency365days {
  background: #ff0000;
}

.clientActivityContainer {
  width: 200px;
  margin: 0;
  padding: 1px !important;
  height: 100%;
  cursor: pointer;
}
.clientActivityContainer .activityBar {
  height: 5px;
}
.clientActivityContainer .barContainer {
  display: block;
  height: 5px;
  background: rgba(255, 255, 255, 0.4);
}

.clientActivityContainerWlabels {
  display: block;
  border: solid thin #ccc;
  padding: 10px !important;
  margin: 5px;
}
.clientActivityContainerWlabels .activityBar {
  height: 10px;
}
.clientActivityContainerWlabels .barContainer {
  display: inline-block;
  height: 10px;
  background: #f8f8f8;
  border-right: solid thin #ccc;
}
.clientActivityContainerWlabels .label {
  display: inline-block;
  font-size: 11px;
  width: 135px;
}
.clientActivityContainerWlabels .valueText {
  width: 35px;
  display: inline-block;
  font-size: 11px;
}

.clientGroupContactDiv {
  border-radius: 5px;
  background-color: #dcdcdc;
  padding: 0 !important;
  margin: 0 10px !important;
  cursor: pointer;
}
.clientGroupContactDiv div {
  padding: 0 2px !important;
}
.clientGroupContactDiv:hover {
  outline: 1px solid #929292;
  opacity: 0.9;
}

.clientGroupName {
  position: absolute;
  right: 5px;
  top: 50px;
  background-color: #f1fcff;
  border-radius: 5px;
  cursor: default;
}

.clientConsents, .clientPinnedNote, .agentPinnedNote, .signupProcess, .clientWarningLevel, .clientContactOptions, .providerWarningLevel, .providerPinnedNote, .agentWarningLevel, .clientDistressDiv, .cancelSADiv, .snailMailDiv, .stateTime, .sendPortalCreationEmail, .incarceratedWrapper {
  background: rgba(255, 255, 255, 0.6);
  border: solid thin #e8e8e8;
  position: absolute;
  overflow-y: auto;
  border-radius: 3px;
  padding: 10px;
}

.clientContactOptionsDialog .clientContactOptionsBlock {
  padding: 10px;
  margin: 10px;
  border: solid thin #ccc;
  border-radius: 5px;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow {
  margin: 5px;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow input, .clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow select {
  margin: 5px 10px;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow div {
  display: inline-block;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow .recipient {
  width: 150px;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow .name {
  width: 180px;
}
.clientContactOptionsDialog .clientContactOptionsBlock .clientContactOptionsRow .icons {
  width: 80px;
}
.clientContactOptionsDialog .inactive {
  opacity: 0.3;
}

.clientPinnedNote {
  bottom: 10px;
  width: 474px;
}

.clientConsents {
  height: 250px;
  right: 10px;
  padding: 10px;
  bottom: 10px;
  width: 450px;
}
.clientConsents .name {
  display: block;
}

.clientContactOptions {
  right: 470px;
  bottom: 555px;
  width: 474px;
}

.clientDistressDiv {
  display: flex !important;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  right: 10px;
  bottom: 660px;
  width: 15.4rem;
  cursor: pointer;
}
.clientDistressDiv i {
  color: red;
}

.clientDistressDiv:hover, .cancelSADiv:hover {
  outline: 2px solid red;
}

.clienthardship {
  background: #f5e4ff;
}

#clientLoad td {
  padding: 5px;
}

.clientPinnedNote {
  height: 475px;
  right: 470px;
  white-space: pre-wrap;
}

.clientWarningLevel {
  right: 470px;
  bottom: 495px;
  width: 474px;
}

#clientStatementContainer .price {
  overflow: hidden;
}

#clientStatements #loadStatementAsPDF {
  color: #f89624;
}
#clientStatements #loadStatementAsPDF:hover {
  color: #c3570b;
}

.clientRow {
  padding: 5px;
}

.clientStatus {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

#clientInvoices td {
  padding: 5px;
}

.closeButton {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
}
.closeButton:hover {
  color: #ff5800;
}

.colorSelect div {
  display: inline-block;
  vertical-align: middle;
}
.colorSelect .square {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.colorSelect {
  margin: 5px;
}

.completeSquare {
  width: 200px;
  /*border: thin solid #ccc;*/
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 5px;
  margin: 0 5px 5px 5px;
  text-align: center;
}

.container {
  background: white;
  display: inline-block;
  box-shadow: 0px 0px 8px rgba(183, 183, 183, 0.8);
  margin: 20px 0;
  padding: 20px;
  max-width: 100%;
}

.coverall {
  position: fixed;
  z-index: 103;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

#coverall {
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.create {
  background: #f89624;
  color: white !important;
  border: solid thin #d67606;
}
.create:hover {
  background: #c3570b;
}

.createDiv {
  background: #ebffe0;
}

.createAgencyInvoice {
  background: #a3729e;
  color: white;
}

.comment {
  font-size: 12px;
  color: #666;
  width: 320px;
  display: inline-block;
  vertical-align: middle;
}

.createRemainder {
  cursor: pointer;
  visibility: hidden;
}

.delete {
  cursor: pointer;
  background: #eeeeee;
  text-align: center;
  color: #b4b4b4;
  border-radius: 30px;
  border: solid thin #e2e2e2;
  padding: 7px 8px !important;
  line-height: 12px;
}
.delete:hover {
  border-color: #ff0000;
  background: #ff0000;
  color: #fff;
}

.date {
  font-size: 14px;
  width: 105px;
  display: inline-block;
  vertical-align: middle;
}

.dialogue, #duplicateQuery, .dialog600Center {
  position: fixed;
  z-index: 102;
  word-wrap: break-word;
  left: 50%;
  top: 80px;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  border: solid 2px orange;
  box-shadow: 2px 2px 2px black;
  max-height: calc(100vh - 50px);
  resize: both;
  overflow: auto;
}
.dialogue td, #duplicateQuery td, .dialog600Center td {
  white-space: nowrap;
}

.dialogContent {
  position: relative;
}
.dialogContent .value {
  display: inline-block;
}

.dialog600Center {
  width: 600px;
  margin-left: -300px;
  top: 80px;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  border: solid 2px orange;
  box-shadow: 2px 2px 2px black;
}

.dialogueFileMover {
  display: flex;
  align-items: left;
  padding: 1rem;
  gap: 1.5rem;
}
.dialogueFileMover .moveToInner {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: left;
  gap: 2rem;
}
.dialogueFileMover .moveToInner input, .dialogueFileMover .moveToInner div {
  margin: 0;
}
.dialogueFileMover input[type=submit] {
  align-self: center;
  height: 3rem;
}

.dialPadCall {
  cursor: pointer;
}

.disabled {
  color: #b7b7b7;
}

.disableInput {
  color: #b7b7b7;
  background-color: #b7b7b7;
  opacity: 0.5;
}

.disableInput:hover {
  color: #b7b7b7;
  background-color: #b7b7b7;
  opacity: 0.5;
}

div {
  box-sizing: border-box;
}

.discrete {
  background: #fff;
  color: #adadad;
  cursor: pointer;
}
.discrete:hover {
  color: #23C2D8;
}

.distressScriptsContainer h2 {
  align-self: center;
  margin: 0;
}
.distressScriptsContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  cursor: default;
}
.distressScriptsContainer div {
  outline: solid 2px #57ccf0;
  font-weight: bold;
  cursor: pointer;
  padding: 0.6rem;
  border-radius: 5px;
}
.distressScriptsContainer div:hover {
  color: white;
  background-color: #57ccf0;
}
.distressScriptsContainer p {
  margin: 0.3rem;
  text-align: justify;
}

.distressScriptContainer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.distressScriptContainer button {
  background-color: rgb(45, 165, 51);
  padding: 0.5rem;
  color: white;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.distressScriptContainer button:hover {
  background: rgb(42, 122, 42);
}

.dragHandle, .warningsDragHandle {
  padding: 5px;
  border: dashed thin #dddddd;
  background: #ededed;
  margin-left: 0px;
  margin-top: 0px;
  display: block;
  width: 100%;
  border-radius: 3px;
  cursor: move;
  padding: 10px;
  text-align: left;
}
.dragHandle .fa-arrows-alt, .warningsDragHandle .fa-arrows-alt {
  color: #dddddd;
}
.dragHandle .closeButton, .warningsDragHandle .closeButton {
  margin: 0;
}

.editFundingPeriodDialog form {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  padding-bottom: 0;
}
.editFundingPeriodDialog form .titleWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 0.5rem;
}
.editFundingPeriodDialog form .inputWrapper {
  display: flex;
  align-items: center;
}
.editFundingPeriodDialog form .inputWrapper .label {
  width: 150px;
}
.editFundingPeriodDialog form .inputWrapper input {
  width: 150px;
}
.editFundingPeriodDialog form input[type=submit] {
  width: 80px;
}

.editUserLog {
  cursor: pointer;
}

.emailAddress {
  width: 200px;
  font-size: 14px;
  padding: 3px;
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
}

.emailAttachments {
  height: 70px;
  overflow: auto;
  padding: 5px;
  border: solid thin #e0e0e0;
  margin-top: 10px;
}

.gpEmailCountIcon {
  position: relative;
  float: right;
  z-index: 22;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  margin-top: -20px;
  right: 75px;
  font-size: 22px;
  background: white;
  border: solid thin grey;
  cursor: pointer;
}

.emailScan {
  background: white;
  padding: 10px;
  margin: 10px;
  border: solid thin #ccc;
  border-radius: 3px;
  text-align: left;
}

.emailLabel {
  font-size: 14px;
  padding: 3px;
  display: inline-block;
  font-weight: bold;
  width: 80px;
  overflow: hidden;
}

.emailDetails {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 500px;
  padding: 3px;
  display: inline-block;
  margin-left: 20px;
}

.emailBody {
  width: 100%;
  display: inline-block;
  position: relative;
  height: calc(100% - 260px);
  padding: 10px;
  overflow-y: auto;
  border: solid thin #e0e0e0;
}
.emailBody #container {
  width: 100%;
  overflow: hidden;
}
.emailBody table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.emailBody tbody {
  max-width: 450px;
}

.emailHeader {
  height: 110px;
  overflow: auto;
}

.emailWindow, .emailReply, .emailNew, .SMSNew {
  top: 50px;
  width: 700px;
  height: calc(100vh - 90px);
}

.emailNew {
  right: 210px;
}

.emailRecipientParty {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
}

.emailTemplatesTable .templateName {
  text-align: left;
  cursor: pointer;
}
.emailTemplatesTable th {
  background: #aadefa;
}
.emailTemplatesTable th, .emailTemplatesTable td {
  padding: 0.5rem;
  text-align: center;
  cursor: default;
}
.emailTemplatesTable tr:nth-of-type(even) {
  background: #e0f4ff;
}

#emailTemplateDialog {
  right: 190px;
  top: 50px;
  width: 600px;
  height: calc(100vh - 90px);
}

.emailTag {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.emailSummary div {
  display: inline-block;
}
.emailSummary {
  margin: 10px;
}
.emailSummary .showNext {
  padding: 8px;
  background: #f1fcff;
}
.emailSummary {
  cursor: pointer;
}
.emailSummary .subject {
  display: inline-block;
}

.emailReply {
  right: 710px;
}

.errorDetail {
  color: red;
  font-size: 14px;
  margin: 3px 5px;
}

#expectedRefunds {
  top: 50px;
  left: 100px;
  text-align: left;
  max-height: calc(100vh - 100px);
  overflow: auto;
  width: auto;
}
#expectedRefunds #targetTotal {
  display: inline-block;
  font-weight: bold;
  float: right;
  font-size: 36px;
  color: #999;
}
#expectedRefunds .create {
  margin: 10px;
}
#expectedRefunds .submit {
  display: none;
}
#expectedRefunds .liveResults {
  color: #999;
  padding: 10px;
}
#expectedRefunds .td {
  margin: 7px;
  padding: 5px;
}

.expired {
  background: #e0b0b0;
}

.fas, .far {
  cursor: pointer;
  font-size: 20px;
  vertical-align: middle;
  margin: 0 3px;
}

.fa-times {
  font-size: 26px;
}

.fat {
  padding: 3px 9px 3px 9px;
  font-weight: bold;
  border-radius: 20px;
}

fieldset {
  border: none;
}

#filters {
  display: flex;
  color: #6693d0;
  align-items: center;
  gap: 0.5rem;
}

.filterBox {
  position: fixed;
  z-index: 100;
  top: 40px;
  right: 10px;
  height: calc(100vh - 50px);
  background: white;
  border: solid thin orange;
  border-radius: 3px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: 400px;
}
.filterBox .dialogContent {
  overflow-y: scroll;
  margin: 0;
  height: calc(100% - 44px);
  padding: 10px 10px 10px 10px;
}
.filterBox .slideHandleLeft {
  position: absolute;
  top: 10px;
  left: -38px;
  border-top: solid thin orange;
  border-left: solid thin orange;
  border-bottom: solid thin orange;
  background: white;
  font-size: 30px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-bottom: -20px;
  z-index: 100;
}
.filterBox .column {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  text-align: left;
}
.filterBox .column .clientLoad, .filterBox .column .clientCount {
  display: inline-block;
  width: 20px;
}
.filterBox .column .clientCount {
  color: #006cff;
}
.filterBox .column .clientLoad {
  color: #ed8900;
}

.focus {
  background: #d1f5b4 !important;
  border: solid thin #89c958 !important;
  border-bottom: solid thin #89c958 !important;
}

form {
  margin: 0px;
}

#formResult {
  position: fixed;
  width: 400px;
  left: 50%;
  top: 150px;
  margin-left: -200px;
  padding: 20px;
  background: white;
  border: solid 2px #edbe3e;
  border-radius: 5px;
  display: none;
  color: #333;
  text-align: left;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.formInline {
  display: inline-block;
}

.formInfo {
  padding: 5px;
  font-size: 13.333px;
  box-sizing: border-box;
  vertical-align: middle;
  white-space: nowrap;
}

.fundingPeriodsContent {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
  padding-top: 1.3rem;
  border-top: 2px lightgrey solid;
}
.fundingPeriodsContent .dialogContent {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
  padding-top: 1.3rem;
}
.fundingPeriodsContent .title {
  display: flex;
  color: #a500c9;
  font-size: 1.1rem;
  align-items: center;
}
.fundingPeriodsContent .title button {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.fundingPeriodsContent .bulkUpdateFundingPeriodAmounts {
  margin-left: auto;
}
.fundingPeriodsContent .fundingPeriodCard {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  border-radius: 5px;
  padding: 15px;
  background: #fff;
}
.fundingPeriodsContent .fundingPeriodCard .infoWrapper {
  display: flex;
  gap: 0.5rem;
  font-size: 0.95rem;
  align-items: center;
  flex-wrap: wrap;
}
.fundingPeriodsContent .fundingPeriodCard .infoWrapper .label {
  width: 11rem;
  font-weight: bold;
}
.fundingPeriodsContent .fundingPeriodCard .infoWrapper .fundingPeriodDeleteForm {
  margin-left: auto;
}
.fundingPeriodsContent .fundingPeriodCard .infoWrapper .editFundingPeriod {
  color: #F57921;
}
.fundingPeriodsContent .fundingPeriodCard .infoWrapper .editFundingPeriod:hover {
  opacity: 0.7;
}
.fundingPeriodsContent .fundingPeriodCard .remainingAmountWrapper {
  color: #a500c9;
  margin-left: auto;
}
.fundingPeriodsContent .fundingPeriodCard .durationBarWrapper {
  display: flex;
  height: 1.5rem;
  border: solid thin #b0eaff;
}
.fundingPeriodsContent .fundingPeriodCard .durationBarWrapper .duarationPastBar {
  background: #c1eeff;
  position: relative;
  white-space: nowrap;
}
.fundingPeriodsContent .fundingPeriodCard .durationBarWrapper .duarationPastBar .durationText {
  position: absolute;
  color: #0093c9;
  font-size: 12px;
  top: 4.1px;
  left: 5px;
}
.fundingPeriodsContent .fundingPeriodCard .durationBarWrapper .duarationFutureBar {
  background: #edfaff;
}
.fundingPeriodsContent .fundingPeriodCard .budgetBarWrapper {
  display: flex;
  height: 1.5rem;
  border: solid thin #edb0ff;
}
.fundingPeriodsContent .fundingPeriodCard .budgetBarWrapper .budgetSpentBar {
  background: #f1c8ff;
  position: relative;
  white-space: nowrap;
}
.fundingPeriodsContent .fundingPeriodCard .budgetBarWrapper .budgetSpentBar .budgetSpentText {
  position: absolute;
  color: #a500c9;
  font-size: 12px;
  top: 4.1px;
  left: 5px;
}
.fundingPeriodsContent .fundingPeriodCard .budgetBarWrapper .budgetUnspentBar {
  background: #f5e3fb;
  border: dashed thin grey;
}
.fundingPeriodsContent .fundingPeriodCreateForm {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-end;
  align-items: center;
}
.fundingPeriodsContent .fundingPeriodBulkCreateForm {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-end;
}
.fundingPeriodsContent .fundingPeriodBulkCreateForm textarea {
  width: 30%;
  height: 8rem;
  overflow: auto;
  resize: none;
}
.fundingPeriodsContent .fundingPeriodBulkCreateForm textarea::-moz-placeholder {
  text-align: right;
}
.fundingPeriodsContent .fundingPeriodBulkCreateForm textarea::placeholder {
  text-align: right;
}
.fundingPeriodsContent .fundingPeriodBulkCreateForm input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
}

.green {
  color: #ffffff;
  border: solid 1px #538312;
  background: #7db72f;
  background: -moz-linear-gradient(top, #7db72f, #395C09);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#395C09');
}

.green:hover {
  color: #ffffff;
  border: solid 1px #538312;
  background: #7db72f;
  background: -moz-linear-gradient(top, #395C09, #7db72f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#395C09', endColorstr='#7db72f');
}

.grey {
  color: #333;
  border: solid thin #999;
  background: #ebebeb;
}

.greyTextBg {
  width: 680px;
  display: inline-block;
  background-color: #B7B7B7;
  cursor: pointer;
  vertical-align: top;
  padding: 5px;
  border-radius: 5px;
}

.greenTextBg {
  width: 680px;
  display: inline-block;
  background: #D3E2B6;
  cursor: pointer;
  vertical-align: top;
  padding: 5px;
  border-radius: 5px;
}

.handle {
  display: inline-block;
  width: 40px;
  padding: 5px;
  background: #eaeaea;
  border-radius: 3px;
  margin: 5px;
  cursor: n-resize;
  font-weight: bold;
}

.header {
  background: #cecece;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.header div {
  box-sizing: border-box;
  border: solid 1px #cecece;
}

.headNotify {
  float: right;
  right: 10px;
  top: 10px;
  white-space: nowrap;
}
.headNotify .notifyLeft {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #6f6f6f;
  vertical-align: middle;
}
.headNotify .notifyRight {
  color: red;
  font-size: 32px;
  font-weight: bold;
  margin-left: 20px;
  vertical-align: middle;
  display: inline-block;
}

.helpBut {
  padding: 5px;
  color: #c7c7c7;
  font-size: 20px;
  background: #efefef;
  border: solid thin #c7c7c7;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 20px;
  cursor: pointer;
  margin: 0 10px;
  text-align: center;
}

.hidden {
  display: none;
}

.history {
  position: relative;
}

.historyEventName {
  cursor: pointer;
}
.historyEventName:hover span {
  text-decoration: underline;
  opacity: 0.8;
}

.historyDialogue {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

h1 {
  font-size: 24px;
  color: #006699;
}

h1, h2, h3, h4 {
  text-align: left;
  margin: 10px 0;
}

h2 {
  margin-bottom: 5px;
}

.permissionNotesDialog {
  height: 30rem;
  width: 30rem;
}

.inactiveABNsDetailsDiv h3 {
  color: #009900;
}
.inactiveABNsDetailsDiv h4 {
  color: #005f8b;
}
.inactiveABNsDetailsDiv table {
  display: table;
  width: 100%;
}
.inactiveABNsDetailsDiv table td, .inactiveABNsDetailsDiv table th {
  border: 1px solid #b4b4b4;
  padding: 5px;
  cursor: default;
  width: 20rem;
}

.incarceratedWrapper {
  display: flex !important;
  gap: 0.5rem;
  height: 50px;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  right: 470px;
  bottom: 660px;
  padding: 6.5px !important;
  cursor: default;
}

.inline_icons {
  display: inline-block;
  font-size: 26px;
  line-height: 30px;
  color: #d0d0d0;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.incomingInvoiceList {
  min-width: 1600px;
}
.incomingInvoiceList .children {
  width: 1300px !important;
}

.infieldUser {
  font-size: 18px;
  margin: 2px 5px 2px -22px;
  color: rgba(0, 0, 0, 0.2);
}

input, select, textarea {
  border-radius: 3px;
  background: #fdfdfd;
  padding: 5px;
  border: solid thin #e6e6e6;
  margin: 2px;
}
input[type=submit], select[type=submit], textarea[type=submit] {
  cursor: pointer;
}

input:focus, textarea:focus {
  outline: none;
}

.inputError {
  border: solid thin red;
}

.inputActive {
  background: #d6eaf4;
  color: #535353;
}

.inputOK {
  background: #dbdbdb;
  border-color: #d4d4d4;
  color: #006699;
}

.inputError {
  border-color: #9e2203;
  color: #cb0000;
}

.input1 {
  vertical-align: middle;
}

.input2 {
  vertical-align: middle;
  border: solid 1px #009900;
  background: #EBFBCE;
}

.inputHeading {
  padding: 5px;
  margin: 1px;
}

input[type=checkbox], .checkbox, input[type=radio] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 2px;
  cursor: pointer;
}

input[type=checkbox]:checked {
  background: #abd;
}

.inputReplaceText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: elipsis;
  vertical-align: middle;
  font-size: 14px;
}

.invoice {
  border-radius: 0px;
  border: solid thin #ccc;
  padding: 10px;
  margin: 1px;
  background-color: #dedede;
}

.invBulkActionsContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  width: 1400px;
  margin: 20px auto;
}
.invBulkActionsContainer h1 {
  text-align: center;
}
.invBulkActionsContainer .fetchInvoicesForBulkAction {
  color: whitesmoke;
}
.invBulkActionsContainer .fetchInvoicesForBulkAction:hover {
  opacity: 0.8;
}
.invBulkActionsContainer .summary {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 1rem;
  border-radius: 5px;
}
.invBulkActionsContainer .summary .totals {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  text-align: left;
}
.invBulkActionsContainer .summary .totals .titles {
  display: inline-block;
  font-weight: bold;
  width: 9rem;
}
.invBulkActionsContainer .summary button {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  margin-top: 1rem;
}
.invBulkActionsContainer .invoiceRecordsTbl {
  border-radius: 5px;
}
.invBulkActionsContainer .invoiceRecordsTbl thead {
  background-color: #a3729e;
  color: whitesmoke;
}
.invBulkActionsContainer .invoiceRecordsTbl th, .invBulkActionsContainer .invoiceRecordsTbl td {
  text-align: center;
}
.invBulkActionsContainer .invoiceRecordsTbl tbody .invoiceRecordRow {
  padding: 1rem;
}

#invoiceRepeats {
  text-align: left;
}

.invoiceRowCountDiv {
  color: green;
  cursor: pointer;
}
.invoiceRowCountDiv:hover {
  text-decoration: underline;
}

#invoices {
  height: calc(100vh - 150px);
  overflow: hidden;
  width: 700px;
}

#invoiceUploader {
  z-index: 1001;
}

.invmixed {
  background: #fffdc5;
}

.invpaid, .invclosed, .invcancelled, .invpaidWithCredit {
  background: #f4f4f4;
}

.invpaidMixed {
  background: #f4f4f4;
  border: solid thin red;
  border-bottom: solid thin red !important;
}

.invpending {
  background: #ffedcf;
}

.invpendingConfirm {
  border: solid thin #fb8eff !important;
  background: #fee7ff;
}

.invpendingConfirmReimb {
  border: solid thin #dc7ee0 !important;
  background: #f1d9f2;
}

.inventered {
  background: #e7ffd5;
}

.inventeredReimb {
  background: #d1efbb !important;
}

.invrejected, .invNDISrejected {
  background: #ffe0e0;
}

.invrequested, .invrequestedPP {
  background: #ece0fd;
}

.invrequestedReimb {
  background: #dccbf4 !important;
}

.invreceived {
  background: #cff0ff;
}

.invreceivedDebt {
  background: #cff0ff;
  border: solid 3px orange !important;
}

.invremoved {
  background: #e0e0e0;
}

.invRowStatus {
  width: 140px;
  overflow: elipsis;
  cursor: pointer;
}

#invRowCancelDialog {
  top: 60px;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: calc(100vh - 90px);
}

.invRowId.hasPrn {
  cursor: pointer;
}
.invRowId.hasPrn:hover {
  color: #0f5bce !important;
  text-decoration: underline;
}

.quickLink {
  cursor: pointer;
}
.quickLink:hover {
  color: #0f5bce !important;
  text-decoration: underline;
}

.label {
  display: inline-block;
  color: #666;
  width: 150px;
}

.leftCol {
  display: inline-block;
}

.ledgerRow {
  text-align: center;
  position: relative;
  padding: 5px;
  margin: 4px 0 0 0;
  border-bottom: solid thin #f0f0f0;
  border-radius: 3px;
}
.ledgerRow div {
  display: inline-block;
  margin: 2px;
  padding: 5px;
  box-sizing: border-box;
}
.ledgerRow input, .ledgerRow select {
  box-sizing: border-box;
  text-align: left;
}
.ledgerRow .debitRow, .ledgerRow .debitTaxRow {
  color: #d03800;
  text-align: right;
}
.ledgerRow .children {
  display: none;
  text-align: left;
}
.ledgerRow .coordinator {
  margin: 5px 0 0 0;
  padding: 0;
  display: flex !important;
  width: 800px;
}
.ledgerRow .coordinator div {
  margin: 0;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px;
}
.ledgerRow .coordinator .label {
  flex: 0 0 90px;
}
.ledgerRow .coordinator .name {
  flex: 0 0 160px;
  font-weight: bold;
  white-space: nowrap;
  overflow: e;
}
.ledgerRow .coordinator .relationship {
  flex: 0 0 120px;
}
.ledgerRow .coordinator .role {
  flex: 0 0 90px;
}
.ledgerRow .coordinator .email {
  flex: 0 0 375px;
}
.ledgerRow .coordinator .phone {
  flex: 0 0 200px;
}
.ledgerRow .coordinator .icon {
  flex: 0 0 30px;
  padding: 5px;
}
.ledgerRow .creditRow, .ledgerRow .creditTaxRow {
  color: #468300;
  text-align: right;
}
.ledgerRow .description {
  width: 200px;
  font-size: 14px;
  vertical-align: middle;
}
.ledgerRow .holdSelectorDialogue {
  display: flex;
  position: absolute;
  gap: 0.6rem;
  justify-content: center;
  padding: 0.75rem;
  opacity: 0;
  bottom: 30%;
  right: -85%;
  transition: opacity 75ms ease-in-out, bottom 200ms ease-in-out;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #F57921;
}
.ledgerRow .holdSelectorDialogue .closeBtn:hover {
  opacity: 0.6;
}
.ledgerRow .holdSelectorDialogueShow {
  opacity: 1;
  bottom: 100%;
}
.ledgerRow .icon {
  vertical-align: middle;
  cursor: pointer;
  margin: 0 3px;
}
.ledgerRow .icon img {
  vertical-align: middle;
}
.ledgerRow .invoiceLine {
  display: inline-block;
  width: 1350px;
  text-align: right;
  padding: 5px;
  margin-top: 10px;
  border-radius: 3px;
  border: solid thin #e5e5e5;
}
.ledgerRow .invoiceLine .dates {
  font-size: 10px;
  line-height: 10px;
  padding: 0;
  margin-right: 10px;
  vertical-align: middle;
}
.ledgerRow .invoiceLine .dates .label {
  padding: 0;
  width: 35px;
  vertical-align: middle;
}
.ledgerRow .invoiceLine .dates .date {
  padding: 0;
  width: 40px;
}
.ledgerRow .invProviderNote {
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 4px;
  margin: 0;
}
.ledgerRow .invProviderNote p {
  margin: 4px;
}
.ledgerRow .label {
  font-size: 14px;
  width: 123px;
}
.ledgerRow .participant {
  vertical-align: middle;
}
.ledgerRow .txnDate {
  font-size: 14px;
  width: 85px;
}
.ledgerRow form {
  display: inline-block;
}

.ledgerRowParticipantBlock {
  margin: 0 auto;
  text-align: left;
}
.ledgerRowParticipantBlock div:first-child {
  margin-left: 225px !important;
}

.lockedByAnotherPA {
  outline: 2px dashed !important;
  background-color: lightgrey !important;
}

.legalActive, .snailMailActive {
  color: #333;
}

.legalInactive, .snailMailInactive {
  color: #e2e2e2;
}

#liveSearchResults {
  position: absolute;
  text-align: left;
  background: white;
  padding: 10px;
  border: solid thin orange;
  border-radius: 3px;
  z-index: 1000;
}
#liveSearchResults .result, #liveSearchResults .halfResult {
  padding: 10px 20px;
  cursor: pointer;
  background: #f2f2f2;
  margin-top: 2px;
  color: #898989;
  display: inline-block;
}
#liveSearchResults .result {
  display: block;
}
#liveSearchResults .halfResult {
  display: inline-block;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  margin-bottom: -3px;
}

.logArea {
  width: 100%;
  height: 65px;
  position: relative;
  background: #f8f8f8;
  padding: 10px;
  margin: 10px 0;
}
.logArea .startDate, .logArea .endDate {
  position: absolute;
  top: 10px;
  font-size: 12px;
  z-index: 11;
}
.logArea .startDate {
  left: 5px;
}
.logArea .endDate {
  right: 5px;
}
.logArea .session {
  position: absolute;
  height: 55px;
  display: inline-block;
  bottom: 5px;
  z-index: 10;
}
.logArea .Meetings {
  background: #efd9fc;
  border: solid thin #dfa9ff;
}
.logArea .Hourly, .logArea .HourlyRate {
  background: #aad1ff;
  border: solid thin #7db9ff;
}
.logArea .ClientLoad {
  background: #d9f0fc;
  border: solid thin #61caff;
}
.logArea .Salary {
  background: #dffcd9;
  border: solid thin #66ff61;
}
.logArea .CoachSalary {
  background: #fcfad9;
  border: solid thin #fff41d;
}
.logArea .TrainingHourly {
  background: #e0fcd9;
  border: solid thin #aeff9a;
}
.logArea .event {
  position: absolute;
  height: 20px;
  width: 1px;
  bottom: 10px;
  z-index: 11;
}
.logArea .wholeDayLeave, .logArea .notExpected {
  width: 600px;
  height: 40px;
  padding: 5px;
  border-radius: 5px;
  left: 50%;
  margin-left: -300px;
  top: 50%;
  margin-top: -20px;
  position: absolute;
  line-height: 30px;
}
.logArea .phoneCallParticipant, .logArea .phoneCallUnknown, .logArea .phoneCallProvider, .logArea .phoneCallStaff, .logArea .phoneCallStaffTraining, .logArea .phoneCallStaff, .logArea .phoneCallOther, .logArea .phoneCallCoordinator, .logArea .phoneCallAgent, .logArea .phoneCallCOS, .logArea .phoneCallLAC, .logArea .phoneCallparent-guardian, .logArea .phoneCallNDISrep, .logArea .phoneCallAmbiguousDismissed, .logArea .phoneCallUnknownDismissed, .logArea .phoneCallStaffAmbiguous {
  position: absolute;
  height: 20px;
  bottom: 35px;
  z-index: 11;
  font-weight: bold;
}
.logArea .phoneCallParticipant {
  background: #bfff96;
  border: solid thin #57e300;
  box-sizing: border-box;
}
.logArea .phoneCallProvider {
  background: #8900ff;
}
.logArea .phoneCallStaffTraining {
  background: #00e2ff;
}
.logArea .phoneCallStaff {
  background: #003bff;
}
.logArea .phoneCallOther {
  background: #ffb100;
}
.logArea .phoneCallAmbiguousDismissed, .logArea .phoneCallUnknown, .logArea .phoneCallUnknownDismissed, .logArea .phoneCallStaffAmbiguous {
  background: #fffb0b;
}
.logArea .phoneCallCoordinator, .logArea .phoneCallAgent, .logArea .phoneCallCOS, .logArea .phoneCallLAC, .logArea .phoneCallparent-guardian, .logArea .phoneCallNDISrep {
  background: #c15dff;
}
.logArea .timeProgress {
  position: absolute;
  height: 20px;
  bottom: 35px;
  z-index: 10;
  top: 5px;
  background: #a8ddff;
}
.logArea .topRight {
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: right;
}
.logArea .topRight div, .logArea .topRight form {
  display: inline-block;
}

.mailQueue .mailQueueHeader {
  cursor: pointer;
  padding: 10px;
  background: #f5f5f5;
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mailQueue .mailQueueHeader div {
  text-align: left;
}
.mailQueue .mailQueueHeader .heading {
  font-weight: bold;
  margin-bottom: 5px;
}
.mailQueue .mailQueueHeader .fromAndDate {
  flex: 3;
  display: flex;
  align-items: center;
}
.mailQueue .mailQueueHeader .fromAndDate .avatarHolder .avatar {
  text-align: center;
}
.mailQueue .mailQueueHeader .fromAndDate .avatarHolder {
  display: inline-block;
  flex: 1;
}
.mailQueue .mailQueueHeader .fromAndDate .para {
  flex: 5;
}
.mailQueue .mailQueueHeader .recipient {
  flex: 3;
}
.mailQueue .mailQueueHeader .subject {
  flex: 3;
  font-size: 14px;
}
.mailQueue .mailQueueHeader .actions {
  flex: 3;
}
.mailQueue {
  width: 80%;
  max-width: 1800px;
}
.mailQueue .accordHead {
  width: calc(100% - 40px);
  font-size: 18px;
}
.mailQueue .accordContent {
  display: none;
  width: calc(100% - 40px);
  padding: 20px;
}
.mailQueue .delete {
  border: solid thin red;
}
.mailQueue .status {
  float: right;
  margin: 7px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #41b3ce;
}
.mailQueue .string_40 {
  width: 270px;
  vertical-align: top;
  overflow: hidden;
}
.mailQueue .string_20 {
  width: 125px;
}

.main {
  display: inline-block;
  margin: 50px 5px 5px 5px;
  padding: 5px;
  background: #666;
  border-radius: 5px;
}

.menu {
  position: fixed;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  z-index: 900;
  background: #666;
  height: 40px;
  font-size: 16px;
}
.menu .parentButton {
  vertical-align: top;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  transition: all ease 700ms;
}
.menu .parentButton:hover {
  height: auto;
}
.menu .parentButton a {
  cursor: pointer;
}
.menu .childButton {
  display: block;
  height: 40px;
  width: calc(100% - 20px);
  min-width: 80px;
  line-height: 40px;
  padding: 0 10px;
  border-collapse: collapse;
  color: #fff;
  background: #666;
  border: solid thin #666;
  transition: all ease-in-out 500ms;
}
.menu .childButton:hover {
  background: #444;
  border-top: solid thin #777;
  border-bottom: solid thin #777;
  color: #00a7ff;
}
.menu .mailcount {
  background: red;
  border-radius: 50%;
  padding: 3px 6px;
}
.menu .notifycount {
  background: #009dff;
  border-radius: 50%;
  padding: 3px 6px;
}
.menu .usernotifycount {
  background: #7700ff;
  border-radius: 50%;
  padding: 3px 6px;
}
.menu .navUtils {
  float: right;
  padding: 10px;
  display: inline-block;
  color: #c1c1c1;
}

#makeAPayment {
  background: #89ff00;
  padding: 10px;
  border-radius: 3px;
}

.monthlyExtensionEventDetailsDiv table {
  display: table;
  width: 100%;
}
.monthlyExtensionEventDetailsDiv table td, .monthlyExtensionEventDetailsDiv table th {
  border: 1px solid #b4b4b4;
  padding: 10px;
  cursor: default;
}

.moreLess {
  color: #777;
  position: absolute;
  border-radius: 10px;
  background: rgb(214, 214, 214);
  box-shadow: 2px 2px 2px #666;
  padding: 5px;
  cursor: pointer;
  z-index: 5;
}

#navAccounts, #navAgency {
  text-align: center;
  background: #d0d0d0;
  color: #222;
  height: 40px;
  position: relative;
  width: 100%;
  /*.secondaryButton{
      color:#222;
      text-decoration:none;
      line-height:40px;
      display: inline-block;
      margin-left:-4px;
      padding:0 10px 0 10px;
      height:100%;
      cursor:pointer;
      background:#d0d0d0;
      border:none;
      border-left:solid thin rgba(255,255,255,0);
      border-right:solid thin rgba(255,255,255,0);
      transition:all ease-in-out 500ms;
      a:link{
          vertical-align: middle;
          color:#222;
      }
      a:visited{
          vertical-align: middle;
          color:#222;
      }
  }
  .secondaryButton:hover{
      background:#a5a5a5;
      border-left:solid thin rgba(255,255,255,1);
      border-right:solid thin rgba(255,255,255,1);
  }*/
}

#navBar {
  text-align: center;
  background: #666;
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

#navSpacer {
  height: 40px;
}

.newDialog {
  position: fixed;
  top: 50px;
  left: 50px;
  background: #fff;
  border-radius: 5px;
  padding: 0px;
  border: solid 2px orange;
  overflow: hidden;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
  text-align: left;
  z-index: 102;
  max-height: calc(100vh - 100px);
}
.newDialog td {
  white-space: nowrap;
}
.newDialog .td {
  display: table-cell;
}
.newDialog .dialogContent {
  overflow-y: scroll;
  margin: 0;
  height: calc(100vh - 150px);
  padding: 10px 10px 10px 10px;
}
.newDialog .dialogContent .label {
  font-weight: bold;
  display: inline-block;
  width: 250px;
}
.newDialog .dialogContent .value {
  display: inline-block;
}
.newDialog .dialogContent .row {
  display: block;
  padding: 5px;
}
.newDialog .dialogContent .row div {
  display: inline-block;
}

.newDialogDistress {
  width: 40rem;
  top: 120px;
  left: 35vw;
  resize: both;
  max-height: unset;
}

#ndisPrices {
  height: calc(100vh - 100px);
  overflow: hidden;
  width: 1320px;
  left: 50%;
  margin-left: -540px;
  top: 50px;
}
#ndisPrices .highlight {
  color: #ffa704;
  font-weight: bold;
}

#ndisList {
  overflow: auto;
  height: calc(100% - 215px);
}

#ndisBanCheckPDF {
  color: red;
  background: #ffd7d7;
  padding: 0.2rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}
#ndisBanCheckPDF:hover {
  opacity: 0.8;
}

.noBullets {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#notesContainer {
  position: fixed;
  width: 900px;
  height: calc(100vh - 60px);
  top: 50px;
  left: 50%;
  margin-left: -400px;
  text-align: left;
}
#notesContainer .deleteForm {
  /*position: absolute;
  bottom: 0px;
  right: 0px;*/
  text-align: right;
}
#notesContainer .label {
  font-weight: bold;
  font-size: 14px;
}
#notesContainer input[type=text] {
  background: #f7f7f7;
  padding: 10;
  border-radius: 0;
}
#notesContainer textarea {
  width: calc(100% - 20px);
  min-height: 200px;
  resize: vertical;
  padding: 10px;
  font-size: 14px;
}
#notesContainer textarea:focus {
  border: solid thin #44b0ff;
}
#notesContainer .formButtons {
  width: 100%;
  text-align: right;
}
#notesContainer .noteExisting, #notesContainer .noteNew {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  border-bottom: solid thin #e3e3e3;
}
#notesContainer .reply {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer;
  border: solid thin orange;
  color: orange;
}
#notesContainer p, #notesContainer .reply, #notesContainer .para2textarea {
  white-space: pre;
  white-space: pre-line;
}

.notesEmailGroup {
  display: none;
  overflow: hidden;
  margin: 5px 0;
}

.notifyCrucial {
  color: #ff8900;
}

.notifyImportant {
  color: #a700ff;
}

.notifyUrgent {
  color: #ff0000;
}

#oneInvDialog {
  top: 50px;
  left: 10px;
  text-align: left;
  max-height: calc(100vh - 100px);
  overflow: auto;
  width: 1600px;
}

.transferCoreBudgetsForm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.transferCoreBudgetsForm p {
  margin: 0.5rem;
}
.transferCoreBudgetsForm table {
  border-collapse: collapse;
}
.transferCoreBudgetsForm table th {
  background-color: #5a8ebd;
  padding: 0.8rem;
  text-align: center;
  color: white;
}
.transferCoreBudgetsForm table th, .transferCoreBudgetsForm table td {
  border: 1px solid #a7c4e9;
}
.transferCoreBudgetsForm table td {
  padding: 0.5rem;
}
.transferCoreBudgetsForm table tr {
  padding: 1.5rem;
}
.transferCoreBudgetsForm table tr:last-child td {
  padding-top: 1.5rem;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.transferCoreBudgetsForm .submit {
  background-color: rgb(45, 165, 51);
  padding: 0.5rem;
  color: white;
}
.transferCoreBudgetsForm .submit:hover {
  background-color: rgb(0, 119, 6);
}

.openMobileMenu {
  font-size: 20px;
  cursor: pointer;
}

.orange {
  color: #fff;
  border: solid 1px #CB8E01; /* for webkit browsers */
  background: -moz-linear-gradient(top, #F90, #CB8E01); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#CB8E01');
}

.optionexpense {
  color: #de8900;
}

.optionincome {
  color: #84c901;
}

.optionother {
  color: #0193c9;
}

.otherBudgetDivider {
  width: 100%;
  border-top: 4px dotted grey;
}

.otherBudgetBar {
  margin: 10px 0 0 0;
  border: #6A2875 10px solid;
  border-radius: 5px;
  padding: 0.5rem;
}
.otherBudgetBar .otherBudgetsContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  transition: max-height 0.5s ease-out;
  overflow: hidden;
}

.otherBudgetBar:hover {
  cursor: pointer;
  opacity: 0.9;
  transition-duration: 0.2s;
}

.overdueBar {
  position: absolute;
  height: 25px;
  opacity: 0.4;
  top: 12px;
  margin: 0 !important;
  padding: 0px !important;
  border-radius: 5px;
  background: rgba(255, 98, 0, 0.48);
}

.overspendingParticipantsDiv {
  color: red;
}

.overspendingParticipantsDraggable .overspendingParticipantsDetailsDiv table {
  padding: 0;
}
.overspendingParticipantsDraggable .overspendingParticipantsDetailsDiv table td {
  padding: 5px 0px;
}
.overspendingParticipantsDraggable .overspendingParticipantsDetailsDiv table td input[type=checkbox] {
  cursor: pointer;
}

.planButton {
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px;
  display: inline-block;
  font-size: 13.33px;
  margin: 2px;
}

.paceButton {
  background-color: #8ebb70;
  border: solid thin #209010;
}
.paceButton:hover {
  background-color: #557043;
}

.paramKeyValueCont {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 1.8rem;
}
.paramKeyValueCont textarea, .paramKeyValueCont input {
  height: 1rem;
}

.parent {
  text-align: left;
  cursor: pointer;
}

.participantActivityReport {
  left: 50px;
  top: 100px;
  width: calc(100vw - 100px);
  min-width: 1270px;
  height: auto;
  max-height: calc(100vh - 120px);
  overflow: auto;
}
.participantActivityReport div, .participantActivityReport form {
  display: inline-block;
}

.participantpending {
  background: #ffedcf !important;
}

.participantactive {
  background: #e7ffd5 !important;
}

.participantSAready {
  background: #f7fff1 !important;
}
.participantSAready .participant {
  color: #4fbc00;
  font-weight: bold;
}
.participantSAready table {
  font-weight: normal;
}

.participants {
  background: #e7ffd5 !important;
}

.participantexpired {
  background: #fff !important;
  color: #F57921;
}

.participantregoStale {
  color: #6b009b;
  background: #f2ecf5 !important;
}

.participantcancelledControllable, .participantcancelledUncontrollable {
  background: #ededed;
  color: #9d9d9d;
}

#participanPortalLoginForm {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: calc(100% - 60px);
  margin: auto;
  margin-top: 1.5rem;
}
#participanPortalLoginForm .input-container {
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: #fdfdfd;
  border: solid thin #e6e6e6;
  gap: 0.1rem;
  width: 307px !important;
  margin: 5px 0;
}
#participanPortalLoginForm .input-container i {
  font-size: 16.2px;
  height: 18.2px;
  width: 1.5rem;
  margin-left: 6px;
  margin-bottom: -3px;
}
#participanPortalLoginForm .input-container .fa-eye-slash {
  font-size: 14.2px;
}
#participanPortalLoginForm .input-container #loginPswd {
  border: none !important;
  padding: 7px;
}
#participanPortalLoginForm .input-container input::-ms-reveal,
#participanPortalLoginForm .input-container input::-ms-clear,
#participanPortalLoginForm .input-container input::-webkit-outer-spin-button,
#participanPortalLoginForm .input-container input::-webkit-inner-spin-button {
  display: none;
}

.participantNone {
  text-align: center;
  border: #2f87c5 1px solid;
}

.payment {
  border-radius: 5px;
  background: #c1dcaf;
  padding: 3px;
  margin-bottom: 2px;
  margin: 3px;
}

.paymentRow div {
  display: inline-block;
}
.paymentRow .participant {
  width: 300px;
  text-align: left;
}
.paymentRow .id {
  width: 60px;
}
.paymentRow .payMethod {
  width: 130px;
}
.paymentRow .action {
  width: 140px;
}
.paymentRow form {
  display: inline-block;
}

.paymentBody {
  display: none;
  padding: 10px;
}
.paymentBody div {
  display: inline-block;
}
.paymentBody .id {
  width: 60px;
}

#payOnReceiptWrapper {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid thin #e8e8e8;
  border-radius: 3px;
  margin: unset;
  padding: 2px 0px;
}

.pendingRefundDetailsDiv table {
  display: table;
  width: 100%;
}
.pendingRefundDetailsDiv table td, .pendingRefundDetailsDiv table th {
  padding: 5px;
  cursor: default;
}
.pendingRefundDetailsDiv table td:last-child, .pendingRefundDetailsDiv table th:last-child, .pendingRefundDetailsDiv table td:nth-last-child(-n+2), .pendingRefundDetailsDiv table th:nth-last-child(-n+2) {
  text-align: center;
}

.phone {
  width: 90px;
}

.providerPinnedNote {
  right: 20px;
  bottom: 368px;
  width: 450px;
  height: 340px !important;
  white-space: pre-wrap;
}

.pin1, .pin0 {
  display: inline-block;
  margin: 5px;
}

.pin1 {
  color: black;
}

.pin0 {
  color: #cbcbcb;
}

.planAllocations {
  margin: 10px;
  padding: 10px;
  border-radius: 3px;
  background: #e3f9ff;
  border-collapse: collapse;
}
.planAllocations .allocationBar, .planAllocations .providerSpentBar {
  border-collapse: collapse;
  position: relative;
  min-height: 45px;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
}
.planAllocations .allocationBar .label, .planAllocations .providerSpentBar .label {
  display: none;
}
.planAllocations .allocationBar .progress, .planAllocations .providerSpentBar .progress {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  height: 6px;
}
.planAllocations .allocatRemainingLabel {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  padding: 5px;
  border-radius: 3px;
  right: 5px;
  top: 2px;
  font-size: 12px;
  text-align: right;
}
.planAllocations .allocationSummary .allocationBar {
  border-radius: 0px;
  white-space: nowrap;
}
.planAllocations .allocationLegend {
  margin-top: 10px;
  padding: 10px;
  text-align: left;
}
.planAllocations .allocationLegend .wrapper {
  display: flex;
  gap: 1rem;
  margin-bottom: 15px;
}
.planAllocations .allocationLegend .wrapper .providerBudgetInfoIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.planAllocations .allocationLegend .wrapper .providerBudgetInfoIcon:hover {
  filter: brightness(80%);
}
.planAllocations .allocationLegend .wrapper .allocationLegendIcon {
  width: 50px;
  height: 30px;
}
.planAllocations .allocationLegend .wrapper .allocationLegendText {
  margin: 0;
}
.planAllocations .allocationLegendIcon {
  width: 20px;
  height: 20px;
  margin: 2px 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}
.planAllocations .allocationLegendText {
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  vertical-align: top;
  margin-bottom: 10px;
}
.planAllocations .allocationLegendText .business {
  font-weight: bold;
}
.planAllocations .allocationLegendText .label {
  width: 100px;
}
.planAllocations .allocationLegendText .remaining {
  font-weight: bold;
  color: #F57921;
}
.planAllocations .allocationLegendText .remainingPerWeek {
  margin-top: 10px;
  font-weight: bold;
}
.planAllocations .createForm {
  text-align: right;
  margin-top: 10px;
}
.planAllocations .createForm input, .planAllocations .createForm select {
  font-size: 12px;
  color: #999;
}
.planAllocations form {
  display: inline-block;
}

.planAllocationsShow {
  float: right;
  font-size: 24px;
  color: #ccc;
  cursor: pointer;
}

.portal {
  width: 100%;
  display: inline-block;
}
.portal div {
  box-sizing: border-box;
}
.portal .accordHead {
  padding: 15px 5px;
  margin-top: 8px;
  color: #969696;
  font-size: 22px;
  cursor: pointer;
  vertical-align: middle;
}
.portal .accordHead:before {
  content: none;
}
.portal .accordContent {
  display: none;
  text-align: left;
  overflow: hidden;
}
.portal .alert {
  border: solid thin #ff0000;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
}
.portal #allBudgetsContainer {
  overflow: hidden;
}
.portal .button {
  margin-top: 5px;
}
.portal .budgetGroup {
  padding: 10px 10px 0 10px;
  margin: 10px 0;
  border-radius: 5px;
}
.portal .Capacity {
  background: #F57921;
  border: solid thin #F57921;
}
.portal .Capacity .budgetTitle {
  color: #F57921;
}
.portal .centerFixedDialog {
  position: fixed;
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
  background: white;
  border-radius: 5px;
  border: solid 2px orange;
  max-height: 90vh;
  width: 450px;
  max-width: 95vw;
  overflow: auto;
}
.portal .centerFixedDialog .content {
  overflow-y: scroll;
  margin: 0;
  padding: 10px;
}
.portal .centerFixedDialog .content .label {
  font-weight: bold;
  display: inline-block;
  width: 250px;
}
.portal .centerFixedDialog .content .value {
  display: inline-block;
}
.portal .clientInvoice {
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 3px;
}
.portal .clientInvoice div {
  vertical-align: middle;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.portal .clientInvoice .date {
  width: 85px;
  display: inline-block;
}
.portal .clientInvoice .Entered {
  color: #fff;
  background: #306e00;
  border: solid thin #306e00;
}
.portal .clientInvoice .invoiceContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
}
.portal .clientInvoice .invoiceContainer .uploadLink {
  flex: 0 0 30px;
  text-align: left;
}
.portal .clientInvoice .invoiceContainer .date {
  flex: 0 0 55px;
}
.portal .clientInvoice .invoiceContainer .participant {
  flex: 1 0 120px;
  text-align: left;
}
.portal .clientInvoice .invoiceContainer .business {
  flex: 3 0 170px;
  text-align: left;
}
.portal .clientInvoice .invoiceContainer .invNo {
  flex: 0 0 90px;
  text-align: left;
}
.portal .clientInvoice .invoiceContainer .invStatus {
  flex: 0 0 90px;
}
.portal .clientInvoice .invoiceContainer .price {
  flex: 0 0 90px;
}
.portal .clientInvoice .invoiceContainer .formBox {
  flex: 0 0 90px;
}
.portal .clientInvoice .invStatus {
  font-size: 13px;
  padding: 3px;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}
.portal .clientInvoice .fas, .portal .clientInvoice .far {
  font-size: 25px;
}
.portal .clientInvoice .formBox {
  padding: 0;
  background: inherit;
}
.portal .clientInvoice .formBox form {
  display: inline-block;
}
.portal .clientInvoice .formBox form input {
  padding: 0;
  margin: 0;
}
.portal .clientInvoice .helpBut {
  font-size: 16px;
  padding: 3px;
  width: 25px;
  height: 25px;
  margin: 0;
}
.portal .clientInvoice .Paid, .portal .clientInvoice .PaidReimb {
  color: #676767;
  border: solid thin #676767;
  background: #f5f5f5;
}
.portal .clientInvoice .Processing {
  color: #00aa0d;
  border: solid thin #ff9f00;
  background: white;
}
.portal .clientInvoice .Pending {
  background: #ffedcf;
  color: #d18200;
  border: solid thin #ff9f00;
}
.portal .clientInvoice .pendingReject {
  color: #ff8000;
}
.portal .clientInvoice .pendingApprove {
  color: #579600;
  margin-left: 5px;
}
.portal .clientInvoice .Requested {
  background: #3c1177;
  color: #ffffff;
  border: solid thin #3c1177;
}
.portal .clientInvoice .Received {
  background: #005f8b;
  color: #fff;
  border: solid thin #005f8b;
}
.portal .clientInvoice .Rejected {
  background: #b90101;
  color: #fff;
  border: solid thin #b90101;
}
.portal .clientInvoice .uploadLink {
  height: 100%;
  padding: 0 5px 0 0px;
  margin: 5px 0;
}
.portal .Stated {
  background: #157885;
  border: solid thin #157885;
}
.portal .Stated .budgetTitle {
  color: #157885;
}
.portal .Core {
  background: #23C2D8;
  border: solid thin #23C2D8;
}
.portal .Core .budgetTitle {
  color: #23C2D8;
}
.portal .Capital {
  background: #b5d823;
  border: solid thin #b5d823;
}
.portal .Capital .budgetTitle {
  color: #b5d823;
}
.portal .CapacityText {
  color: #F57921;
  font-weight: bold;
}
.portal .CoreText {
  color: #23C2D8;
  font-weight: bold;
}
.portal .CapitalText {
  color: #b5d823;
  font-weight: bold;
}
.portal .budgetGroupTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: white;
}
.portal .budgetTitle {
  margin: 15px 0;
  font-size: 20px;
  color: #9d9d9d;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.portal .clientBudget {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  background: white;
}
.portal .clientBudget .supportDetailsBtn {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 8px;
  background-color: #2485b1;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.portal .clientBudget .supportDetailsBtn i {
  font-size: 14px;
}
.portal .clientBudget .supportDetailsBtn:hover {
  background-color: #1d6f94;
}
.portal .clientInvLeft {
  min-width: 70px;
}
.portal .container {
  padding: 15px;
}
.portal .consentCheck {
  vertical-align: top;
  width: 30px;
  height: 30px;
  line-height: 25px;
  display: inline-block;
}
.portal .consentCheck input {
  margin: 0;
}
.portal .consentDescription {
  vertical-align: top;
  width: calc(100% - 50px);
  margin-top: 5px;
  font-size: 14px;
  display: inline-block;
}
.portal .container {
  width: 100%;
  max-width: 1080px;
  margin: 0;
}
.portal .clientGraphHorizonal {
  border: solid thin #b0eaff;
  color: #999;
  font-size: 12px;
}
.portal .clientGraphHorizonal .daysLeft, .portal .clientGraphHorizonal .daysPast, .portal .clientGraphHorizonal .dollarsLeft, .portal .clientGraphHorizonal .moneySpent {
  height: 20px;
}
.portal .clientGraphHorizonal .daysPast, .portal .clientGraphHorizonal .moneySpent {
  text-align: left;
  white-space: nowrap;
  background: #c1eeff;
}
.portal .clientGraphHorizonal .daysLeft {
  float: right;
  display: inline-block;
  text-align: right;
  background: #edfaff;
}
.portal .clientGraphHorizonal .daysLeftLabel {
  float: right;
  white-space: nowrap;
  background: rgba(237, 250, 255, 0.8);
  padding: 2px;
  border-radius: 3px;
}
.portal .clientGraphHorizonal .moneySpent {
  background: #ecc1ff;
  border-right: solid 2px #cd5dff;
  padding: 10px;
}
.portal .clientGraphHorizonal .dollarsLeft {
  padding: 10px;
  float: right;
  display: inline-block;
  text-align: right;
  background: #f6e3ff;
}
.portal .clientGraphHorizonal .dollarsLeftLabel {
  float: right;
  white-space: nowrap;
  background: rgba(246, 227, 255, 0.8);
  padding: 2px;
  border-radius: 3px;
}
.portal .contactDetails .iconArea {
  border: solid thin #f4f4f4;
  padding: 10px;
  margin: 5px 0;
  max-width: 500px;
}
.portal .contactDetails .iconArea input#portalCallSwitch {
  height: 0;
  width: 0;
  visibility: hidden;
}
.portal .contactDetails .iconArea label[for=portalCallSwitch] {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 35px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0;
}
.portal .contactDetails .iconArea label[for=portalCallSwitch]:after {
  content: "";
  position: absolute;
  top: 1.75px;
  left: 1.75px;
  width: 31.5px;
  height: 31.5px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.portal .contactDetails .iconArea input#portalCallSwitch:checked + label[for=portalCallSwitch] {
  background: #bada55;
}
.portal .contactDetails .iconArea input#portalCallSwitch:checked + label[for=portalCallSwitch]:after {
  left: calc(100% - 1.75px);
  transform: translateX(-100%);
}
.portal .contactDetails .iconArea label[for=portalCallSwitch]:active:after {
  width: 45.5px;
}
.portal .contactDetails .icon {
  width: 17%;
  display: inline-block;
  text-align: center;
  color: #d4d4d4;
  vertical-align: middle;
}
.portal .contactDetails .icon .far, .portal .contactDetails .icon .fas {
  font-size: 40px;
  display: inline-block;
}
.portal .contactDetails .iconText {
  width: 79%;
  font-size: 14px;
  word-break: break-all;
  vertical-align: middle;
  display: inline-block;
}
.portal .contactDetails .iconText a:link, .portal .contactDetails .iconText a:visited {
  color: #23c2d8;
  font-weight: bold;
}
.portal .emailPrefDisabled {
  opacity: 0.5;
}
.portal .Entered {
  color: #2f7b03;
  background: #f3ffed;
  border: solid thin #4cd000;
}
.portal .fas {
  margin: 0;
}
.portal .fas, .portal .far {
  font-size: 25px;
}
.portal .filterRow {
  margin: 30px 0;
}
.portal form {
  width: 100%;
}
.portal .fpBtnWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 10px 0px;
  color: #0093c9;
  cursor: default;
  background: #e1f7fb;
  padding: 10px;
  border-radius: 5px;
  outline: 1px solid #bde9ff;
}
.portal .fpBtnWrapper .showFundingPeriodsBtn {
  padding: 8px;
  background-color: #2485b1;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.portal .fpBtnWrapper .showFundingPeriodsBtn:hover {
  background-color: #1d6f94;
}
.portal .ledgerRow {
  text-align: left;
}
.portal .label {
  text-align: left;
  width: 150px;
  color: #999;
}
.portal .leftCol {
  width: 50%;
  margin-right: 10px;
}
.portal .icon {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.portal input, .portal select {
  padding: 10px;
  margin-top: 10px;
}
.portal input[type=checkbox], .portal input[type=radio] {
  width: 25px;
}
.portal input[type=submit] {
  padding: 5px;
  max-width: 120px;
}
.portal #invActionTotal {
  font-size: 32px;
}
.portal #login input {
  width: calc(100% - 25px) !important;
  margin: 5px 0;
}
.portal .Paid {
  border: solid thin #cbcbcb;
}
.portal .Pending {
  background: #fff9f0;
  border: solid thin #ff9f00;
}
.portal .planAllocations {
  margin: 0;
  padding: 0;
  background: #fff;
}
.portal .progressBar, .portal #uploadProgressBar {
  border-radius: 10px;
  height: 10px;
  background: #23C2D8;
}
.portal .progressHolder {
  border-radius: 10px;
  border: solid thin #e5e5e5;
}
.portal .progressLabel {
  width: 100%;
  text-align: left;
  font-size: 14px;
}
.portal .Received {
  color: #006391;
  background: #cff0ff;
  border: solid thin #49c5ff;
}
.portal .Rejected {
  background: #fff3f3;
  color: #b90101;
  border: solid thin #ff9191;
}
.portal .Requested {
  color: #5c00dd;
  background: #ece0fd;
  border: solid thin #b783ff;
}
.portal #signupContent h1, .portal #signupContent h2, .portal #signupContent h4, .portal #signupContent p, .portal #signupContent select, .portal #signupContent input[type=text], .portal #signupContent input[type=password], .portal #signupContent input[type=file], .portal #signupContent input[type=email], .portal #signupContent .label, .portal #signupContent img, .portal #signupContent .errorDetail, .portal #signupContent ul, .portal #signupContent .progressHolder, .portal .employeeAssessment h1, .portal .employeeAssessment h2, .portal .employeeAssessment h4, .portal .employeeAssessment p, .portal .employeeAssessment select, .portal .employeeAssessment input[type=text], .portal .employeeAssessment input[type=password], .portal .employeeAssessment input[type=file], .portal .employeeAssessment input[type=email], .portal .employeeAssessment .label, .portal .employeeAssessment img, .portal .employeeAssessment .errorDetail, .portal .employeeAssessment ul, .portal .employeeAssessment .progressHolder {
  width: 90%;
  max-width: 400px;
  display: inline-block;
  box-sizing: border-box;
}
.portal #signupContent input[type=checkbox], .portal .employeeAssessment input[type=checkbox] {
  vertical-align: middle;
}
.portal #signupContent .checklabel, .portal .employeeAssessment .checklabel {
  width: calc(90% - 35px);
  max-width: 370px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-top: 0px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.portal #signupContent select, .portal #signupContent input[type=text], .portal #signupContent input[type=password], .portal #signupContent input[type=checkbox], .portal #signupContent input[type=email], .portal .employeeAssessment select, .portal .employeeAssessment input[type=text], .portal .employeeAssessment input[type=password], .portal .employeeAssessment input[type=checkbox], .portal .employeeAssessment input[type=email] {
  margin-bottom: 15px;
}
.portal #signupContent a, .portal .employeeAssessment a {
  font-weight: bold;
  border: solid thin #d9d9d9;
  background: #f0f0f0;
  padding: 1px 3px;
  margin: 3px;
  border-radius: 3px;
  display: inline-block;
}
.portal #signupContent a:hover, .portal .employeeAssessment a:hover {
  background: #d9d9d9;
}
.portal #signupContent .back, .portal .employeeAssessment .back {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #F57921;
}
.portal #signupContent .consents .label, .portal .employeeAssessment .consents .label {
  vertical-align: middle;
  margin-top: -10px;
}
.portal #signupContent .errorDetail, .portal .employeeAssessment .errorDetail {
  text-align: left;
}
.portal #signupContent input[type=file], .portal .employeeAssessment input[type=file] {
  border: solid thin #23C2D8;
}
.portal #signupContent select, .portal #signupContent input, .portal .employeeAssessment select, .portal .employeeAssessment input {
  margin-top: 0;
}
.portal #signupContent form, .portal .employeeAssessment form {
  margin: 20px 0;
  text-align: center;
}
.portal #signupContent .label, .portal .employeeAssessment .label {
  margin-top: 0px;
  margin-left: 5px;
}
.portal #signupContent .label, .portal #signupContent .checklabel, .portal .employeeAssessment .label, .portal .employeeAssessment .checklabel {
  font-size: 14px;
}
.portal #signupContent li, .portal .employeeAssessment li {
  margin: 4px 0;
}
.portal #signupContent .next, .portal #signupContent .back, .portal .employeeAssessment .next, .portal .employeeAssessment .back {
  padding: 10px;
  height: 50px;
  cursor: pointer;
  width: auto;
  max-width: 300px;
}
.portal #signupContent .next, .portal .employeeAssessment .next {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #23C2D8;
}
.portal #signupContent p, .portal .employeeAssessment p {
  text-align: left;
}
.portal #signupContent .progress, .portal .employeeAssessment .progress {
  margin-left: 10px;
}
.portal #signupContent textarea, .portal .employeeAssessment textarea {
  width: 90%;
  max-width: 400px;
  height: 120px;
}
.portal .spendSpeedReport {
  position: relative;
  padding: 10px;
  width: 100%;
  background: white;
  padding: 0;
}
.portal .spendSpeedReport .closeButton {
  top: 16px;
  right: 10px;
  z-index: 10;
  background: white;
}
.portal .table {
  width: 100%;
}
.portal .td {
  padding: 8px;
  font-size: 15px;
  display: table-cell;
}
.portal .tr {
  border-bottom: solid 2px #ffffff;
  padding: 0 5px;
}
.portal .leftCol, .portal .rightCol {
  display: inline-block;
}
.portal .legalStuff {
  display: flex;
  align-items: center;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.portal .legalStuff .headNotify {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 0.5rem;
}
.portal .legalStuff .headNotify #consent_alert {
  all: unset;
  color: red;
}
.portal .progress {
  width: calc(100% - 50px);
}
.portal .rightCol {
  width: calc(50% - 60px);
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
.portal .update {
  font-size: 18px;
}

.price {
  width: 70px;
  vertical-align: middle;
  text-align: right;
}

.primaryPost {
  position: relative;
}

.product, schedule {
  padding: 5px;
  background: rgb(226, 226, 226);
  border-radius: 5px;
  margin-bottom: 5px;
}

#projects div, .report div {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
#projects .complete, .report .complete {
  background: white;
}
#projects .stale, .report .stale {
  background: #b4b4b4;
}
#projects .queued, .report .queued {
  background: #abdde8;
}
#projects .quoted, .report .quoted {
  background: #dbaeeb;
}
#projects .inProcess, .report .inProcess {
  background: #cdebae;
}
#projects .onHold, .report .onHold {
  background: #ebd6ae;
}
#projects .template, .report .template {
  background: #97e3ff;
}

#promptToDuplicateInvoice, #migratedInvoicesReport {
  position: fixed;
  display: block;
  text-align: left;
  width: 600px;
  height: 180px;
  top: 50px;
  left: 50%;
  margin-left: -300px;
  border-collapse: collapse;
}
#promptToDuplicateInvoice .td, #migratedInvoicesReport .td {
  padding: 10px;
  border: solid thin #eaeaea;
}

#promptToDuplicateInvoice {
  height: -moz-fit-content;
  height: fit-content;
  cursor: default;
  resize: vertical;
}

.providerBlacklistDialog {
  width: 65rem;
  cursor: default;
}
.providerBlacklistDialog table {
  display: table;
}
.providerBlacklistDialog table th {
  text-align: center;
}
.providerBlacklistDialog table .providerTd, .providerBlacklistDialog table .reasonTd {
  text-wrap: wrap;
}
.providerBlacklistDialog table .dateTd, .providerBlacklistDialog table .userTd, .providerBlacklistDialog table .preventInvoicesTd, .providerBlacklistDialog table .deleteBlacklistRecordTd {
  text-align: center;
}
.providerBlacklistDialog table .userTd div {
  margin: 0 auto;
}
.providerBlacklistDialog table .deleteBlacklistRecordTd {
  cursor: pointer;
  text-align: center;
}
.providerBlacklistDialog table .deleteBlacklistRecordTd i {
  color: rgba(255, 0, 0, 0.4941176471);
}
.providerBlacklistDialog table .deleteBlacklistRecordTd:hover i {
  color: #ff0000;
}
.providerBlacklistDialog table tr[data-tablename=participant_blacklist] {
  background: #ffefd1;
}
.providerBlacklistDialog #addRecordsWrapper {
  display: flex;
  justify-content: space-between;
}
.providerBlacklistDialog #newBlacklistRecordContainer {
  display: flex;
  flex-direction: column;
  width: 28rem;
  margin-top: 1.5rem;
  outline: 2px solid #23C2D8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f0f0f0;
  justify-content: space-between;
  padding: 1rem;
  gap: 1rem;
}
.providerBlacklistDialog #newBlacklistRecordContainer input, .providerBlacklistDialog #newBlacklistRecordContainer textarea {
  outline: 1px solid grey;
}
.providerBlacklistDialog #newBlacklistRecordContainer textarea {
  height: 3rem;
  resize: none;
}
.providerBlacklistDialog #newBlacklistRecordContainer #wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.providerBlacklistDialog #newBlacklistRecordContainer #wrapper #addRecordButton, .providerBlacklistDialog #newBlacklistRecordContainer #wrapper #addParticipantRecordButton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  outline: 1px solid grey;
  padding: 0.35rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  background: #fff;
  cursor: pointer;
}
.providerBlacklistDialog #newBlacklistRecordContainer #wrapper #addRecordButton:hover, .providerBlacklistDialog #newBlacklistRecordContainer #wrapper #addParticipantRecordButton:hover {
  opacity: 0.8;
}

#migratedInvoicesReport {
  height: 100px;
}

.provider {
  text-align: left;
}

.providerPortalAccountTip {
  position: absolute;
  right: 306px;
  bottom: 736px;
  cursor: default;
}

.providerPortal #announcement {
  width: 100%;
  max-width: 450px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 20px 0;
  padding: 0;
}
.providerPortal #announcement .announceLabel, .providerPortal #announcement .announceDays {
  display: inline-block;
  align-self: center;
  padding: 10px;
  color: white;
  line-height: 30px;
}
.providerPortal #announcement .announceLabel {
  font-size: 16px;
  flex-grow: 2;
  text-align: right;
  background: #23C2D8;
  margin: 0;
  border-radius: 100px 0 0 100px;
}
.providerPortal #announcement .announceDays {
  font-weight: bold;
  font-size: 30px;
  flex-grow: 2;
  text-align: left;
  background: #F57921;
  margin: 0;
  border-radius: 0 100px 100px 0;
}
.providerPortal .clientInvoice .invStatus {
  color: white;
  cursor: help;
}
.providerPortal h1, .providerPortal h2, .providerPortal h3, .providerPortal h4 {
  margin: 20px 5px;
}
.providerPortal .invrequested, .providerPortal .invrequestedPP {
  background: #9c00e2;
}
.providerPortal .invpending {
  background: #d67c00;
}
.providerPortal .inventered {
  background: #c4ff3e;
  color: #808080 !important;
}
.providerPortal .invrejected {
  background: #ffe0e0;
}
.providerPortal .invpaid {
  background: #3c9d00;
}
.providerPortal .invreceived {
  background: #00979d;
}
.providerPortal .invpendingRefund {
  background: #ffffff;
  border: solid thin red;
  color: #808080 !important;
}
.providerPortal .payWithRefund {
  background: #ffffff;
  border: solid thin #3c9d00;
  color: #808080 !important;
}
.providerPortal .providerReports {
  padding: 10px;
}
.providerPortal .providerReports div {
  padding: 5px;
  display: inline-block;
}
.providerPortal .providerReports .amountBar {
  background: #b5dfe5;
  display: block;
  border-radius: 0px 20px 20px 0px;
  margin-bottom: 3px;
}
.providerPortal .providerReports .barLabel {
  font-size: 12px;
  padding: 0;
}
.providerPortal .providerReports .barTitleLeft {
  width: 150px;
}
.providerPortal .providerReports .barText {
  white-space: nowrap;
  padding: 3px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
.providerPortal .providerReports .barHolder {
  display: inline-block;
  width: 100%;
}
.providerPortal .providerReports .label {
  display: inline-block;
  color: #F57921;
  width: 170px;
}
.providerPortal .providerReports .separator {
  height: 30px;
  width: 100%;
  border-bottom: solid thin #ccc;
}
.providerPortal .providerReports .statistic {
  display: inline-block;
  color: #23C2D8;
}
.providerPortal .scrollWindow {
  height: 60vh;
  overflow-y: auto;
  width: 100%;
}

.providerpending {
  background: #ffedcf !important;
}

.provideractive {
  background: #e7ffd5 !important;
}

.providerinactive {
  background: #f5f5f5 !important;
}

.providerreimburseOnly {
  background: #d2efff !important;
}

.providerSpentBar {
  display: inline-block;
}

.providerWarningLevel {
  right: 20px;
  bottom: 305px;
  width: 500px;
}

.postTextContainer {
  text-align: left;
}

#publicForm textarea {
  vertical-align: top;
}

.recent {
  /*display:none;*/
}

.refresh {
  font-size: 30px;
  margin: 8px;
  color: #9cc96e;
  float: right;
  line-height: 20px;
  cursor: pointer;
}

.removeInvoiceRow:hover {
  background: red;
  color: white;
}

.removeAttachment {
  display: inline-block;
  border: solid thin #ccc;
  border-radius: 3px;
  padding: 2px 5px;
  cursor: pointer;
}
.removeAttachment:hover {
  background: red;
  color: white;
}

.repeatIcon {
  width: 24px;
  text-align: center;
}

.reportHeader {
  background: #ccc;
  cursor: pointer;
  padding: 5px;
  margin-top: 10px;
}

.resetDisplay {
  cursor: pointer;
}

.roundButton {
  cursor: pointer;
  width: 25px;
  height: 25px;
  line-height: 12px;
  border-radius: 50%;
  padding: 5px;
  font-size: 22px;
  font-weight: bold;
  color: #afafaf;
  background: #ebebeb;
  border: solid thin #e3e3e3;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}

.roundGrey {
  border-radius: 5px;
  padding: 10px;
  background: rgb(255, 255, 255);
  /*display:inline-block;*/
}

.replyToWrapper {
  display: flex;
  align-items: center;
}

.report {
  text-align: left !important;
  display: none;
}
.report .bar {
  background-color: #09F;
  border-radius: 5px;
  height: 10px;
}
.report .bar2 {
  background-color: #0C3;
  border-radius: 5px;
  height: 10px;
}
.report .lineItem {
  display: inline-block;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.report .week {
  margin: 0px 10px 0px 10px;
}
.report .reportPrice {
  text-align: right;
}
.report td {
  padding: 5px 10px;
  margin: 0;
}
.report .reportTotals {
  font-weight: bold;
  background: #abdde8;
}
.report .reportTable td {
  vertical-align: top;
}
.report .reportTable table {
  padding: 0;
}
.report .teamsMetricGroup {
  display: block;
  padding: 5px;
  margin: 5px;
  border: solid thin #ccc;
  width: 90%;
  max-width: 700px;
}
.report .teamsMetricGroup .groupLabel {
  display: inline-block;
  width: 150px;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.report .teamsMetricGroup .barsContainer {
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
}
.report .teamsMetricGroup .teamLabel {
  width: 100px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}
.report .teamsMetricGroup .barContainer {
  display: inline-block;
  width: calc(100% - 100px);
}
.report .teamsMetricGroup .barContainer .bar {
  display: inline-block;
}
.report .totalLine {
  position: absolute;
  height: 4px;
  background: #cccccc;
  left: 0;
  width: 100%;
}
.report .vertArea {
  display: inline-block;
  overflow: hidden;
  height: 500px;
  vertical-align: bottom;
  text-align: center;
  margin: 0px;
  position: relative;
  transition: all 500ms;
}
.report .vertArea .graphTop, .report .vertArea .graphBottom {
  margin: 2px;
  width: 20px;
}
.report .vertArea .graphTop .blockOverlay {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.report .vertArea .graphBottom .blockStacked {
  position: relative;
  display: block;
  width: 100%;
}
.report .vertAttritnBar1, .report .vertAttritnBar2 {
  position: absolute;
  top: 1px;
  width: 30px;
  padding: 0px 2px;
  text-align: center;
}
.report .vertAttritnBar1 {
  background: #ffb764;
}
.report .vertAttritnBar2 {
  background: #f28303;
}
.report .vertBarLabel, .report .vertBarLabel2 {
  position: absolute;
  vertical-align: baseline;
  width: calc(100% - 4px);
  text-align: center;
}
.report .vertBarLabel {
  top: 5px;
}
.report .vertBarLabel2 {
  top: 28px;
  color: blue;
}
.report .vertDebitBar, .report .vertClientsBar, .report .vertCreditBar {
  display: inline-block;
  vertical-align: baseline;
}
.report .vertDebitBar {
  background: #dbaeeb;
  width: 15px;
  margin: 0 10px 0 2px;
}
.report .vertChannelBar {
  width: 10px;
  position: relative;
  background: #e8e8e8;
  display: inline-block;
  margin: 0 1px;
}
.report .vertClientsFloatBar {
  width: 30px;
  position: absolute;
  bottom: 0;
  background: #74b2bf;
}
.report .vertClientsBar {
  width: 30px;
  background: #abdde8;
  padding: 0px 2px;
  text-align: center;
  position: relative;
}
.report .vertCreditBar {
  background: #abdde8;
  width: 15px;
  margin: 0 2px 0 10px;
}
.report .vertSpacer {
  display: inline-block;
  height: 100%;
}

.round {
  border-radius: 3px;
  padding: 10px;
}

.selectPrice {
  cursor: pointer;
  vertical-align: middle;
}
.selectPrice div {
  vertical-align: middle;
}
.selectPrice:hover {
  background: #d2ecff;
}

.signupProcess {
  position: absolute;
  right: 10px;
  height: 380px;
  width: 450px;
  bottom: 270px;
  color: #333;
  font-weight: normal;
}
.signupProcess input[type=checkbox], .signupProcess input[type=radio] {
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.signupProcess .process {
  display: block;
  padding: 5px;
  margin: 5px;
  background: rgba(255, 255, 255, 0.6);
  border: solid thin #cccccc;
  border-radius: 3px;
}

.skillsList tr {
  text-align: left;
}
.skillsList input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 10px;
  cursor: pointer;
}
.skillsList input[type=checkbox]:checked {
  background: rgb(78, 78, 78);
}
.skillsList .ledgerRow {
  text-align: left;
  margin: 0;
  padding: 2px;
}
.skillsList .ledgerRow div {
  padding: 3px;
  vertical-align: middle;
}
.skillsList .ledgerRow .name {
  width: 280px;
}
.skillsList .ledgerRow .skillName {
  width: 650px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
}
.skillsList .ledgerRow .groupName {
  font-size: 20px;
  font-weight: bold;
  width: 650px;
}
.skillsList .ledgerRow .groupId {
  width: 150px;
}
.skillsList .ledgerRow .historyIcon {
  width: 30px;
  margin: 0;
  padding: 0;
}
.skillsList .ledgerRow .description {
  width: 120px;
}
.skillsList .ledgerRow .link {
  width: 220px;
}
.skillsList .ledgerRow .notesIcon {
  width: 30px;
  margin: 0;
  padding: 0;
}
.skillsList .ledgerRow .roleName {
  width: 150px;
}
.skillsList .ledgerRow .skillCheckboxes form, .skillsList .ledgerRow .skillCheckboxes i {
  vertical-align: middle;
}
.skillsList .ledgerRow .skillCheckboxes {
  width: 120px;
  height: 30px;
  text-align: center;
}
.skillsList .ledgerRow form {
  vertical-align: top;
}

.smallredtext {
  color: #F00;
  font-size: 12px;
}

.smallgreytext {
  color: #666;
  font-size: 12px;
}

.smalltext {
  font-size: 10px;
}

.snailMail {
  left: 100px;
  top: 100px;
  height: calc(100vh - 200px);
  width: calc(100vw - 200px);
  max-width: 800px;
}

.spendSpeedWrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 10px;
}

.staffMetricsContainer .col {
  width: calc(33% - 20px);
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin: 10px;
}

.staffReportContainer {
  margin: 0;
  padding: 20px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 20px 0;
  border-radius: 3px;
}
.staffReportContainer .activityBar {
  height: 10px;
  margin: 1px 0 !important;
  padding: 2px !important;
  vertical-align: top;
  border-radius: 0 10px 10px 0;
}
.staffReportContainer .barContainer {
  display: inline-block;
  height: 12px;
  padding: 0px !important;
  margin: 5px 0;
  width: 80%;
  background: white;
  z-index: 100;
}
.staffReportContainer .KPItargetHolder {
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
  position: relative;
}
.staffReportContainer .KPItargetHolder .KPItargetIndicator {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 0px !important;
  margin: 0px !important;
  z-index: 10;
}
.staffReportContainer .label {
  width: 18%;
  font-size: 12px;
  padding: 0;
  color: grey;
  vertical-align: top;
  margin-top: 5px;
}
.staffReportContainer .rank {
  position: absolute;
  top: 5px;
  right: 5px;
}

.red {
  color: #fff;
  border: solid 1px #980c10;
  background: #BD0000;
  background: -moz-linear-gradient(top, #9C0000, #700000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C0000', endColorstr='#700000');
}

.replaceInput {
  border-radius: 5px;
  padding: 5px;
  border: solid thin #e6e6e6;
}

.rotate45 {
  text-align: left;
  white-space: nowrap;
  transform: rotate(-45deg);
}

.schedules {
  width: 950px;
  left: 50%;
  margin-left: -475px;
  min-height: 120px;
  top: 120px;
}
.schedules form {
  display: inline-block;
}

.search {
  border: 2px solid #6693d0;
  padding: 10px;
}

.selectSupportNumber {
  width: 125px;
}

.showChildren, .showHidden, .loadNext {
  font-weight: bold;
  color: #d0d0d0;
  font-size: 30px;
  line-height: 30px;
  padding: 0 !important;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.signature .td {
  padding: 1px 8px;
}

#transferInvoiceLock {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 5px;
  outline: 2px solid orange;
  padding: 0.4rem;
  cursor: pointer;
}
#transferInvoiceLock:hover {
  background-color: rgba(255, 166, 0, 0.349);
}

.rowFloatLeft {
  left: 5px;
  top: 5px;
  position: absolute;
  padding: 0 !important;
  height: 30px;
  overflow: hidden;
}

.rowFloatRight {
  right: 5px;
  top: 5px;
  position: absolute;
  padding: 0 !important;
  height: 30px;
  overflow: hidden;
}

.sendPortalCreationEmail {
  display: flex !important;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: 720px;
  cursor: pointer;
}
.sendPortalCreationEmail i {
  color: orange;
}
.sendPortalCreationEmail:hover {
  outline: 2px solid orange;
}

.settingRow {
  padding: 3px;
  background: #f2f2f2;
  margin: 3px;
  border-radius: 3px;
}

.showMore {
  cursor: pointer;
  display: inline-block;
  background: url("images/right.png");
  background-size: contain;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.showOnFocus {
  display: none;
}

.showSplitDetail {
  width: 64px;
  cursor: pointer;
  background: #dbdbdb;
  border-color: #d4d4d4;
  padding: 3px 5px;
  margin: 5px !important;
}

.splitInvItemRow {
  width: 30px;
  cursor: pointer;
  text-align: center;
}

.staffLeaveAnnual {
  background: #ffe4a9;
  border: solid thin #ffb617;
}

.staffLeavePersonal {
  background: #fffbc3;
  border: solid thin #d3be49;
}

.staffLeavePublic {
  background: #dac3ff;
  border: solid thin #7a42d4;
}

.staffLeaveCompassionate {
  background: #c3fbff;
  border: solid thin #369aa1;
}

.notExpected, .staffLeaveRDO {
  background: #e7e7e7;
  border: solid thin #bbbbbb;
}

.smartFillDataDialog {
  width: 95%;
  max-width: 2000px;
}

.smsRecordsContainer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 2rem 0;
}
.smsRecordsContainer .smsRecord {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #f5f5f5;
  justify-content: space-evenly;
}
.smsRecordsContainer .smsRecord .heading {
  color: #069;
  font-weight: bold;
}
.smsRecordsContainer .smsRecord .staff {
  width: 2rem;
}
.smsRecordsContainer .smsRecord .recipient {
  width: 10rem;
}
.smsRecordsContainer .smsRecord .mobile {
  width: 6rem;
}
.smsRecordsContainer .smsRecord .content {
  width: 30rem;
}
.smsRecordsContainer .smsRecord .queuedAt {
  width: 7rem;
}
.smsRecordsContainer .smsRecord .sentAt {
  width: 7rem;
}
.smsRecordsContainer .smsRecord .del {
  width: 2rem;
}

.snailMailDiv {
  display: flex !important;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  right: 264px;
  bottom: 660px;
  width: 12.2rem;
  cursor: default;
}
.snailMailDiv input {
  cursor: pointer;
}
.snailMailDiv i {
  cursor: default;
  color: orange;
}

.staffPayColumn {
  display: inline-block;
  margin: 10px;
  text-align: left;
  background: #f4f4f4;
  padding: 10px;
  margin: 10px 5px;
}
.staffPayColumn div {
  margin: 3px 0;
}
.staffPayColumn .dateRange {
  display: inline-block;
}
.staffPayColumn .clientsJoined {
  color: #23C2D8;
}
.staffPayColumn .clientsLeft {
  color: #F57921;
}
.staffPayColumn .clientLoadTotal {
  font-weight: bold;
  display: block;
}

.staffLog .phoneCallParticipant {
  color: #57e300;
}
.staffLog .phoneCallProvider {
  color: #8900ff;
}
.staffLog .phoneCallStaffTraining {
  color: #00e2ff;
}
.staffLog .phoneCallStaff {
  color: #003bff;
}
.staffLog .phoneCallOther {
  color: #ffb100;
}
.staffLog .phoneSumBlock {
  font-size: 12px;
  vertical-align: top;
}
.staffLog .phoneSumBlock div {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.staffLog .phoneSumBlock .label {
  width: 100px;
  padding: 2px 2px;
  margin-right: 5px;
  font-weight: 600;
}
.staffLog .phoneSumBlock .line {
  display: block;
}
.staffLog .phoneSumBlock .payDetail {
  width: 140px;
}
.staffLog .phoneSumBlock .time {
  width: 70px;
  font-size: 14px;
  font-weight: bold;
}
.staffLog .phoneSumBlock .count {
  width: 60px;
}
.staffLog .logTotals {
  position: absolute;
  left: 40px;
  top: 5px;
  text-align: left;
  font-size: 13px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.4);
  padding: 10px;
  cursor: pointer;
  z-index: 11;
}
.staffLog .logTotals div {
  display: inline-block;
}
.staffLog .logTotals .label {
  width: 170px;
}
.staffLog .logTotals .logTotal {
  width: 70px;
  font-weight: bold;
}
.staffLog .hidden {
  display: none;
  background: white;
  padding: 20px;
  border: solid thin orange;
  z-index: 100;
}
.staffLog .hidden .label {
  width: 190px;
}
.staffLog .hidden .logTotal {
  width: 100px;
  font-weight: bold;
}

.staff-preferences-container {
  margin: 0 auto;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-width: 60vw;
  width: -moz-fit-content;
  width: fit-content;
}
.staff-preferences-container #selector-form, .staff-preferences-container #newInvoiceWarningContainer {
  min-width: 20rem;
  align-items: center;
  background-color: #f0f0f0;
  outline: 2px solid #23C2D8;
  padding: 1rem;
  border-radius: 5px;
  display: flex;
  gap: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.staff-preferences-container #selector-form label, .staff-preferences-container #selector-form h4, .staff-preferences-container #newInvoiceWarningContainer label, .staff-preferences-container #newInvoiceWarningContainer h4 {
  white-space: nowrap;
  font-weight: bold;
}
.staff-preferences-container #selector-form select, .staff-preferences-container #selector-form input[type=text], .staff-preferences-container #newInvoiceWarningContainer select, .staff-preferences-container #newInvoiceWarningContainer input[type=text] {
  outline: 1px solid grey;
}
.staff-preferences-container #selector-form .submit, .staff-preferences-container #newInvoiceWarningContainer .submit {
  cursor: pointer;
  width: 4rem;
  background-color: rgb(45, 165, 51);
  border: rgb(25, 88, 28);
  padding: 0.5rem;
  color: white;
}
.staff-preferences-container #selector-form .submit:hover, .staff-preferences-container #newInvoiceWarningContainer .submit:hover {
  background-color: rgb(0, 119, 6);
}
.staff-preferences-container h1 {
  font-size: 2rem;
}
.staff-preferences-container #table-container {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0px 0px 8px rgba(183, 183, 183, 0.8);
  margin-top: 2rem;
}
.staff-preferences-container #table-container h3 {
  cursor: default;
  padding: 1rem;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.staff-preferences-container #table-container table {
  table-layout: fixed;
  width: 100%;
  font-size: 1rem;
  border-collapse: collapse;
}
.staff-preferences-container #table-container table tr {
  cursor: default;
}
.staff-preferences-container #table-container table tr th, .staff-preferences-container #table-container table tr td {
  text-align: left;
  padding: 1rem;
  box-sizing: border-box;
  border: none;
}
.staff-preferences-container #table-container table tr th {
  font-weight: bold;
  color: whitesmoke;
  background-color: rgb(60, 165, 160);
}
.staff-preferences-container #table-container table tr td {
  border: solid 1px #d8d8d8;
  border-left: 0;
  border-right: 0;
}
.staff-preferences-container #table-container table #nameTd {
  font-weight: bold;
}
.staff-preferences-container #table-container table #isSubscribedTd, .staff-preferences-container #table-container table #actionTd {
  text-align: center;
}
.staff-preferences-container #table-container table #isSubscribedTd input:hover {
  cursor: pointer;
}
.staff-preferences-container #table-container table tbody tr:nth-child(2n) {
  background-color: rgb(231, 231, 231);
}
.staff-preferences-container #table-container #newInvoiceWarningContainer {
  margin: 0 10px;
  height: 2rem;
  align-items: center;
}
.staff-preferences-container #table-container #newInvoiceWarningContainer input[name=warningDescription] {
  width: 80%;
}
.staff-preferences-container #table-container #newInvoiceWarningContainer input[name=warningMandatory] {
  width: 45px;
}

.stateTime {
  display: flex !important;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  right: 470px;
  bottom: 615px;
  padding: 6.5px !important;
  cursor: default;
}
.stateTime i {
  color: #277a9b;
}

.string_invUnit {
  width: 50px;
}

.string_tiny {
  width: 30px;
  text-align: center;
  font-size: 14px;
}

.string_4digits {
  width: 45px;
  text-align: center;
  font-size: 15px;
}

.string_50 {
  width: 50px;
}

.string_short {
  width: 60px;
}

.string_150 {
  width: 150px;
}

.string_80 {
  width: 80px;
}

.string_medium {
  width: 110px;
}

.string_150 {
  width: 150px;
}

.string_170 {
  width: 170px;
}

.string_long {
  width: 200px;
  text-overflow: ellipsis;
}

.string_230 {
  width: 230px;
  text-overflow: ellipsis;
}

.string_250 {
  width: 250px;
  text-overflow: ellipsis;
}

.string_300 {
  width: 300px;
  text-overflow: ellipsis;
}

.string_350 {
  width: 350px;
}

.string_status {
  font-size: 14px;
  color: #999;
  width: 100px;
}

.string_veryLong {
  width: 550px;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
}

.subscript {
  font-size: 10px;
}

.suggestedPrice, .suggestedItemNum {
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 5px;
  border: solid thin #a6f066;
  text-align: center;
  padding: 5px;
  background: #f2ffed;
}

.suggestion-container {
  display: flex !important;
  align-items: center;
  gap: 0.25rem;
  transition: transform ease-in-out 100ms !important;
  cursor: pointer;
  width: auto !important;
  z-index: 100;
}
.suggestion-container i {
  color: orange;
}
.suggestion-container span {
  align-self: baseline;
}

.suggestion-content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.suggestion-content h3 {
  margin: 0;
  color: #28aec7;
}
.suggestion-content p {
  width: 20rem;
  text-align: justify;
  margin: 0;
}
.suggestion-content textarea {
  height: 5rem;
  width: 20rem;
  outline: solid thin orange;
}
.suggestion-content button {
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 3px;
  background: #7FCBD9;
  color: white;
  border: solid thin #53a2b1;
  width: -moz-fit-content;
  width: fit-content;
}
.suggestion-content button:hover {
  background: #1ebbd8;
}

.suggestions-wrapper h2 {
  text-align: center;
}
.suggestions-wrapper table {
  table-layout: fixed;
  font-size: 1rem;
  border-collapse: collapse;
}
.suggestions-wrapper table tr {
  cursor: default;
}
.suggestions-wrapper table tr th, .suggestions-wrapper table tr td {
  text-align: left;
  padding: 1rem;
  box-sizing: border-box;
  border: none;
}
.suggestions-wrapper table tr th {
  font-weight: bold;
  color: whitesmoke;
  background-color: rgb(60, 165, 160);
}
.suggestions-wrapper table tr td {
  border: solid 1px #d8d8d8;
  border-left: 0;
  border-right: 0;
}
.suggestions-wrapper table .nameTd {
  font-weight: bold;
}
.suggestions-wrapper table tbody tr:nth-child(2n) {
  background-color: rgb(231, 231, 231);
}
.suggestions-wrapper table .suggestionCommentEdit {
  cursor: text;
}
.suggestions-wrapper table .suggestionCommentEdit:hover {
  background-color: #cde4e9;
}
.suggestions-wrapper table .suggestionDelete {
  opacity: 0.7;
}
.suggestions-wrapper table .suggestionDelete:hover {
  opacity: 1;
}

.tasks {
  border: solid thin #cecece;
  padding: 3px;
  margin: 3px;
}

.task {
  padding: 8px;
}
.task div {
  margin: 0 8px;
}

table {
  padding: 10px;
  border-collapse: collapse;
  display: inline-block;
}

.team {
  background: #eafdff;
  border-radius: 3px;
  padding: 5px;
  margin: 10px 5px;
  border: solid thin #24C2D8;
}

#teamStatus {
  text-align: left;
  display: inline-block;
  color: #fff;
  height: 100%;
}
#teamStatus .userStatus {
  cursor: default;
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
  align-items: center;
  padding: 3px;
}
#teamStatus .userStatus i {
  color: #bfbfbf;
  margin-left: auto;
  font-size: 1.32rem;
}
#teamStatus .userStatus .homeIcon, #teamStatus .userStatus .officeIcon {
  font-size: 1.1rem;
}
#teamStatus .teamStatusHeader {
  text-align: right;
  height: 100%;
  background: #666666;
}
#teamStatus .teamStatusLocationCount {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
#teamStatus .teamStatusContent {
  display: none;
  background: #666;
  padding: 10px;
  border-radius: 3px;
  margin-top: -3px;
  max-height: 90vh;
  overflow: auto;
}
#teamStatus .teamStatusContent .teamDivider {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #fff;
  line-height: 0.1em;
  margin: 10px 0 5px;
}
#teamStatus .teamStatusContent .teamDivider span {
  background: #666;
  padding: 0 10px;
  font-size: 11px;
}

textarea {
  font-family: sans-serif;
}

#tableTasks td {
  border-bottom: solid thin #dedede;
  padding: 7px 5px !important;
}

td, th {
  padding: 10px 10px;
  display: table-cell;
  vertical-align: middle;
}

.tab {
  margin-left: 40px;
}

.table {
  display: table;
  border-collapse: collapse;
}

.tableAlignLeft td {
  text-align: left;
}

.tableCompact td {
  padding: 5px 10px;
  font-size: 14px;
}
.tableCompact .lable {
  text-align: left;
}
.tableCompact .value {
  text-align: left;
}
.tableCompact .heading {
  font-weight: bold;
  text-align: left;
}

.tableVeryCompact td {
  padding: 5px 5px;
  font-size: 14px;
}

.tableCellBorders td {
  border: 1px solid rgb(219, 219, 219);
  border-collapse: collapse;
}

.tallys {
  vertical-align: top;
}

.timePastLabels {
  font-size: 12px;
  margin-bottom: 5px;
}
.timePastLabels div {
  display: inline-block;
}
.timePastLabels .daysLeftlabel {
  float: right;
}

.tr {
  display: table-row;
}

.toggleQty {
  cursor: pointer;
}

.time {
  font-size: 11px;
  color: #666;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.timeProgress {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  z-index: 100;
  background: #a8ddff;
}

.timeStats {
  width: 100%;
  position: relative;
  text-align: left;
  padding: 20px;
}
.timeStats .progressBar {
  border: solid thin #cccccc;
  width: 100%;
}
.timeStats .timePassed {
  height: 10px;
  background: #cccccc;
  border-radius: 0 10px 10px 0;
}
.timeStats .timeLogged {
  height: 20px;
  background: green;
  border-radius: 0 10px 10px 0;
}

.txnSuggested {
  background: #abdde8;
}

.txnVerified {
  background: #cdebae;
}

.ui-tooltip {
  box-shadow: 4px;
  box-shadow: 0px 0px 8px rgba(183, 183, 183, 0.8);
  font-size: 14px;
  word-wrap: break-word;
}

.ui-datepicker {
  padding: 3px;
  margin-left: 4px !important;
  font-size: 14px;
  z-index: 1000 !important;
}

ul {
  text-align: left;
}

.update {
  background: #7FCBD9;
  color: white !important;
  border: solid thin #53a2b1;
  cursor: pointer;
}
.update:hover {
  background: #1ebbd8;
}

.transferCoreBudgets {
  cursor: pointer;
  float: right;
  background-color: rgb(0, 187, 9);
}

.transferCoreBudgets:hover {
  background-color: rgb(0, 119, 6);
}

.tranferCoreDialog {
  top: 22%;
  left: 35%;
}

.uploader {
  width: 700px;
  min-height: 120px;
  top: 50px;
  text-align: left;
}
.uploader img {
  margin-right: 10px;
  vertical-align: middle;
}
.uploader input[type=file] {
  padding: 10px;
  width: 60%;
  margin-bottom: 5px;
}
.uploader select {
  padding: 10px;
  width: 35%;
  margin-bottom: 5px;
}
.uploader .uploadLink {
  color: #999;
  font-size: 12px;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.uploader .uploadProgressBar {
  border-radius: 10px;
  height: 5px;
  background: #23C2D8;
}
.uploader .uploadsTypeBox {
  border-top: solid thin #c9c9c9;
  padding: 5px 0;
}
.uploader .uploadsTypeBox h5 {
  margin: 8px 0;
  color: #23C2D8;
}

.uploadHolder {
  display: block;
}

.uploadLink {
  cursor: pointer;
}

.users {
  background: #ffddc6 !important;
}

.userStats {
  position: absolute;
  top: 5px;
  left: 140px;
  background: white;
  padding: 20px;
  border: solid thin orange;
  z-index: 100;
  display: none;
  width: auto;
}
.userStats .header {
  background: rgb(241, 241, 241);
  font-weight: bold;
}

.viewCatButton {
  vertical-align: middle;
  background: url("images/eye.png");
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 10px;
}

#warnAndReload {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  top: 100px;
}

.warningsDialogue {
  padding-top: 0;
}

.warningsDragHandle {
  position: sticky;
  width: calc(100% + 40px);
  margin: 0 -20px;
  height: 2.5rem;
}

.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 20rem;
  height: -moz-max-content;
  height: max-content;
  padding: 0.5rem;
  cursor: default;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv h3, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv h3 {
  text-align: center;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRow, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRow {
  display: flex;
  justify-content: space-between;
  border-bottom: lightgray 2px solid;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRow .title, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRow .title {
  font-weight: bold;
  color: #009900;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRow .data, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRow .data {
  color: #00979d;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRowFlexColumn, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRowFlexColumn {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRowFlexColumn .title, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRowFlexColumn .title {
  font-weight: bold;
  color: #009900;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRowFlexColumn .data, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRowFlexColumn .data {
  color: #00979d;
}
.weeklypayStatsDraggable .weeklyPayStatsDetailsDiv .detailsRowFlexColumn .detailsFlexRow, .weeklypayStatsDraggable .fortnightlyEfficiencyReportDetailsDiv .detailsRowFlexColumn .detailsFlexRow {
  display: flex;
  border-bottom: lightcoral 1px solid;
  justify-content: space-between;
}

@media only screen and (max-width: 390px) {
  .portal .accordHead {
    font-size: 16px;
  }
  .portal .clientInvoice {
    padding: 5px;
    vertical-align: middle;
  }
  .portal .clientInvoice .invDetails {
    width: 100%;
  }
  .portal .clientInvoice .invDetails .col2_3 {
    font-size: 14px;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
  }
  .portal .clientInvoice .invDetails .col2_3 .date {
    width: 20%;
  }
  .portal .clientInvoice .invDetails .col2_3 .business {
    width: 73%;
    overflow: hidden;
    white-space: nowrap;
  }
  .portal .clientInvoice .invDetails .col2_3 .uploadLink {
    width: 10%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2pending {
    width: 100%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2pending .invNo {
    width: calc(27% - 20px);
    padding: 0 0 0 5px;
  }
  .portal .clientInvoice .invDetails .col2pending .invStatus {
    width: calc(30% - 20px);
  }
  .portal .clientInvoice .invDetails .col2pending .price {
    width: calc(42% - 20px);
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2pending .formBox {
    text-align: right;
    width: 60px;
  }
  .portal .clientInvoice .invDetails .col2approved {
    width: 100%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2approved .invNo {
    width: 33%;
    padding: 0 0 0 5px;
  }
  .portal .clientInvoice .invDetails .col2approved .invStatus {
    width: 33%;
  }
  .portal .clientInvoice .invDetails .col2approved .price {
    width: 33%;
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2approved .formBox {
    width: 0;
  }
  .portal .dialogue, .portal #duplicateQuery {
    width: 350px;
    margin-left: -175px;
  }
}
@media only screen and (max-width: 430px) {
  .portal input, .portal select, .portal textarea {
    margin: 2px;
  }
  .portal input {
    width: calc(100% - 30px);
  }
  .portal textarea {
    width: calc(100% - 20px);
  }
  .portal .label {
    padding-bottom: 0;
    margin-bottom: -10px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 431px) {
  .portal input, .portal select, .portal textarea {
    margin: 2px;
  }
  .portal input {
    max-width: 450px;
  }
  .portal textarea {
    width: calc(100% - 170px);
    max-width: 460px;
  }
  .portal .label {
    width: 150px;
    padding-bottom: 0;
    margin-bottom: -10px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 391px) and (max-width: 700px) {
  .portal .accordHead {
    font-size: 18px;
  }
  .col1_2, .col2_2 {
    width: 100%;
  }
  .portal .clientInvoice {
    padding: 5px;
    vertical-align: middle;
  }
  .portal .clientInvoice .invDetails {
    width: 100%;
  }
  .portal .clientInvoice .invDetails .col2_3 {
    font-size: 14px;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
  }
  .portal .clientInvoice .invDetails .col2_3 .uploadLink {
    width: 8%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2_3 .date {
    width: 15%;
  }
  .portal .clientInvoice .invDetails .col2_3 .business {
    width: 67%;
    overflow: hidden;
    white-space: nowrap;
  }
  .portal .clientInvoice .invDetails .col2pending {
    width: 100%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2pending .invNo {
    width: calc(27% - 20px);
    padding: 0 0 0 5px;
  }
  .portal .clientInvoice .invDetails .col2pending .invStatus {
    width: calc(30% - 20px);
  }
  .portal .clientInvoice .invDetails .col2pending .price {
    width: calc(42% - 20px);
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2pending .formBox {
    text-align: right;
    width: 60px;
  }
  .portal .clientInvoice .invDetails .col2approved {
    width: 100%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2approved .invNo {
    width: 33%;
    padding: 0 0 0 5px;
  }
  .portal .clientInvoice .invDetails .col2approved .invStatus {
    width: 33%;
  }
  .portal .clientInvoice .invDetails .col2approved .price {
    width: 33%;
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2approved .formBox {
    width: 0;
  }
  .portal .budgetReport {
    width: 90vw;
    left: 5vw;
  }
  .dialogue, #duplicateQuery {
    width: 380px;
    margin-left: -190px;
  }
}
@media only screen and (max-width: 701px) {
  .agentSignupMainFlex {
    flex-direction: column;
  }
}
@media only screen and (min-width: 701px) {
  .portal .clientInvoices div {
    display: inline-block;
  }
  .portal .clientInvoices .tr {
    width: 100%;
    padding: 10px 0;
  }
  .portal .clientInvoices .participantPortalStatusDiagram {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 auto;
    width: 100%;
    max-height: 50px;
  }
  .portal .clientInvoice {
    padding: 10px;
    vertical-align: top;
  }
  .portal .clientInvoice .invDetails {
    width: 100%;
  }
  .portal .clientInvoice .invDetails .col2_3 {
    font-size: 14px;
    width: 55%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2_3 .uploadLink {
    width: 8%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2_3 .date {
    width: 12%;
  }
  .portal .clientInvoice .invDetails .col2_3 .business {
    width: 67%;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    text-overflow: ellipsis;
  }
  .portal .clientInvoice .invDetails .col2pending {
    width: 45%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2pending .invNo {
    width: calc(27% - 20px);
    padding: 0 0 0 5px;
  }
  .portal .clientInvoice .invDetails .col2pending .invStatus {
    width: calc(30% - 20px);
  }
  .portal .clientInvoice .invDetails .col2pending .price {
    width: calc(42% - 20px);
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2pending .formBox {
    text-align: right;
    width: 60px;
  }
  .portal .clientInvoice .invDetails .col2approved {
    width: 45%;
    padding: 0;
  }
  .portal .clientInvoice .invDetails .col2approved .invNo {
    width: 35%;
  }
  .portal .clientInvoice .invDetails .col2approved .invStatus {
    width: 30%;
  }
  .portal .clientInvoice .invDetails .col2approved .price {
    width: 35%;
    text-align: right;
    padding: 0 5px 0 0;
  }
  .portal .clientInvoice .invDetails .col2approved .formBox {
    width: 0;
  }
  .dialogue, #duplicateQuery {
    width: 700px;
    margin-left: -300px;
  }
}
@media only screen and (max-width: 1000px) {
  .menu {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 38px;
    height: 38px;
    overflow: hidden;
  }
  .menu .parentButton {
    height: auto;
    display: block;
    text-align: left;
  }
  .menu .parentButton:hover {
    height: auto;
  }
  .menu #payStats, .menu #teamStatus {
    height: auto;
    display: block;
    background: #666;
  }
  .menu .childButton {
    padding-left: 30px;
    height: 35px;
  }
  .menu .firstChild {
    padding-left: 15px;
    font-weight: bold;
  }
  .menu .navUtils {
    display: block;
    float: none;
  }
  .menu .openMobileMenu {
    display: block;
    color: #999;
    cursor: pointer;
  }
  .menu #resetDisplay {
    background: #666;
  }
}/*# sourceMappingURL=style.css.map */