@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
.login-form-container {
  width: 28rem;
  display: block;
  margin: 0 auto;
}

.login-image {
  height: 2.8rem;
  margin: 0 auto 2rem;
  display: block;
}

.recommended-browser-container {
  margin-top: 5rem;
}

.recommended-browser-note {
  color: red;
  font-weight: 600;
}

/* iPad landscape */
@media screen and (min-width: 768px) {
  .login-crosslink-logo {
    display: flex;
  }
}

.login-form-control-block {
  margin-left: 1.2vw;
  margin-top: -0.5vw;
}

.login-btn-block {
  text-align: right;
}

.login-log-in-btn {
  text-align: left;
  height: 1.5rem;
  color: #1a173b;
  font-family: Roboto;
  font-size: 1.3rem;
  letter-spacing: 0.14px;
  line-height: 1.5rem;
}

.login-dev-info-block {
  text-align: center;
  position: relative;
  top: 5em;
}

.login-btn-spinner {
  margin-right: 0.5em;
}

.spinner-container {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.spinner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6rem 0 0 -5rem;
}

.forgot-username-content-block {
  padding-top: 3rem;
  padding-left: 2.75rem;
  text-align: center;
}

.forgot-username-logo {
  margin-bottom: 0px;
  margin-left: -1.25rem;
  height: 2.8rem;
  width: auto;
}

.forgot-password-form {
  margin-top: 1rem;
}

.forgot-password-email-block {
  text-align: left;
  padding-top: 1.5rem;
}

.forgot-password-content-block {
  padding-top: 3rem;
  padding-left: 2.75rem;
  text-align: center;
}

.forgot-password-logo {
  height: 2.8rem;
  width: auto;
  margin-bottom: 1.25rem;
}

.forgot-password-username-block {
  text-align: left;
  padding-top: 15px;
}

.remote-sign-spinner-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**
 * REMOTE SIGN VALIDATE CONTAINER
 */
.remoteAuthenticationPage {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
}

.remote-sign-container {
  height: fit-content;
  padding: 3rem;
  max-width: 30rem;
  width: 100%;
  display: grid;
  box-shadow: none;
  background-color: #fafbfc;
}

.remote-sign-horizontal-line {
  border: 1px solid #ebedf8;
  margin-top: 1.5vh;
  margin-bottom: 0.75vh;
}

/**
 * DOWNLOAD DOC TO DEVICE CONTAINER
 */
.remote-sign-download-doc-container {
  text-align: center;
  padding: 1rem;
  min-height: 100vh;
  width: 100%;
}

.remote-sign-pdf-return-view-container {
  width: 100%;
  height: calc(100vh - 13rem);
}

.remote-sign-pdf-return-view {
  height: 100%;
  width: 100%;
}

.remote-sign-document-block {
  overflow-y: scroll;
  height: calc(100vh - 17rem);
}

.remote-sign-document-block-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * REMOTE SIGNATURE CAPTURE
 */
.remote-sign-on-screen-container {
  width: 37.125rem;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.remote-sign-on-screen-capture-content,
.remote-sign-signature-preview-content {
  height: auto;
  min-height: 19rem;
  width: 570px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.remote-sign-capture-signature-form,
.remote-sign-signature-preview-form {
  padding: 1rem 2rem;
}

.remote-sign-capture-signature-pad-container {
  background-color: rgb(219, 235, 254);
  text-align: center;
}

/**
 * REMOTE SIGNATURE PREVIEW
 */
.remote-sign-signature-preview-img-container {
  width: 100%;
}

.remote-sign-signature-preview-img {
  background-color: white;
  height: 100px;
  width: 100%;
}

.remote-sign-rotate-device-block {
  position: absolute;
  top: 33%;
  text-align: center;
}

.remote-sign-rotate-device-content {
  padding-bottom: 1rem;
}

.remote-sign-rotate-img {
  height: 75px;
  width: 75px;
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-signature-pad-preview-content {
    height: 100%;
    width: 570px;
    margin: auto;
  }
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* ----------- Tablet 12.9" ----------- */
/* Portrait */
/* Tablets 9.7" - 10.5" */
@media only screen and (min-device-width: 768px) and (max-device-width: 834px) and (orientation: portrait) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* ----------- Tablet 10.5" ----------- */

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* ----------- Tablet 9.7" ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

@media only screen and (min-device-width: 580px) and (max-device-width: 835px) and (orientation: landscape) {
  .remote-signature-pad-text-container {
    max-height: 3rem;
    overflow-y: auto;
  }
  .remote-signature-pad-paragraph {
    margin-bottom: 0.5rem;
  }
  .remote-sign-on-screen-container {
    width: 100%;
  }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 960px) and (orientation: portrait) {
  .remote-sign-pdf-return-view {
    width: 100%;
  }

  .remote-sign-on-screen-capture-content,
  .remote-sign-signature-preview-content {
    width: 100%;
    height: 285px;
  }
}

.remote-sign-log-in {
  text-align: center;
  height: 24px;
  color: #1a173b;
  font-family: Roboto;
  font-size: 17.5px;
  letter-spacing: 0.14px;
  line-height: 24px;
  font-weight: 500;
}

/* ------------------------------------------------------------------ All Phones ------------------------------------------------------------------ */

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /**
 * REMOTE SIGN VALIDATE CONTAINER
 */
  .remoteAuthenticationPage {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    height: 100%;
    width: 100%;
  }
  .remote-sign-log-in {
    text-align: center;
    height: 24px;
    color: #1a173b;
    font-family: Roboto;
    font-size: 17.5px;
    letter-spacing: 0.14px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 2rem;
  }
  .remote-sign-horizontal-line {
    border: 1px solid #ebedf8;
    margin-top: 1.5vh;
    margin-bottom: 4.75vh;
  }
  .remote-sign-pdf-return-view-container {
    width: 100%;
    height: calc(100vh - 19rem);
  }
  .remote-sign-download-doc-container {
    text-align: center;
    padding: 1rem;
    min-height: 100%;
    height: 100%;
    width: 100%;
  }
  .remote-sign-document-block {
    overflow-y: auto;
    height: calc(100vh - 22rem);
  }
}

/* Landscapre */
@media only screen and (min-device-width: 375px) and (max-device-width: 835px) and (orientation: landscape) {
  .remoteAuthenticationPage {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    height: 100%;
    width: 100%;
  }
  .remote-sign-on-screen-capture-content,
  .remote-sign-signature-preview-content {
    height: 100vh;
    width: 100%;
    margin: auto;
    position: fixed;
    z-index: 999;
  }
  .remote-sign-on-screen-container {
    width: 100%;
  }
  .remote-sign-capture-signature-pad-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .remote-sign-capture-signature-pad-container-disclaimer {
    top: 64%;
  }
  .remote-sign-signature-preview-img-container {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .remote-sign-document-block {
    overflow-y: auto;
    height: calc(100vh - 16rem);
  }
  .remote-sign-download-doc-container {
    overflow-y: scroll;
    height: 100vh;
    min-height: -webkit-fill-available;
  }
}

.request-sign-container {
  height: fit-content;
  padding: 1rem 1rem;
  max-width: 30rem;
  width: 100%;
  display: grid;
  box-shadow: none;
  background-color: #fafbfc;
}

.remote-signature-pad-preview-content {
  height: 100%;
  width: 570px;
  margin: auto;
}

.remote-signature-pad-text-container {
  display: inline-block;
  margin-left: 1em;
  vertical-align: middle;
  max-width: 95%;
}

.remote-signature-pad-paragraph {
  font-size: 15px;
  text-align: justify;
}

.remote-signature-pad-toolbar-title {
  font-family: Roboto;
  font-size: 18px;
}

.remote-signature-pad-button-block {
  text-align: center;
  padding: 0;
  margin-left: 0vw;
  margin-top: 2vh;
}

/* ----------- Tablet 12.9" ----------- */
/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
  .remote-signature-pad-preview-content {
    height: 100%;
    width: 570px;
    margin: auto;
  }
  .remote-signature-pad-button-block {
    text-align: center;
    padding: 0;
    margin-left: 0vw;
    margin-top: 1vh;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- Tablet 10.5" ----------- */

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-signature-pad-preview-content {
    height: 100%;
    width: 570px;
    margin: auto;
  }
  .remote-signature-pad-button-block {
    text-align: center;
    padding: 0;
    margin-left: 0vw;
    margin-top: 1vh;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- Tablet 9.7" ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .remote-signature-pad-preview-content {
    height: 100%;
    width: 570px;
    margin: auto;
  }
  .remote-signature-pad-button-block {
    text-align: center;
    padding: 0;
    margin-left: 0vw;
    margin-top: 1vh;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (min-device-width: 580px) and (max-device-width: 835px) and (orientation: landscape) {
  .remote-signature-pad-text-container {
    max-height: 3rem;
    overflow-y: auto;
  }
  .remote-signature-pad-paragraph {
    margin-bottom: 0.5rem;
  }
}

/* ------------------------------------------------------------------ All Phones ------------------------------------------------------------------ */

@media only screen and (min-device-width: 320px) and (max-device-width: 835px) and (orientation: landscape) {
  .remote-signature-pad-button-block {
    position: absolute;
    left: 50%;
    top: 83%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 0;
  }
  .remote-signature-pad-button-block-disclaimer {
    top: 89%;
  }
  .remote-signature-pad-text-container {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle;
    max-width: 100%;
    max-height: 5rem;
    height: 5rem;
    overflow-y: auto;
  }
  .remote-signature-pad-preview-content {
    height: 100vh;
    width: 100%;
  }
}

.remote-signature-preview-button-block {
  text-align: center;
  margin-left: 0vw;
  padding: 0;
  margin-top: 4vh;
}

/* ------------------------------------------------------------------ All Phones ------------------------------------------------------------------ */

@media only screen and (min-device-width: 320px) and (max-device-width: 835px) and (orientation: landscape) {
  .remote-signature-preview-button-block {
    position: absolute;
    left: 50%;
    top: 83%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 0;
  }
}

.remote-signature-auth-electronic-signature-disclosure {
  text-decoration: underline;
}

.remote-signature-auth-bold {
  text-align: justify;
  font-weight: bold;
}

.remote-signature-auth-italic {
  text-align: justify;
  font-style: italic;
}

.remote-signature-auth-disclosure-btn {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.remote-signature-dowload-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.remoteAuthenticationPage {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
}

.request-docs-container {
  height: fit-content;
  padding: 1rem 1rem;
  max-width: 30rem;
  width: 100%;
  display: grid;
  box-shadow: none;
  background-color: #fafbfc;
}

.request-docs-horizontal-line {
  border: 1px solid #ebedf8;
  margin-top: 1.5vh;
  margin-bottom: 0.75vh;
}

.request-docs-body-text-container {
  text-align: center;
}

.request-docs-body-input-label {
  margin: -1rem 0 0 0.3rem;
  font-size: 0.85rem;
}

.preview-signature-span-one {
  font-family: Roboto;
  font-size: 18px;
}

.preview-signature-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.preview-signature-div-one {
  text-align: left;
  margin-top: 3vh;
}

.preview-signature-paragraph-one {
  text-align: justify;
  font-size: 15px;
}

.preview-signature-div-two {
  text-align: center;
  width: 420px;
  height: 100px;
}

.preview-signature-image {
  width: 420px;
  height: 100px;
  background-color: white;
}

.preview-signature-div-three {
  text-align: center;
  padding: 0;
  margin-left: 0vw;
  margin-top: 4vh;
}

.mfa-method-content-block {
  padding-top: 3rem;
}
.mfa-method-logo-block {
  text-align: center;
}
.mfa-method-form-block {
  text-align: center;
  padding-left: 4rem;
}
.mfa-method-description {
  font-size: 1.3rem;
  float: left;
  margin-bottom: 0.5rem;
  color: #1a173b;
}
.mfa-method-radio-btn-block {
  width: calc(94%);
  float: left;
}
.mfa-method-radio-btn {
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}
.mfa-method-radio-btn-active {
  background-color: #f3f4f9;
}
.mfa-method-radio-btn-inactive {
  background-color: #ffffff;
}
.mfa-method-img-block {
  float: left;
  padding-right: 1rem;
}
.mfa-method-img-block-email {
  padding-top: 0.8rem;
}
.mfa-method-img-phone {
  width: 1.75rem;
  height: 2.1rem;
}
.mfa-method-img-message {
  width: 1.75rem;
  height: 1.4rem;
}
.mfa-method-code-block {
  text-align: left;
  margin-left: 2rem;
  padding-bottom: 0.5rem;
}
.mfa-method-email-block {
  float: none;
  margin-left: 3rem;
}
.mfa-method-email-description {
  padding-bottom: 0.5rem;
}
.mfa-method-selection {
  padding-left: 0.5rem;
}
.mfa-method-btn-block {
  text-align: right;
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
  margin-top: 3vh;
}
.mfa-method-btn-block-position {
  float: right;
}

.mfa-code-content {
  padding-top: 3rem;
}
.mfa-logo-container {
  text-align: center;
}

.mfa-code-fields-container {
  text-align: left;
  padding-left: 3rem;
}

.mfa-notice {
  font-size: 14px;
  padding-right: 3rem;
  padding-top: 4rem;
}

.mfa-notice-color-red {
  color: red;
}

.mfa-enter-code-heading {
  padding-bottom: 0.5rem;
  font-size: 1.3rem;
}

.mfa-code-issue-support-link {
  color: #0077ff;
  cursor: pointer;
  padding-left: 1rem;
  font-size: 15px;
}

.mfa-mark-public-checkbox-container {
  margin-left: 1.3vw;
}
.mfa-back-continue-btn-container {
  width: 100%;
}
.mfa-back-continue-btn-content {
  float: right;
}

.mfa-btn-spinner {
  margin-right: 0.5em;
  display: flex !important; /* override MUI styles */
}

.terms-and-conditions-btn-block {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 2rem 0 2rem 2rem;
  background-color: #fff;
}

.terms-and-conditions-container {
  height: 100%;
  width: 100%;
}

.terms-and-conditions-body {
  padding: 2rem;
  text-align: center;
}

.terms-and-conditions-cancel-btn {
  position: absolute;
  right: 1.5rem;
}

.terms-and-conditions-preview-pdf {
  height: 93%;
  width: 100%;
  padding: 1rem;
}

.terms-and-conditions-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.irs-message-block {
  margin-left: 5rem;
  margin-right: 5rem;
}

.irs-message-block * {
  box-sizing: unset;
}

.irs-message-paragraph-bold {
  font-weight: 500;
}

.irs-message-paragraph-spacing {
  margin-bottom: 1rem;
}

.irs-message-paragraph-section {
  margin: 1rem 0 2rem;
}

.irs-message-paragraph-subsections {
  padding-left: 2rem;
}

.irs-message-list-spacing {
  margin: 1rem 0;
}
.choicelist-modal-content {
  background-color: #fff;
  border-radius: 4px;
  display: block;
  height: 60%;
  width: 50%;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.choicelist-modal-header-container {
  display: flex;
  color: white;
  background-color: #444a59;
  border-radius: 4px 0;
  height: 70px;
  padding: 1rem;
}

.choicelist-search-container {
  width: 50%;
}

.choicelist-search-input {
  width: 65%;
}

.choicelist-header-icon {
  margin-right: 0.5em;
}

.choicelist-table-content {
  height: calc(100% - 8.5rem);
  overflow-y: auto;
  box-shadow: inset 0px 0px 5px -2px #000;
}

.choicelist-btns-container {
  margin-top: 15px;
  text-align: right;
  position: relative;
  padding-bottom: 15px;
}

/**
 * RESPONSIVE LAYOUT
 */
@media only screen and (max-width: 960px) {
  .choicelist-modal-content {
    width: 75%;
    height: 80%;
  }
}

.remoteinvoice-modal-content {
  background-color: #fff;
  border-radius: 4px;
  display: block;
  height: 60%;
  width: 50%;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.remoteinvoice-text{
  margin: 1rem;
}

.remoteinvoice-modal-header-container {
  display: flex;
  color: white;
  background-color: #444a59;
  border-radius: 4px 0;
  height: 70px;
  padding: 1rem;
}

.remoteinvoice-search-container {
  width: 50%;
}

.remoteinvoice-search-input {
  width: 65%;
}

.remoteinvoice-header-icon {
  margin-right: 0.5em;
}

.remoteinvoice-table-content {
  height: calc(100% - 8.5rem);
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: inset 0px 0px 5px -2px #000;
}

.remoteinvoice-btns-container {
  margin-top: 15px;
  text-align: right;
  position: relative;
  padding-bottom: 15px;
}

.remoteinvoice-fragment {
  margin:  1rem !important;
}

/**
 * RESPONSIVE LAYOUT
 */
@media only screen and (max-width: 960px) {
  .remoteinvoice-modal-content {
    width: 75%;
    height: 80%;
  }
}

.side-bar-forms-content {
  height: 100%;
}

.form-nav-container {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.sidebar-form-nav {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  overflow-y: auto;
}

.fed-refund-amt {
  padding: 0.5rem 1rem;
  margin-left: 1em;
}

.add-a-form-btn-container {
  background-color: #f1f3f5;
  padding: 1em 0;
  text-align: center;
  width: 100%;
  margin-top: auto;
}

.header-bar-forms-toolbar-container {
  z-index: 1000;
}

.header-bar-help-block {
  display: flex;
}

.header-bar-forms-flex-grow-one {
  flex-grow: 1;
}

.header-bar-forms-section-desktop {
  display: flex;
  align-items: center;
  color: #0077ff;
}

.header-bar-forms-return-img {
  margin-right: 12px;
  align-self: center;
  width: 1.4rem;
  height: 1.4rem;
}

.header-bar-forms-return-icon {
  color: #0077ff;
  width: 1.4rem;
  height: 1.4rem;
}

.header-bar-forms-return-dropdown-arrow-white {
  margin: 0 -0.2rem;
  padding: 0 -0.2rem;
  color: white;
}

.header-bar-tooltip-container {
  display: flex;
}

.header-bar-forms-label-style {
  transform: translateY(0.25rem);
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  min-width: 0px;
  color: #0077ff;
  margin-left: 0.2rem;
}

.header-bar-forms-label-style.disableBtnLabel {
  color: #5c5c5c;
}

.header-bar-forms-label-style.disableBtnLabel:hover {
  cursor: default;
}

.header-bar-forms-return-label {
  display: block;
}

.header-bar-forms-return-id {
  font-size: 0.85rem;
}

.header-bar-shadow {
  -webkit-box-shadow: 0 0 0 0.25rem white, 0 0.35rem 0.25rem rgb(68, 68, 68);
  -moz-box-shadow: 0 0 0 0.25rem white, 0 0.35rem 0.25rem rgb(68, 68, 68);
  box-shadow: 0 0 0 0.25rem white, 0 0.35rem 0.25rem rgb(68, 68, 68);
}

.header-bar-shadow-none {
  box-shadow: 0px 0px 0px 0px;
}

.ovLabelVariable.header-bar-forms-return-name-wrapper {
  height: fit-content;
}

@media only screen and (max-width: 80rem) {
  .ovLabelVariable.header-bar-forms-return-name-wrapper {
    line-height: unset;
  }
}

@media only screen and (max-width: 64rem) {
  .ovLabelVariable.header-bar-forms-return-name-wrapper {
    line-height: unset;
  }

  .header-bar-forms-return-label {
    text-overflow: ellipsis;
    width: 12rem;
    overflow: hidden;
  }

  .header-bar-forms-return-label.header-bar-forms-return-name:hover {
    overflow: visible;
    white-space: normal;
    width: auto;
    transition: width 1s ease-in;
  }
}

.help-menu-block {
  height: 100%;
  width: 290px;
  padding: 1rem 0;
  background-color: #ffffff;
}

.div-style {
  margin-left: 31px;
}

.div-style-bottom {
  margin-left: 31px;
  border-bottom: 1px solid #ebedf8;
  padding-bottom: 0.5rem;
  margin-right: 31px;
}

.help-menu-last-block {
  border: none;
}

.replace-hr {
  margin-top: 2vh;
  margin-bottom: 1vh;
  border-bottom: 1px solid #808080;
  padding-bottom: 1rem;
}

[class*='link-text'] {
  height: 20px;
  opacity: 0.75;
  color: #0077ff;
  font-family: 'Roboto';
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 8px;
}

[class*='link-text-bottom'] {
  height: 20px;
  opacity: 0.75;
  color: #0077ff;
  font-family: 'Roboto';
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 8px;
  border-bottom: 1px solid #808080;
  padding-bottom: 1rem;
}

[class*='link-text-top'] {
  height: 20px;
  opacity: 0.75;
  color: #0077ff;
  font-family: 'Roboto';
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 8px;
  margin-top: 5px;
}

.print-components-padding {
  margin-top: 1rem;
  padding-bottom: 3rem;
}

.print-left-buttons-container {
  text-align: left;
  position: relative;
  float: left;
  width: 50%;
}

.print-right-buttons-container {
  text-align: right;
  position: relative;
  float: left;
  width: 50%;
}

/* Styles for Email Encrypted PDF Mod*/

.email-pdf-mod-input{
  width: 15.6rem;
  height: 2.5rem;
  padding-left: 15px;
}

.email-pdf-mod-div-space{
  border: none;
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.email-pdf-mod-div-1{
  padding-top: 1vh;
  padding-bottom: 0vh;
  padding-left: 1vw;
  display: inline-block;
}
.email-pdf-mod-div-2{
  float: none;
  vertical-align: middle;
  margin-left: 1vw;
  margin-bottom: 1vh;
}

.email-pdf-mod-checkbox{
  width: 17;
  height: 16;
  margin-right: 0.3vw;
  background-color: #F3F9FF;
}

.email-pdf-mod-div-3{
  padding-top: 0vh;
  padding-bottom: 0vh;
  padding-left: 1vw;
  display: inline-block;
}


.render-form-section-div-style {
  margin-top: 2%;
  margin-bottom: 2%;
  display: inline-block;
}

.render-form-section-image-style {
  transform: scale(1.5, 1.5);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.attach-doc-secttion-image-container {
  display: inline-block;
  height: 0;
}

.render-form-section-div-two {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10%;
  margin-top: -25%;
}

.attach-doc-header {
  padding-left: 0.5em;
  vertical-align: middle;
}

.attach-doc-img-one {
  transform: scale(1, 1);
  height: 25px;
  width: 25px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.attach-doc-instructions-img {
  max-width: 20px;
  max-height: 20px;
}

.attach-doc-instructions-img-container {
  display: inline-block;
  vertical-align: top;
}

.attach-doc-instructions-text-container {
  display: inline-block;
  margin-left: 1em;
  vertical-align: middle;
  max-width: 95%;
}

.attach-doc-div-one {
  height: auto;
  margin-left: 3.5%;
  margin-right: 2.5%;
}

.attach-doc-div-two-grid-five-dropdown-options {
  width: 100%;
  margin-top: 0;
}

.attach-doc-div-two {
  display: flex;
  width: auto;
}

.attach-doc-div-two-grid-two-input-img-desc {
  width: 90%;
  margin-top: 0;
}

.attach-doc-div-two-grid-two-input-file {
  display: none;
}

.attach-doc-div-three {
  height: 1px;
  background-color: grey;
  width: 150%;
  margin-top: 1em;
}

.attach-doc-div-four {
  margin: 0 0.4rem 1.8rem 0;
  display: flex;
  justify-content: space-between;
}

.attach-doc-div-five {
  margin-top: 2%;
}

.add-doc-label {
  text-align: left;
  font-size: 14px;
}

.add-doc-display {
  display: none;
}

.tva-progress-bar {
  padding-top: 1rem; 
  padding-bottom: 1.5rem;
}

.tva-progress-header {
  justify-content: center !important;
  align-items: center !important;
}

.tva-progress-wheel {
  margin-left: 10px !important;
}
.import-stock-transactions-header {
  padding-left: 0.5rem;
  vertical-align: middle;
  font-weight: 100;
}
.import-stock-transactions-icon {
  transform: scale(1, 1);
  height: 1.562rem;
  width: 1.562rem;
  user-select: none;
}

.import-stock-transactions-body-block {
  height: 100%;
  margin-left: 3.5%;
  margin-right: 3.5%;
}

.import-stock-transactions-body-title {
  display: flex;
  width: 100%;
  padding: 1rem;
}

.import-stock-transactions-body-title-btn-block {
  display: flex;
  padding-top: 3%;
}

.import-stock-transactions-bottom-block {
  display: flex;
  width: 100%;
  margin-bottom: 3%;
  justify-content: space-between;
}

.import-stock-transactions-message-block {
  width: 80%;
  padding-left: 1rem;
}

.import-stock-transactions-btn-block {
  margin-top: 1%;
  display: flex;
  padding: 0 1rem 1rem 0;
}

.message-list-secure-block {
  margin-right: -11px;
}

.message-list-return-block {
  margin-right: -35px;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  border: 1px solid rgb(235, 237, 248);
}

.message-list-secure-list {
  overflow: hidden;
  margin-top: 0em;
  padding: 0;
  max-height: 41rem;
}

.message-list-secure-list:hover {
  overflow-y: auto;
}

.message-list-return-list {
  max-height: 26.5rem;
  margin-bottom: 0;
}

.message-list-active-list-item {
  background-color: #ffffff;
  border: 1px solid #ebedf8;
  list-style: none;
  height: 100%;
  padding: 1rem 0 1rem 1.5rem;
  max-width: 100%;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #1a173b;
  border-right-color: #ffffff;
}

.message-list-inactive-list-item {
  font-family: Roboto;
  font-size: 15px;
  line-height: 18px;
  height: 100%;
  padding: 1rem 0 1rem 1.5rem;
  max-width: 100%;
  cursor: pointer;
  list-style: none;
  color: #0077ff;
}

.message-list-unread {
  font-weight: 500;
}

.message-list-item-subject {
  max-width: 95%;
  font-size: 15px;
}

.message-list-item-date {
  font-size: 12px;
  color: #67727c;
}

.message-list-new-messages {
  border-radius: 5px;
  cursor: pointer;
  background-color: #e1e9f4;
  text-align: center;
}

.message-container {
  border: 1px solid #ebedf8;
  border-radius: 3.8px;
  background-color: #ffffff;
  padding: 30px;
  min-height: 700px;
}

.message-container.sm-min-height {
  min-height: 427px;
}

.message-content-row {
  align-items: center;
  margin-bottom: 1rem;
}

.message-none {
  text-align: center;
  margin-top: 7em;
  margin-right: 18em;
}

.message-heading {
  padding-left: 0px;
}

.message-small-message-text {
  color: #67727c;
  font-size: 12px;
}

.message-Title {
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
  margin: 12px 0;
}

.message-sender {
  color: #0077ff;
  font-size: 12px;
}

.message-body {
  border-top: 3px solid #ebedf8;
  padding: 1rem 0 0;
  color: #354052;
}

.message-text-linkLink {
  cursor: pointer;
  color: #0077ff;
}

.textlink-received-modal-toolbar {
  background-color: #444a59;
}

.textlink-received-modal-grid {
  z-index: 99;
}

.textlink-received-modal-msg-container {
  position: relative;
  top: -25px;
  margin-top: 2em;
  margin-left: 35px;
  margin-right: 0.5rem;
}

.textlink-received-modal-btn-container {
  text-align: right;
  margin-top: -0.5rem;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
}

.taxpass-msg-container {
  bottom: 0;
  height: 40vh;
  overflow: auto;
  padding-bottom: 10px;
}

.taxpass-msg-footer {
  padding: 1rem;
  width: 100%;
}

.bubble-container {
  width: 100%;
}

.bubble-body-container {
  display: block;
}

.bubble-body-container.left {
  text-align: left;
}

.bubble-body-container.right {
  text-align: right;
}

.talk-bubble {
  margin: 0px 1rem 1rem 1rem;
  display: inline-block;
  position: relative;
  max-width: 70%;
  min-width: 20%;
  height: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 1rem;
  text-align: left;
  line-height: 1rem;
  font-size: 0.9rem;
  overflow-wrap: break-word;
}

.bubble-arrow-right::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 0;
  height: 0;
  border: 1.1rem solid transparent;
  border-top-color: #e5e5e5;
  border-bottom: 0;
  border-left: 0;
  margin-left: 5%;
  margin-bottom: -1.1rem;
}

.bubble-arrow-left::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 0;
  height: 0;
  border: 1.1rem solid transparent;
  border-top-color: #d1d5e6;
  border-bottom: 0;
  border-right: 0;
  margin-right: 5%;
  margin-bottom: -1.1rem;
}

.date-separator-timestamp {
  width: 100%;
  padding: 0.5rem 2rem 0.5rem 2rem;
  font-size: 0.7rem;
  color: #273d52;
}

.bubble-message-timestamp {
  color: #354052;
  font-size: 0.75rem;
  width: 100%;
  padding: 0rem 2rem 0 2rem;
}

.receiver {
  background-color: #e5e5e5;
}

.sender {
  background-color: #d1d5e6;
}

.payment-modal-btns-container {
  text-align: right;
  position: fixed;
  background: #fff;
  width: 100%;
  padding: 1rem;
  left: 0;
  bottom: 0;
  box-shadow: 0 -5px 5px -3px #999;
}

.message-dialog-div-content {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.message-dialog-div-wrap {
  white-space: pre-wrap;
}

.transferdata-scrollbar {
  max-height: 13rem;
  overflow-y: auto;
}

.preview-doc-archive-modal-container {
  padding: 1rem 1.5rem 0 1.5rem;
}
.preview-doc-archive-modal-title {
  color: white;
  background-color: #444a59;
  height: 4.5rem;
  padding: 1rem 1.5rem 0 1.5rem;
}
.preview-doc-archive-modal-container-table-td-a {
  text-decoration: none;
  box-shadow: none;
  border: none;
}
.preview-doc-archive-modal-container-table-td-a-img {
  display: inline-block;
  vertical-align: -5px;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  padding-left: 5px;
}
.preview-doc-archive-modal-container-table-td-a-btn {
  background-color: #ffffff;
  color: #0077ff;
  border: none;
  font-family: 'Roboto';
  font-size: 15px;
}
.doc-archive-table-div-hr {
  border: 1px solid #ebedf8;
  width: 100%;
  padding-left: 0;
  margin: 2.5vh 0 0 0.75vh;
}
.archive-header-btn-container {
  float: right;
  display: flex;
  justify-content: flex-end;
}

.doc-archive-table-list-status-icon {
  height: 1.5rem;
}

.doc-archive-rmd-list-status-icon {
  width: fit-content;
  padding: 0.2rem 0.7rem 0.2rem 0.5rem;
  border-radius: 0.7rem;
}
.remote-doc-status.expired {
  background-color: #ffe0e0;
}
.remote-doc-status.pending {
  background-color: #ffeebb;
}
.remote-doc-status.completed {
  background-color: #dcf7e7;
}

.signature-list-status-icon {
  height: 25px;
}

.signature-list-option {
  position: absolute;
  top: 20%;
  height: 60em;
}

.send-signature-paper {
  width: 40em;
  padding: 0;
  position: relative;
  margin: auto;
}

.send-signature-modal-container {
  font-family: Roboto;
  font-size: 15px;
}

.send-signature-image {
  width: 25px;
  height: 25px;
}

.send-signature-title {
  padding-left: 0.5rem;
  vertical-align: text-top;
  font-size: 15px;
}

.send-signature-content {
  margin-top: 2.5rem;
  margin-left: 2.5rem;
}

.send-signature-content-title {
  height: 24px;
  width: 359px;
  margin-bottom: 1.5rem;
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
}

.send-signature-signee-title {
  height: 16px;
  width: 101px;
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.send-signature-signee {
  padding-top: 0.5rem;
}

.send-signature-modal-button-block {
  text-align: right;
  padding-top: 2em;
  padding-right: 2.5em;
  padding-bottom: 2em;
}

.send-signature-contact-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 3rem;
}

.send-signature-preparer-email {
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.send-signature-label {
  display: inline-flex;
}

.signatures-signature-list-block {
  margin-bottom: '2vh';
}

.signatures-typography {
  margin-bottom: '2vh';
}

.account-info-msg-container.verticallyCenter {
  text-align: center;
  display: none;
}

.account-info-msg-container.verticallyCenter.show-msg {
  display: flex;
}

.field-info-drawer {
  box-shadow: inset 0 0 15px 0px #999;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 20rem;
  height: 100%;
}

.field-info-drawer.hide {
  width: 0;
  padding: 0;
}

.field-info-drawer.open {
  right: 0;
}

.field-info-body-container {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.field-info-description-container {
  overflow-wrap: break-word;
}

.field-info-fieldID-container {
  overflow-wrap: break-word;
  padding-bottom: 0;
  margin-bottom: 0;
}

.field-info-form-links-container {
  padding: 0;
  height: calc(100% - 17rem);
  overflow-y: auto;
  box-shadow: inset 0 0 5px #999;
  border-radius: 5px;
}

.field-info-heading {
  border-bottom: 1px solid #444;
  font-size: 1.25rem;
  font-weight: 500;
}

.field-info-worksheet-container {
  padding: 1rem 0;
}

.field-info-worksheet-container > button {
  margin-right: 2rem;
}

.field-info-help-container {
  bottom: 0;
  padding: 0 0 1rem;
  position: sticky;
}

.field-info-help-number {
  font-weight: 500;
}

.field-info-drawer-estimator {
  box-shadow: inset 0 0 15px 0px #999;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  width: 100%;
  min-width: 20rem;
  height: 101%;
}

.formviewer-container {
  height: 100%;
}

.formviewer-field-info-tab-container {
  position: sticky;
}

.wizard-field-info-tab-container {
  width: 20rem;
position: fixed;
right: 0;
z-index: 99;
background-color: #f1f3f5;
}

.preview-doc-archive-modal-container {
  padding: 0.5rem 1.5rem 0 1.5rem;
}
.preview-doc-archive-modal-container-table-td {
  width: 100%;
  height: 1rem;
}
.preview-doc-archive-modal-table-container-a {
  text-decoration: none;
  box-shadow: none;
  border: none;
}
.preview-doc-archive-modal-table-container-a-img {
  display: inline-block;
  vertical-align: -5px;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  padding-left: 5px;
}
.preview-doc-archive-modal-table-container-a-btn {
  background-color: #ffffff;
  color: #0077ff;
  border: none;
  font-family: 'Roboto';
  font-size: 15px;
}

.logo-container {
  float: none;
  margin-left: 1rem;
}

.logo-display-container {
  margin: 0 0 1rem .5rem;
}

.logo-display-img {
  max-width: 300px;
  width: auto;
  max-height: 50px;
  height: auto;
  background-color: #DBEBFE;
}

.logo-img-size-description {
  margin-left: 1rem;
  font-family: Roboto;
  font-Weight: 300;
  font-size: 14px;
  color: #354052;
}

.logo-save-btn {
  margin: 1rem 0 1rem 2rem;
}
.office-setup-checkbox-block {
  margin-right: 1.9rem;
  margin-left: 1.9rem;
}

.office-setup-field {
  display: flex;
  align-items: center;
}

.setup-toolbar-acct-logo {
  margin-right: 0.5rem;
  margin-left: 24px;
  height: 30px;
  width: 30px;
}

.setup-toolbar-help-nav-wrapper {
  margin-right: 24px;
}

.setup-toolbar-help-nav-logo {
  height: 25px;
  width: 25px;
}

.setup-toolbar-help-nav-label {
  padding-top: 5px;
  color: #0077ff;
}

.setup-lock-icon {
  position: relative;
  padding-right: 0.5em;
  margin-left: 5px;
  margin-bottom: 5px;
  height: 20px;
}

.setup-nav-btns {
  margin-top: 1rem;
  padding-bottom: 1rem;
  text-align: right;
  width: 100%;
}

.setup-nav-btns button {
  color: #0077ff;
  text-transform: capitalize;
  font-family: Roboto;
  width: 10vw;
  margin-right: 1vw;
}

.setup-section-heading {
  text-align: left;
  margin-bottom: 2vh;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0.14px;
  color: #1a173b;
}

.header-bar-help-block {
  display: flex;
}
.manage-ancillary-section-title {
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  align-self: center;
  padding-bottom: 10px;
  padding-top: 10px;
}

.manage-ancillary-product-detail-title {
  font-family: Roboto;
  font-size: 10px;
  line-height: 11px;
  color: #1a173b;
  letter-spacing: 1px;
}

.manage-ancillary-product-detail-text {
  color: #67727c;
  font-family: Roboto;
  font-size: 14px;
  line-height: 11px;
  padding-top: 5px;
}

.manage-ancillary-product-button-block {
  margin: 2rem;
  text-align: right;
  position: relative;
}

.pprChargesContainer {
  text-align: left;
  margin: 2rem 0;
}

.pprChargesCollapseIconContainer {
  float: left;
}

.pprChargesCollapseHeader {
  font-size: 1.25rem;
  letter-spacing: 0.14px;
  color: #1a173b;
  margin-left: 0.5rem;
}

.pprChargesTableContainer {
  margin: 0 5rem;
  width: 50%;
}

.efiling-setup-settings-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: auto;
  margin-top: 2em;
}

.efiling-setup-content {
  margin-left: 3vw;
  margin-bottom: 0.5vh;
}

.efiling-setup-dropdown {
  margin-left: 0.5em;
}

.efiling-setup-content-info-btn {
  width: 1.3rem;
  cursor: pointer;
}

.printing-setup-row-header {
  font-family: Roboto;
  font-size: 14px;
  color: #354052;
  padding-bottom: 2%;
  font-weight: 500;
}

.printing-setup-row-header-center {
  font-family: Roboto;
  font-size: 14px;
  color: #354052;
  padding-bottom: 2%;
  font-weight: 500;
  text-align: center;
}

.printing-setup-titleStyle {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  margin-top: 3vh;
  color: #354052;
}

.printing-setup-titleStylePDF {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  padding-top: 2vh;
  color: #354052;
}

.printing-setup-titleStyleCheckPrinting {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  padding-top: 2vh;
  color: #354052;
}

.printing-setup-titleStyleTaxEstimator {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2vh;
  color: #354052;
}

.printing-setup-adjustLineIncrementStyle {
  width: 5vw;
  height: 3.5vh;
}

.printing-setup-couponAmountStyle {
  width: 6rem;
  height: 3.5vh;
  margin-right: 3vw;
}

.printing-setup-tableRowStyle {
  font-family: Roboto;
  font-size: 14px;
  color: #354052;
  height: 1.6vh;
}

.printing-setup-labelWidthStyle {
  height: 1.6vh;
  color: #354052;
  text-align: left;
  font-size: Roboto;
  font-size: 14px;
}

.printing-setup-labelWidthStyleCheckbox {
  height: 2vh;
  color: #354052;
  text-align: left;
  font-size: Roboto;
  font-size: 14px;
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  margin-right: 0;
  margin-left: 0;
}

.printing-setup-print-row-Checkbox {
  background-color: #f3f9ff;
}

.printing-setup-print-row-options-Checkbox {
  background-color: #f3f9ff;
  margin-right: 0.3vw;
}

.printing-setup-expand-icon {
  width: 1em;
  height: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.printing-setup-header {
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a173b;
  margin-left: 0.3em;
}

.printing-setup-return-table {
  margin-top: 3vh;
  margin-left: 3vw;
  width: 75%;
}

.printing-setup-menuItemStyle {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #0077ff;
  height: 1.5em;
}

.printing-header {
  text-align: left; 
  padding-top: 3vh; 
  display: flex; 
}

.print-order-button{
  margin-left:auto;
}

.print-order-item {
    cursor: move; 
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


.print-order-item:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    background-color: transparent
}

.print-order-item:hover {
  background-color: #dedede;
}

.print-order-item-text {
  margin-top: 3px;
}
.ero-setup-container {
  margin-top: 2.5rem;
}

.ero-setup-heading {
  text-align: left;
  padding-top: 3vh;
  padding-bottom: 1vh;
}

.ero-setup-heading-span {
  font-family: Roboto;
  font-size: 1.3125rem;
  letter-spacing: 0.00875rem;
  color: #1a173b;
}

.ero-setup-heading-span-note {
  font-size: 1rem;
}

.ero-setup-heading-content {
  margin-left: 1vw;
}

.ero-setup-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.ero-setup-checkbox-label {
  margin-left: 3vw;
  margin-bottom: 1vh;
}

.ero-setup-input-container {
  float: left;
  margin-left: 2vw;
}

.ero-setup-input-container-left {
  float: left;
}

.ero-setup-input-display-none {
  margin-left: 2vw;
  display: none;
}

.ero-setup-menu-item {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #0077ff;
  background-color: #ffffff;
}

.ero-setup-menu-entry {
  padding-left: 0.75rem;
}

.new-preparer-section-headings {
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a173b;
  margin-left: 1vw;
  text-align: left;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.new-preparer-form {
  margin: 1rem 2rem 2rem;
}

.new-preparer-form-action-btn {
  text-align: right;
  width: 100%;
  margin: 0;
  position: sticky;
  bottom: 0;
  background-color: #fff;
  padding: 1rem 2rem;
  border-top: 1px solid #ddd;
  box-shadow: 0 0px 5px 0px #bbb;
}

.modal-footer {
  position: relative;
  bottom: 5%;
  margin: 0 0 3.5rem 0;
}

.modal-footer .btn-container {
  position: absolute;
  right: 5%;
}

.modal-subtitle {
  font-size: 1.3rem;
  margin: 1.5rem 0 2rem 0;
}

.spaceLeft {
  margin-left: 1rem;
}

.preparer-setup-container {
  margin-top: 2.5rem;
}

.row-padding-bottom {
  font-family: Roboto;
  font-size: 15px;
  color: #67727c;
  padding-bottom: 0.5vh;
  padding-top: 1vh;
}

.preparer-setup-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.preparer-setup-form-content {
  text-align: left;
  padding-top: 3vh;
  padding-bottom: 1vh;
}

.preparer-setup-form-heading {
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a173b;
  float: left;
}

.preparer-setup-form-btn-container {
  text-align: right;
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
}

.preparer-setup-table {
  margin-top: 25px;
  margin-left: 2vw;
  width: 95%;
}

.preparer-setup-table-heading {
  font-family: Roboto;
  font-size: 12px;
  color: #1a173b;
  width: 20%;
  padding-bottom: 0%;
}

.heading-30-perc-width {
  width: 30%;
}

.preparer-setup-paginate-preparer {
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
}

.preparer-setup-divider-top-margin {
  margin-top: 1.5rem;
}

.preparer-setup-divider-left-right-margin {
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}

.activate-check-container {
  padding: 1rem;
}

.login-modal-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.login-modal-div-one {
  text-align: left;
  margin-top: 2vh;
}

.login-modal-div-login-details {
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  margin-bottom: 1vh;
}

.login-modal-div-two {
  float: left;
  margin-right: 3vw;
}

.login-modal-div-three {
  margin-right: 30px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 0px;
}

.login-modal-row {
  margin-right: 30px;
  margin-left: 1vw;
  margin-top: 10px;
}

.login-modal-row-two {
  margin-right: 30px;
  margin-left: 1vw;
  margin-top: 10px;
  margin-bottom: 1vh;
}

.login-modal-div-margin {
  margin-bottom: 0.5vh;
}

.login-modal-span {
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
}

.access-level-container {
  flex-grow: 1;
  padding: 25px;
  height: 60%;
  overflow-y: auto;
}
.access-level-sub-header {
  height: 20%;
  padding-left: 25px;
  padding-top: 10px;
}
.access-level-footer {
  height: 10%;
}
#btnAddNewAccessRole {
  margin-left: auto;
}

.audit-config-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.audit-config-form-content {
  text-align: left;
  padding-top: 3vh;
  padding-bottom: 1vh;
}

.audit-config-form-section-header {
  float: left;
}

.audit-config-form-section-header-label {
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a173b;
  margin-left: 0.3em;
}

.audit-config-form-section-header-buttons {
  text-align: right;
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
}

.audit-config-form-sub-section-header {
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  margin-left: 0.3vw;
  margin-bottom: 1.5vh;
}

.audit-config-form-sub-section-item {
  display: flex;
  margin-left: 3vw;
  margin-bottom: 1vh;
}

.audit-config-form-divider {
  text-align: right;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
  margin-bottom: 2vw;
}

.audit-config-form-button-container {
  text-align: right;
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
  height: 100%;
  margin-top: 0vh;
  margin-bottom: 3vw;
}

.text-container {
  margin-top: 2.5rem;
}

.text-form {
  margin-left: 3rem;
  margin-right: 3rem;
  margin-top: 1rem;
}

.text-title-container {
  text-align: left;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.text-title-container-content {
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a173b;
}

.text-title-container-has-textlink {
  float: right;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0.14px;
  color: #1a173b;
}

.text-body-container {
  margin-left: 1.5rem;
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.text-note-container {
  margin-left: 1.5rem;
  color: #354052;
  font-family: Roboto;
  font-size: 14px;
}

.text-form-control {
  margin-left: 2rem;
  float: left;
}

.text-form-control-checkbox {
  width: 17px;
  height: 16px;
}

.text-form-control-checkbox-outline {
  font-size: 24px;
  color: #8fc3ff;
}

.text-form-control-checkbox-checked {
  font-size: 24px;
}

.main-container {
  width: 28rem;
  padding: 20% 0;
  position: relative;
  margin: auto;
  top: 10%;
  height: auto;
}
.save-modal-toolbar {
  background-color: #444a59;
  display: inline-block;
  height: 2em;
  width: 100%;
}
.Btn {
  display: inline;
  margin-bottom: 3em;

}
.saveBtn {
  margin-right: 2em;
  display: inline;
}
.notSavingBtn {
  display: inline;
  margin-left: 2em;
}
.toolbar-width {
  width: 100%;
}
.header-text {
  font-size: 2em;
}
.prompt-text {
  color: black;
  display: inline-block;
  font-size: 1em;
  width: 100%;
  cursor: default;
}
.buffer-text {
  margin-bottom: 1%;
}
.save-modal-body-title {
  font-size: 20px;
  font-weight: bold;
}
.save-modal-body {
  color: #ffffff;
  font-family: Roboto;
  display: grid;
  text-align: center;
  font-size: 1rem;
}

.ck p {
  margin-bottom: 0;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners {
  border: 1px solid var(--ck-color-toolbar-border);
  border-top: 0;
}

.client-letter-editor-title {
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0.14px;
  color: #1a173b;
  margin-left: 0.3em;
}

.client-letter-editor-save-btn-container {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}

.client-letter-setup-container {
  margin-top: 2.5rem;
}

.client-letter-setup-content {
  padding: 2rem;
}

.client-letter-section-title {
  border-bottom: 1px solid #ebedf8;
  padding: 0.5rem 1rem;
}

.client-letter-sub-section-content {
  margin-left: 2rem;
}

.bus-client-letter-setup-container {
  margin-top: 2.5rem;
}

.bus-client-letter-setup-content {
  padding: 2rem;
}

.bus-client-letter-section-title {
  border-bottom: 1px solid #ebedf8;
  padding: 0.5rem 1rem;
}

.bus-client-letter-sub-section-content {
  margin-left: 2rem;
}
.setup-content-container {
  margin: 1rem 0 0;
}

.setup-sidebar-dot-icon {
  background-color: #f0a6a9;
  height: 8px;
  width: 8px;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 4px;
  float: left;
  vertical-align: center;
}

.sidebar-checkmark-img {
  height: 1rem;
  width: 1rem;
}

.tech-support-number-content {
  margin-left: 2rem;
  margin-bottom: 1rem;
}

.cobranding-setup-checkbox-block {
  margin-right: 1.9rem;
  margin-left: 1.9rem;
}

.ancillary-product-button-block {
  text-align: right;
  width: 100%;
  height: 100%;
  margin-top: 1rem;
  padding: 1.5rem 4rem 1rem 0;
}

.payment-setup-section-label {
  display: block;
  padding: 0 3.2rem;
  text-transform: uppercase;
}

.mobile-setup-email-container {
  margin: 5px 0 0 2rem;
  display: inline-block;
  width: 36rem;
}

.mobile-setup-email-form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-setup-logo-container {
  margin: 1rem 0 0 -3rem;
}

.option-license-assign:disabled {
  background-color: #b3b3b3;
}

.manage-licence-create-license-btn-wrapper {
  position: relative;
}

.multi-office-manage-license-title {
  margin-top: 1rem;
}

.license-used {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 2rem;
}

.btn-license-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-license-header span {
  display: flex;
  align-items: center;
}

.btn-license-header span button {
  margin-right: 2rem;
}

.btn-license-header span div {
  width: 8rem;
}

.modal-header {
  color: #ffffff;
  height: 4.375rem;
  background-color: #444a59;
  text-align: left;
  padding: 1.4rem 2rem 0 2rem;
}

.info-modal-card {
  margin: auto;
  margin-top: 2rem;
  width: 90%;
  height: 95%;
}

.info-modal-button-card {
  margin: auto;
  margin-top: 1.5rem;
  width: 50%;
  height: 30%;
}

.info-modal-container {
  margin: auto;
  margin-bottom: 1.5rem;
}

.info-modal-grid-container {
  pointer-events: none;
}

.info-modal-drawer {
  box-shadow: inset 0 0 15px 0px #999;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: auto;
  width: 20rem;
  height: 100%;
  background-color: #f1f3f5;
  border-radius: 2%;
}

.info-modal-heading {
  border-bottom: 1px solid #444;
  font-size: 1.25rem;
  font-weight: 500;
}

.info-modal-body-container {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.info-modal-description-container {
  overflow-wrap: break-word;
}
.info-modal-fieldID-container {
  overflow-wrap: break-word;
  padding-bottom: 0;
  margin-bottom: 0;
}

.info-modal-form-example {
  color: #0077ff;
  padding: 1rem;
}

.info-modal-field-example {
  color: #485361;
  padding: 1rem;
}

.info-modal-fieldID-example {
  font-size: 20px;
  margin: auto;
  width: 50%;
  text-align: center;
}

.restricted-fields-page-container {
  margin-top: 2.5rem;
  margin-left: 3vw;
}

.restricted-fields-paper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.restricted-fields-heading {
  font-family: 'Roboto';
  font-size: 21px;
  letter-spacing: 0.14px;
  color: #1a163b;
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.restricted-fields-table-container {
  margin: 0 5rem;
  width: 60%;
}

.restricted-fields-table-header-divider {
  margin-bottom: 1vh;
}

.restricted-fields-table-cell {
  width: 12%;
  color: #1a173b;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 'normal';
  letter-spacing: '1px';
  border-bottom: 'none';
}

.restricted-fields-info-button {
  border: 'none';
  outline: 'none';
}

.care-provider-button-wrapper {
  text-align: right;
  padding: 0;
  margin-right: 2em;
  margin-bottom: 2em;
  margin-top: 2em
}

.care-provider-form-control-wrapper-1em {
  float: left;
  margin-right: 1em;
}

.care-provider-form-control-wrapper-2em{
  margin: 2em;
  text-align: left;
}

.div-style-float-none{
  float:none;
}

.divider-style-margin-top-1em{
  margin-top: 1em;
}

.form-margin {
  margin: 2em;
}

.section-heading {
  color: #1A173B;
  font-family: "Roboto";
  font-size: 21px;
  margin-bottom: 1em;
}
.upsert-site-id-toolbar {
  background-color: #444a59;
}

.upsert-site-id-section-heading {
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  margin-bottom: 1em;
}

.upsert-site-id-label {
  color: #354052;
  text-align: left;
  font-family: Roboto;
}

.upsert-site-id-input {
  width: 20vw;
  height: 3.5vh;
}

.upsert-site-id-content {
  margin: 2em;
  text-align: left;
}

.upsert-site-id-content-site-code {
  float: left;
  margin-right: 1em;
}

.upsert-site-id-content-site-description {
  float: none;
  margin-right: 1em;
}

.upsert-site-id-button-block {
  text-align: right;
  margin: 2rem 2rem 2rem 0;
}

.upsert-site-id-button {
  width: 9em;
  font-size: 14px;
  border-radius: 4px;
  margin-left: 2em;
}

.database-content {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  margin-top: 2rem;
  height: calc(100% - 2rem);
  overflow: auto;
}

.database-form {
  margin-left: 3vw;
  margin-right: 3vw;
  margin-top: 1vh;
}

.database-form-top-content {
  text-align: left;
  padding-top: 3vh;
  padding-bottom: 1vh;
}

.database-left-content {
  float: left;
}

.database-form-top-add-new-btn {
  text-align: right;
  width: 100%;
  padding: 0;
  margin-left: 0vw;
  margin-right: 3vw;
}

.database-form-table-content {
  margin-top: 25px;
  margin-left: 2rem;
  width: calc(100% - 2rem);
  border-bottom: 1px solid #ddd;
}

.database-form-table-header {
  border-bottom: 1px solid #ddd;
}

.database-form-table-header-row {
  border: none;
  display: inline-block;
  width: 100%;
}

.database-form-table-header-column {
  font-family: Roboto;
  font-size: 12px;
  color: #1a173b;
  width: 20%;
  padding-bottom: 0%;
}

.database-form-table-body {
  display: block;
  height: auto;
  padding: 1rem 0;
}

.current-year-transfer-table-container {
  height: 13rem;
  overflow-y: auto;
}

.current-year-transfer-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.current-year-transfer-existing-rtn-icon {
  margin: 0 0 0.5rem 0.8rem;
  height: 1rem;
  width: 1rem;
}

.addNewReturn-header-row {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
  margin-top: 0rem !important;
  justify-content: space-between;
}

/* filter value changes image to white */
.addNewReturn-multiply-img {
  filter: invert(100%) brightness(200%) contrast(100%);
  cursor: pointer;
}

.addNewReturn-submit-buttons {
  margin-left: 0rem !important;
  display: flex;
  justify-content: space-evenly;
}

.formViewerlite-exit-estimator-button {
  padding-bottom: 2rem;
  position: absolute;
  left: 10%;
  margin-top: 0.8rem;
  z-index: 10;
}

.table td.forms-link-col {
  border-top: none;
  padding: 0 0 1rem 0.5rem;
}

.table td.forms-link-desc-col {
  color: #8a96a0;
}

.boldText {
  font-weight: 500;
}

.subText {
  margin-left: 0.3em;
  color: #67727c;
}

.subTitle {
  margin-right: 0.5em;
  margin-top: 0.8em;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.subBody {
  margin-right: 1em;
  margin-top: 0.7em;
}

.tab-container {
  width: 100%;
  height: 100%;
}

.image-preview-list-menu-item-container {
  display: flex;
  justify-content: center;
}

.image-preview-list-container {
  min-height: 400px;
  width: 15%;
  display: inline-block;
  text-align: center;
}

.paper-container {
  width: 100%;
  height: 100%;
}

.app-bar-container {
  min-width: 800px;
  position: relative;
  z-index: 5;
}

.paper-container {
  align-items: center;
  justify-content: center;
}

.paper-component-container {
  background-color: #f9f9f9;
  width: 100vw;
  height: 100vh;
}

.paper-widget-card-container {
  display: flex;
  max-height: 90vh;
  height: 90vh;
  overflow-y: auto;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #fafbfc;
  border-top: 1px solid #ebedf8;
}

.widget-control-container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1201;
}

.header-msg-container {
  font-weight: 500;
}

.header-msg-notice-label {
  color: #e04242;
  padding-right: 1rem;
  text-transform: uppercase;
}

.fab {
  position: fixed;
  z-index: 9;
}

.fab-support {
  bottom: 5rem;
  right: 0;
  background-color: #007bff;
  box-shadow: -1px 2px 2px -1px #000;
  padding: 1rem 0;
}

.fab-support-icon {
  color: #fff;
  font-size: 2.5rem !important;
}

.fab-support-mask {
  z-index: 999999;
  width: 3.125rem;
  height: 10.625rem;
  opacity: 0;
}

.modal-top-20 {
  top: 20%;
}

.capture-sig-paper-modal-container {
  width: 35%;
  padding: 0;
  position: relative;
  margin: auto;
}

.capture-sig-toolbar-label {
  font-family: 'Roboto';
  font-size: 18px;
}

.capture-sig-user-info-text {
  margin-left: 2vw;
  margin-right: 2vw;
  margin-top: 1vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.capture-sig-ok-btn {
  text-align: center;
  padding-bottom: 2vh;
}

.welcome-heading-text {
  float: left;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 500;
  color: #1a173b;
  margin-top: 0.75em;
  width: 33%;
  margin-right: auto;
  margin-left: 0em;
}

.welcome-heading-text-centered {
  float: left;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 500;
  color: #1a173b;
  margin: auto;
}

.welcome-linear-progress-container {
  float: left;
  margin-right: auto;
  margin-left: 0em;
}

.welcome-linear-progress-content {
  margin-top: 2em;
  width: 37em;
}

.welcome-setup-link {
  float: none;
  width: 13%;
  margin-right: 0em;
  margin-left: auto;
  margin-top: 1.25em;
  text-decoration: none;
}

.add-new-widget-text-align-center {
  text-align: center;
}

.horizontal-rule {
  margin-right: auto;
  margin-left: auto;
  width: 42%;
  display: inline-flex;
}

.add-new-widget-btn {
  border: none;
  margin-top: 1em;
  top: -18px;
}

.tax-return-list-icons {
  position: relative;
  padding-left: 0.5rem;
}

.preview-table-msg {
  margin-left: 1.9rem;
  font-weight: bold;
}

.wizard-side-bar-forms-content {
  height: 93%;
  width: 17.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.wizard-form-nav-container {
  margin: 0 0 0 0.5rem;
  overflow-x: auto;
  border-top: 1px solid #ddd;
  overflow-y: auto;
  padding: 1em 0;
}

.wizard-sidebar-form-nav.adjusted-height-18rem {
  height: calc(100% - 18.5rem);
}

.wizard-sidebar-form-nav.adjusted-height-17rem {
  height: calc(100% - 17rem);
}

.wizard-sidebar-form-nav.adjusted-height-16rem {
  height: calc(100% - 16.75rem);
}

.wizard-sidebar-form-nav.adjusted-height-15rem {
  height: calc(100% - 15.5rem);
}

.wizard-sidebar-form-nav.adjusted-height-14rem {
  height: calc(100% - 14.5rem);
}

.wizard-fed-refund-amt {
  padding: 0.5rem 1rem;
  margin-left: 1em;
}

.wizard-add-a-form-btn-container {
  margin-top: auto;
  background-color: #f1f3f5;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 0.75rem 0;
  border-top: 1px solid #ddd;
  position: relative;
}
.wizard-menulist-menuitem-dot {
  height: 8px;
  width: 8px;
  background-color: #f0a6a9;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.5rem 0.1rem 0;
}
.wizard-menulist-menuitem-icon {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 4.8px;
}

.wizard-menulist-menuitem-icon-hidden {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 4.8px;
  visibility: hidden;
}
.wizard-sidebar-form-nav-header {
  height: auto;
  margin: 1rem 0 1rem 3rem;
}
.wizard-sidebar-form-nav-header-text {
  color: #1a173b;
  font-family: Roboto;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
  margin: 0;
}
.wizard-form-cell-item {
  width: 2.1rem;
}
.wizard-add-form-btn {
  width: 12rem;
}

.wizard-collapse-icon {
  color: 'lightgrey',
}

.refund-side-bar-forms-content {
  height: 100%;
}

.refund-form-nav-container {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.refund-sidebar-form-nav {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  overflow-y: auto;
}

.fed-refund-amt {
  padding: 0.5rem 1rem;
  margin-left: 1em;
}

.refund-display {
  margin-top: 1rem;
}

.state-display{
  padding-left: 1.5rem;
  margin-left: 1rem;
  color: #0077FF;
}

.collapse-size{
 max-height: 20vh;
 overflow-y: auto;
}
.container-item-icon {
  height: 1rem;
  width: 1rem;
  margin: 1rem 0.5rem 0 0.5rem;
  cursor: pointer;
}
.container-item-warning-icon {
  height: 1.75rem;
  width: 1.75rem;
  margin: 0 0.75rem 0 0;
}
.mapper-grid-container-grid-item-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 1.5rem;
}

.grid-container-grid-item-div-checkbox-no-margin {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.grid-container-div-title-warning {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  height: fit-content;
  width: 100%;
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: #f1f3f5;
}
.div-label-item-right {
  margin-left: 0.75rem;
  font-size: 15px;
}
.div-label-item-left-bold {
  margin-right: 0.25rem;
  margin-left: 0.5rem;
  font-weight: 500;
  font-size: 15px;
}
.grid-highlight-item {
  background: #f1f3f5;
  padding: 0.5rem;
  margin: 1rem 0;
}
.div-label-item-right-bold {
  margin-left: 0.25rem;
  font-weight: 500;
  font-size: 15px;
}
.div-leader-line {
  border-bottom: 2px dotted;
  font-size: 0.65rem;
  border-color: #7c7e80;
}
.div-label-item-left-indent {
  margin: 0 0.25rem 0 2rem;
  font-size: 15px;
}
.MuiList-padding-993 {
  max-height: 25rem;
}
.MuiFormHelperText-root-1165 {
  margin-top: -0.15rem;
  margin-left: 0.4rem;
}

.container-item-icon {
  height: 1rem;
  width: 1rem;
  margin: 0 0.5rem;
  cursor: pointer;
}
.container-item-warning-icon {
  height: 1.75rem;
  width: 1.75rem;
  margin: 0 0.75rem 0 0;
}
.grid-container-grid-item-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 1.5rem;
}
.grid-container-div-title-warning {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  height: fit-content;
  width: 100%;
  padding: 1.5rem;
  background: #f1f3f5;
}
.return-title-space-bottom {
  margin-bottom: 2.7rem;
}
.checkbox-item-div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 0 !important;
}

.modal-header-row {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
  margin-top: 0rem !important;
  justify-content: space-between;
}

/* filter value changes image to white */
.modal-multiply-img {
  filter: invert(100%) brightness(200%) contrast(100%);
  cursor: pointer;
}

.form-list-container {
  padding-left: 2rem;
  height: 42rem;
  overflow-y: auto;
}

.info-container-body {
  padding: 1.5rem;
  overflow-y: auto;
}
.container-body-question {
  font-weight: 600;
}
.container-body-message {
  padding: 2rem 0rem;
}

.modal-bottom-container {
  position: fixed;
  bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}

.misc-form-row {
  height: 2rem;
}

.button-spacer {
  margin-left: 1em;
  margin-right: 1em;
}

.maincontainer-div-body {
  max-width: 1200px;
  min-width: 1200px;
  background: #ffffff;
  margin: 1rem 0 0;
  width: 100%;
  height: calc(100% - 7.9rem);
  padding: 2rem 3rem;
  overflow-y: auto;
}

.secondary-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
  background-color: #f1f3f5;
}

.modal-style {
  position: static;
}

.misc-modal-container {
  position: absolute;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(255, 255, 255);
  inset: 55% 40px 40px 55%;
  transform: translate(-50%, -50%);
  height: 52rem;
  width: 60rem;
  
}

.info-modal-container {
  position: absolute;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
  min-height: 17rem;
  width: 35rem;
  left: 50%;
  top: 50%;
}

.secondary-sub-container {
  position: relative;
}

.wizard-formviewer-container{
  width:100%;
}

.secondary-header-container {
  display: flex;
  flex-direction: column;
}

.secondary-sub-container-message {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 108.5em;
  padding: 0.5em;
  color: black;
  background-color: #f8e0e0;
  border: 1px solid #ffb1bb;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 15px;
  margin-top: 0.7rem;
}

.secondary-sub-container-message-icon {
  height: 26px;
  margin-top: 0.2em;
  padding-left: 1em;
}

.secondary-sub-container-message-text {
  padding-left: 1.5em;
}

.secondary-sub-container-message-user {
  color: #0077ff;
}

.wizard-footer-disabled {
  /* position: fixed;
  bottom: 0rem; */
  opacity: 0.5;
  pointer-events: none;
}

.wizard-footer {
  position: absolute;
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
  margin-bottom: 0.85rem !important;
  left: 0;
  background: white;
  box-shadow: -4px -5px 5px -5px #999;
  height: 6rem;
  bottom: 0;
}

.wizard-footer-enabled {
  position: sticky;
  bottom: 0rem;
}

.formviewer-container-grid {
  margin: -8px -8px -8px 0 !important;
  width: 100% !important;
}

.wizard-sidebar-menu-item{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.add-avatar-block {
  background-color: #ffffff;
}

.add-avatar-select-image-block {
  display: grid;
  place-items: center;
}

.switch-office-year-title-bar {
  width: 41rem;
  background-color: #ffffff;
}

.switch-office-year-title-bar > div > div:nth-child(1) {
  max-height: 30vh;
  overflow-y: auto;
}

.modal-header {
  color: #ffffff;
  height: 70px;
  background-color: #444a59;
  text-align: left;
  padding: 1.4rem 2rem 0 2rem;
}

.login-preferences-section-heading {
  padding: 0 1.5rem;
  color: #354052;
  font-weight: 600;
}

.login-preferences-hr {
  border: 1px solid #ebedf8;
  width: 90%;
  margin: 0 1rem 1rem;
  padding-top: 0;
}

.login-preferences-signature-options-container {
  display: inline-block;
  padding-right: 0px;
}

.login-preferences-drivers-container {
  padding: 0 1.5rem;
  margin: 1rem 0 0;
}

.login-preferences-driver-content {
  margin: 0 0 0.5rem;
}

.login-preferences-driver-info {
  display: inline-block;
}

.login-references-btn-container {
  margin-top: 1rem;
  padding-bottom: 1rem;
  text-align: right;
  position: relative;
}

.modal-header {
  color: #ffffff;
  height: 4.375rem;
  background-color: #444a59;
  text-align: left;
  padding: 1.4rem 2rem 0 2rem;
}

.version-modal-container {
  width: auto;
  height: auto;
}

.version-modal-toolbar {
  background-color: #444a59;
  display: inline-block;
  width: 100%;
}

.version-modal-body {
  display: grid;
  text-align: center;
  padding: 1rem;
  font-size: 1rem;
}

.version-modal-grid {
  padding-top: 1rem;
}

.version-modal-body-title {
  font-size: 20px;
  font-weight: bold;
}

.version-modal-body-program-version {
  margin-top: 0.1rem;
  font-weight: bold;
}

.header-bar-block {
  flex-grow: 1;
}

.header-bar-nav-item,
.header-bar-nav-item:hover {
  text-decoration: none;
  color: #1a173b;
}

.search-nav-label {
  cursor: pointer;
  border: none;
}

.toolbar-color {
  background-color: #ffffff;
  height: 65px;
  gap: 2rem;
}

.acct-profile-title-bar-container {
  padding-right: 11px;
}

.header-bar-logo-block {
  max-width: 12rem;
  width: 12rem;
}

.header-bar-search-bar-block {
  width: 31.5rem;
  height: 100%;
}

.header-bar-search-bar-block-training {
  margin-top: 1.1rem;
  height: 3.9rem;
}

.header-bar-help-block {
  display: flex;
}

.sidebar-link-container,
.sidebar-link-container:hover {
  text-decoration: none;
}

.footer {
  position: fixed;
  width: 100%;
  color: #aab2c0;
  height: 1.5rem;
  bottom: 0rem;
  text-align: center;
  background-color: #ffffff;
  position: fixed;
  width: 100%;
}

.footer-Year {
  padding-right: 0.5rem;
  color: #67727c;
}

.footer-Version {
  padding-right: 0.5rem;
  padding-left: 1rem;
  color: #67727c;
}

.footer-Version-Number {
  padding-right: 0.5rem;
}

.footer-Copyright {
  margin-top: 0;
  padding-left: 0.93rem;
}

.footer-Link {
  margin: 0rem 0.25rem 0rem 0.25rem;
  color: #0077ff;
  cursor: pointer;
}
.footer-Link-Privacy-Policy {
  padding-right: 0.5rem;
  padding-left: 1rem;
  margin: 0rem 0.25rem 0rem 0.25rem;
  color: #0077ff;
  cursor: pointer;
}

.footer-TextAlignJustify {
  text-align: justify;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

button {
  cursor: pointer;
}

.hidden {
  display: none;
}

* {
  font-family: 'Roboto', 'Open Sans', sans-serif;
}

.scroll-y {
  height: 100vh;
  overflow-y: auto;
}

/*webkit-scrollbar only works for chrome, safari, and opera.*/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(105, 103, 103, 0.87);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #969696;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.sidebarMenuItem {
  color: #1880e7;
  font-family: 'Roboto';
  font-size: 13px;
  line-height: 18px;
}

.sidebarMenuHeader {
  color: #1a173b;
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding: 0px;
}

/* https://css-tricks.com/snippets/css/css-triangle/ */
.arrow-down {
  cursor: pointer;
  margin-bottom: 0.2em;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.spinner {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffff40;
  background: -moz-linear-gradient(left, #ffff40 10%, rgba(255, 255, 64, 0) 42%);
  background: -webkit-linear-gradient(left, #ffff40 10%, rgba(255, 255, 64, 0) 42%);
  background: -o-linear-gradient(left, #ffff40 10%, rgba(255, 255, 64, 0) 42%);
  background: -ms-linear-gradient(left, #ffff40 10%, rgba(255, 255, 64, 0) 42%);
  background: linear-gradient(to right, #ffff40 10%, rgba(255, 255, 64, 0) 42%);
  position: fixed;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 7;
}
.spinner:before {
  width: 50%;
  height: 50%;
  background: #ffff40;
  border-radius: 100% 0 0 0;
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  z-index: 7;
}
.spinner:after {
  background: #fafbfc;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 7;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ReactCrop__image {
  max-height: 100% !important;
}

.introjs-tooltipbuttons {
  width: 40px;
  color: rgb(5, 13, 22);
  text-align: center;
  margin-right: 5px;
  border-radius: 0px;
}

.introjs-tooltiptext {
  color: rgb(5, 13, 22);
}

.introjs-button.introjs-skipbutton {
  width: 40px;
  color: rgb(5, 13, 22);
  text-align: center;
  margin-right: 5px;
  border-radius: 0px;
  border: 2px solid rgb(122, 126, 129);
}

.introjs-button.introjs-nextbutton {
  width: 40px;
  color: rgb(5, 13, 22);
  text-align: center;
  border-radius: 0px;
  border: 2px solid rgb(122, 126, 129);
}

.introjs-button.introjs-skipbutton:hover {
  box-sizing: content-box;
  border-radius: 0px;
  background-color: transparent;
}

.introjs-button.introjs-nextbutton:hover {
  width: 40px;
  margin-right: 5px;
  text-align: center;
  color: rgb(5, 13, 22);
  border-radius: 0px;
  background-color: transparent;
}

.introjs-button.introjs-prevbutton {
  width: 40px;
  margin-right: 5px;
  text-align: center;
  border-radius: 0px;
  border: 2px solid rgb(122, 126, 129);
}

.introjs-button.introjs-prevbutton:hover {
  width: 40px;
  margin-right: 5px;
  text-align: center;
  color: rgb(5, 13, 22);
  border-radius: 0px;
  background-color: transparent;
}

.introjs-button.introjs-prevbutton.introjs-disabled:hover {
  width: 40px;
  margin-right: 5px;
  text-align: center;
  border-radius: 0px;
}

.introjs-button.introjs-skipbutton:hover {
  width: 40px;
  margin-right: 5px;
  text-align: center;
  color: rgb(5, 13, 22);
  border-radius: 0px;
}

.verticallyCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-header-bar {
  color: white;
  background-color: #444a59;
  height: 70px;
  padding-top: 1.5rem;
  padding-right: 26px;
  padding-left: 30px;
}

.content-control-scroll {
  height: calc(100vh - 12em);
}

.page-content-scroll {
  height: calc(100vh - 4em);
  overflow-y: auto;
}

.formPaper {
  height: 497px;
  width: 570px;
  border-radius: 4px;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.btnNewCustomerCustomers {
  text-transform: capitalize;
  padding: 8px;
}

.darkText {
  color: black;
}

.textAlignJustify {
  text-align: justify;
}

@charset "UTF-8";

.form {
  font-family: Roboto;
  font-size: 1rem;
}

* {
  box-sizing: border-box;
}

.form-page * {
  position: relative;
}

#taxform {
  display: inline-block;
}

#taxform * {
  line-height: 1em;
}

.showdraft::before {
  z-index: 999999;
  content: 'DRAFT';
  font-size: 22rem;
  font-weight: 400;
  opacity: 0.2;
  position: absolute;
  top: 35rem;
  left: 60%;
  transform: translate(-60%) rotate(-35deg);
  pointer-events: none;
  -webkit-text-stroke: 4px black;
  -webkit-text-fill-color: transparent;
}

@media only screen and (min-width: 2100px) {
  .formContainer {
    overflow-x: auto;
    max-width: auto;
    margin-left: 0px;
    margin-right: auto;
  }
}

@media only screen and (max-width: 2099px) {
  .formContainer {
    overflow-x: auto;
    max-width: auto;
    margin-left: 0px;
    margin-right: auto;
  }
}

@media only screen and (max-width: 2020px) {
  .formContainer {
    overflow-x: auto;
    max-width: auto;
    margin-left: 0px;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1920px) {
  .formContainer {
    overflow-x: auto;
    max-width: auto;
    margin-left: 0px;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1800px) {
  .formContainer {
    overflow-x: auto;
    max-width: auto;
    margin-left: 0px;
    margin-right: auto;
  }
}

.lockedField {
  background-color: lightgray !important;
}

.formContainer {
  overflow-x: hidden;
  width: 100%;
  padding-top: 30px;
  overflow: auto;
  max-height: 93vh;
  height: 93vh;
  position: relative;
}

.form-page {
  border-radius: 3.8px;
  background-color: #ffffff;
  border: 1px solid #ebedf8;
  border-left: none;
  max-width: auto;
  display: grid;
  grid-template-columns: repeat(86, 17px);
  grid-auto-rows: minmax(auto, auto);
  padding-top: 15px;
  margin-bottom: 5em;
  padding-bottom: 15px;
  position: relative;
}

.form-landscape {
  grid-template-columns: repeat(113, 17px);
}

.form-section-item {
  grid-template-columns: repeat(86, 17px);
  grid-auto-rows: minmax(auto, auto);
}

.form .form-section-item:not(.form-element) {
  position: unset;
}

.form-cellItem .form_field:not(read-only) {
  vertical-align: sub;
  background-color: var(--background, #f3f9ff) !important;
  border: 1px solid #8fc3ff;
  border-radius: 2px;
  /* Eventually want padding here but will have to increase input field size */
}

.form-cellItem .form_field:read-only {
  vertical-align: sub;
  background-color: #ebedf8 !important;
  border: 1px solid #ebedf8;
  /* Eventually want padding here but will have to increase input field size */
}

.box-text-inner-item {
  /* font-size: 1rem; */
  letter-spacing: 1px;
}

.form-cellItem input {
  /* font-size: 1rem; */
  letter-spacing: 0.5px;
  max-height: 26px;
  padding-left: 2px;
  padding-right: 2px;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}

.form_field[required]:invalid {
  background-color: var(--background, #f3f9ff) !important;
  border: 1px solid #f0a6a9;
}

.form-element .form-checkbox-input {
  text-align: center;
}

.form-cellItem input:focus {
  background-color: white !important;
  z-index: 100;
  border: 1px solid #0077ff;
  outline-offset: 2px;
}

.form-pagetitle {
  display: flex;
  font-size: 1.7em;
  justify-content: center;
  margin-bottom: 10px;
}

.form-textitem {
  white-space: pre;
}

.form-element {
  margin-bottom: 8px;
}

.form-line-element {
  border-top: 1px solid #0000001a;
  border-left: 1px solid #0000001a;
  z-index: 2;
}

.form-button-element {
  display: block;
  width: 100%;
  z-index: 10;
  background-color: #ffffff;
  color: #0077ff;
  border: 1px solid #0077ff;
}

.form-button-icon {
  display: block;
  width: 100%;
  z-index: 10;
  background-color: #fefefe;
  border: 1px solid #ebedf8;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
  border-radius: 6px;
}

.form-button-icon-active::after {
  font-family: arial;
  background-color: #0077ff;
  content: '\2714';
  position: absolute;
  z-index: 11;
  left: 1rem;
  top: 1rem;
  color: #ffffff;
  height: 1.25rem;
  width: 1rem;
  border-radius: 10px;
  padding-top: 0.25rem;
}

.form-button-icon-active-wide::after {
  font-family: arial;
  background-color: #0077ff;
  content: '\2714';
  position: relative;
  z-index: 11;
  left: 251px;
  top: -63px;
  color: #ffffff;
  height: 15.77px;
  width: 15.77px;
  border-radius: 10px;
}

.form-button-icon-active {
  font-family: arial;
  background-color: #d7ecf7;
  border: 1px solid #0077ff;
  position: relative;
}

.form-button-element:hover {
  background-color: rgb(162, 205, 253);
}

.bgColor {
  background-color: gray;
  background: linear-gradient(90deg, gray, white);
}

.modal {
  top: 15%;
  outline: none;
}

.error {
  box-shadow: 0px 0px 0px 2px #cc0000;
}

.hide {
  display: none;
}

/* don't show arrows on input fields that have dropdowns */
input::-webkit-calendar-picker-indicator {
  display: none;
}

.form-element-box_2 {
  z-index: 1;
}

.form-element-box_1 {
  margin-bottom: 1px;
}

/* Should eventually be part of a theme - for now use important */
.form-element.shade-element {
  background: white !important;
  opacity: 0;
  /* effectively disable shade items */
  /* move them out of the way, we can't remove them from the form for spacing reasons */
  transform: translate(0em, -9000em) !important;
}

/* Derived from https://www.w3schools.com/howto/howto_js_snackbar.asp */
/* The snackbar - position it at the top and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Visible on click */
  min-width: 250px;
  margin-left: -125px; /* min-width halved */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 5;
  left: 50%;
  top: 60px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    top: 30px;
    opacity: 0;
  }

  to {
    top: 60px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 30px;
    opacity: 0;
  }

  to {
    top: 60px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 60px;
    opacity: 1;
  }

  to {
    top: 30px;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 60px;
    opacity: 1;
  }

  to {
    top: 30px;
    opacity: 0;
  }
}

.form-dottext-element {
  overflow: hidden;
  white-space: nowrap;
}

/*
DotTextItem's seem to have a width that usually has '....' appended to fill in remainder width that
the text doesn't fill up
*/
.form-dottext-element::after {
  content: '......................................................................................................................................';
}

.form-hline {
  margin-bottom: 22px;
}

.form-section-button {
  background-color: Transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5em;
  padding-right: 15px;
  transform: scale(1, 1.3);
}

.form-section-button:hover {
  background-color: rgb(143, 194, 253);
}

.form-section-button:focus {
  outline: none;
}

input[type='checkbox'] + span {
  transform: translate(-1px, -21px);
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: -1;
  display: block;
  border-radius: 4px;
  background-color: #f3f9ff;
  border: 1px solid #ebedf8;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

input[type='checkbox'] + span:hover {
  background-color: #0661c8;
}

input[type='checkbox']:hover + span {
  background-color: #0661c8;
}

input[type='checkbox']:checked + span span {
  transform: translate(5px, 1px) rotate(45deg);
  width: 5px;
  height: 11px;
  z-index: 1;
  position: absolute;
  display: block;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: translate(4px, 0px) rotate(45deg);
  -ms-transform: translate(4px, 0px) rotate(45deg);
  transform: translate(4px, 0px) rotate(45deg);
}

input[type='checkbox']:checked + span {
  background-color: #0077ff;
}

input[type='checkbox'] {
  opacity: 0;
}

datalist * {
  color: #0077ff;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}

.collapse {
  visibility: hidden;
}

.collapse.in {
  visibility: visible;
}

.form-section-button:before {
  color: #0077ff;
  content: '\000AB';
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  outline: none;
}

.form-section-button.collapsed:before {
  color: #0077ff;
  content: '\000AB';
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: -3px;
  outline: none;
}

.rowC {
  display: flex;
  flex-direction: row;
  height: 100%;
  background-color: #f1f3f5;
}

#clientNameInfo {
  max-width: 32px;
  max-height: 32px;
}

.saveAndCloseButton {
  border-radius: 4px;
  background: #0077ff !important;
  color: white;
  font-size: 14px;
  line-height: 16px;
  margin-left: 1em !important;
  height: 16px;
  outline: 0px !important;
}

.saveAndCloseButton::after {
  content: '   \25BC';
  white-space: pre;
}

.form-hyperlink-element {
  border: none;
  z-index: 1;
  text-decoration: underline;
}

.incomeInformation {
  padding: 15px;
  margin-left: 1em;
}

.refundInfoHeaderPositive::before {
  content: '$';
}

.refundInfoHeaderNegative::before {
  content: '-$';
}

.bodyStyleOverflowHidden {
  overflow-y: hidden;
  height: 100%;
}

.box-text-item {
  border: 1px solid #0077ff;
}

.row {
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 10px;
}

/* iPad view of the Tax Return List  */
@media only screen and (max-width: 1025px) {
  .row {
    margin-right: 30px;
    margin-left: 0px;
    margin-top: 10px;
  }
}

.control-btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #a5a7a8;
  padding: 10px 20px 10px 20px;
  border: solid #000000 2px;
  text-decoration: none;
}

.control-btn:hover {
  background: #a5a7a8;
  background-image: -webkit-linear-gradient(top, #a5a7a8, #6f7375);
  background-image: -moz-linear-gradient(top, #a5a7a8, #6f7375);
  background-image: -ms-linear-gradient(top, #a5a7a8, #6f7375);
  background-image: -o-linear-gradient(top, #a5a7a8, #6f7375);
  background-image: linear-gradient(to bottom, #a5a7a8, #6f7375);
  text-decoration: none;
}

.control-btn:disabled {
  font-family: Arial;
  color: lightgray;
  font-size: 12px;
  background: #a5a7a8;
  padding: 10px 20px 10px 20px;
  border: solid #000000 2px;
  text-decoration: none;
}

.titleBar {
  z-index: 4;
  /* Important, titlebar should appear on top of everything */
  position: fixed;
  background-color: white;
  width: 100%;
  min-width: 1200px;
  margin-bottom: 0;
}

.logoImg {
  height: 50px;
  width: auto;
  padding-top: 1em;
  padding-left: 1em;
}

.logoImgAppBar {
  max-height: 30px;
  max-width: 185px;
  height: auto;
  width: auto;
  margin-top: 10px;
  padding-left: 0em;
}

.logoImgAppBarNoMargin {
  max-height: 30px;
  max-width: 185px;
  width: auto;
  height: auto;
  margin-top: 0em;
  padding-left: 0em;
  cursor: pointer;
}

.menuIconImg {
  height: 30px;
  width: auto;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 0px;
  cursor: pointer;
}

/* bottom horizontal bar that separates titlebar from body */

.titleSep {
  /* border: none;
  margin-top: 0.9em;
  height: 1px;
  background-color: #333; */
  box-sizing: border-box;
  margin-top: 0.9em;
  height: 2px;
  width: 100%;
  border: 1px solid #ebedf8;
}

.tab {
  /* InVision */
  height: 20px;
  width: 67px;
  color: #1880e7;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 20px;
  cursor: pointer;
  margin-right: 60px;
  padding-bottom: 20px;
}

.tab-focus {
  color: #1a1738;
  width: 90px;
  height: 24px;
  border-bottom: 2.2px solid currentColor;
  text-decoration: none;
}

.tab-focus-training {
  color: #1a1738;
  width: 90px;
  height: 15px;
  padding-bottom: 16px;
  border-bottom: 2.2px solid currentColor;
  text-decoration: none;
}

.tab-blur {
  color: #637280;
}

/* https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.training-mode {
  padding-left: 1.5em;
  margin-bottom: 0;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0.08px;
  font-size: 13px;
  height: 20px;
  background-color: #ffcc11;
  color: black;
}

.leftUserActions {
  position: absolute;
  left: 13em;
  top: 1.3em;
  display: inline;
}

.leftUserActionsNew {
  position: absolute;
  left: 15em;
  top: 1.3em;
  display: inline;
}

.leftUserActionsNewTraining {
  position: absolute;
  left: 15em;
  top: 1.5em;
  display: inline;
}

/* non-tab components of the title bar */

.userActions {
  position: absolute;
  right: 1em;
  top: 1.3em;
  display: inline;
}

.userActionsAvatar {
  position: absolute;
  right: 1em;
  top: 0.85em;
  display: inline;
  margin-left: auto;
  display: inline-flex;
}

.userActionsTraining {
  position: absolute;
  right: 1em;
  top: 1.5em;
  display: inline-flex;
}

.searchIcon {
  cursor: pointer;
  margin-right: 0px;
}

.helpIcon,
.copyIcon {
  margin-right: 8px;
  height: 25px;
  width: 25px;
  align-self: center;
}

.helpIcon {
  cursor: help;
}

.label {
  height: 20px;
  opacity: 0.75;
  color: #637280;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-left: 0px;
  margin-right: 36px;
}

.labelselect {
  height: 20px;
  opacity: 0.75;
  color: #637280;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-left: 0px;
  margin-right: 36px;
}

.account {
  margin-left: 0em;
  margin-right: 0em;
  cursor: pointer;
}

.account-title-bar {
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
  cursor: pointer;
}

/* .arrow-down-title{
  border-top: 5px solid #637280;
} */

.arrow-down {
  margin-left: 0;
  cursor: pointer;
  margin-bottom: 0.2em;
  margin-right: 1em;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #637280;
}

.arrow-left {
  cursor: pointer;
  margin-top: 0.2em;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-right: 6px solid black;
  border-top: 6px solid transparent;
  position: relative;
  top: 0.6em;
  right: 0.5em;
}

.login-button {
  background-color: #0077ff;
  font-family: 'Avenir Next';
  font-size: 15px;
  letter-spacing: 0.1px;
}

.loggedin-user {
  display: inline;
  cursor: pointer;
}

.backButton {
  cursor: pointer;
  background-color: #ebedf8;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 15px;
  font-weight: 500;
  width: 70px;
}

.sidenav {
  z-index: 1;
  height: 100%;
  position: fixed;
  margin-top: 4em;
  overflow-x: hidden;
  padding-top: 20px;
  /*width: 3em;*/

  /*IV*/
  width: 89px;
  border: 1px solid #ebedf8;
  border-radius: 4px 0 0 4px;
  background-color: #444a59;
}
.sidenav a {
  padding: 6px 20px 10px 17px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  text-align: center;
}
.sidenav a:hover {
  background: black;
}
.selected {
  background-color: #282c34 !important;
}
.sidebar-icon {
  max-width: 1.4rem;
  min-width: 1.41rem;
}
.selected img {
  filter: contrast(200%);
}
/* positioning for badge, overlay on icon */
.message-badge {
  position: relative;
  height: 16px;
  top: -10px;
  left: -5px;
  font-weight: 700;
  font-size: 10px;
  color: #ffffff;
  background-color: #f81c1c;
}

.body {
  padding: 1rem 2rem 1rem 2rem;
  background-color: #fafbfc;
  display: flex;
  height: 100%;
  width: 100%;
}

.body-content {
  width: 100%;
}

.body-with-sidebar {
  margin-left: 95px; /* width of sidebar + buffer */
}

.body-without-sidebar {
  margin-left: 0;
}

.textLink {
  font-size: 15px;
  letter-spacing: 0.1px;
  color: #0077ff;
  display: inline;
  cursor: pointer;
}

.forgotUsername {
  float: right;
  white-space: nowrap;
  height: 19px;
  width: 122px;
  color: #0077ff;
  font-family: Roboto;
  font-size: 16px;
  line-height: 19px;
}

.forgotPass {
  float: right;
  white-space: nowrap;
  height: 19px;
  width: 122px;
  color: #0077ff;
  font-family: Roboto;
  font-size: 16px;
  line-height: 19px;
}

.verifyAccountForm {
  max-width: 450px;
}

.forgotUserPassForm {
  max-width: 450px;
}

#mfaSelectContainer {
  margin-top: 119px;
}

#mfaEnterCodeContainer {
  margin-top: 119px;
}

#mfaReviewDeviceContainer {
  margin-top: 119px;
}

.loginButton {
  text-align: right;
  position: relative;
  top: 50%;
  transform: translateY(35%);
}

.forgotPass {
  text-align: right;
  margin-left: 350px;
  width: auto;
}

.forgotUsername {
  text-align: right;
  margin-left: 350px;
  width: auto;
}

.logoCrosslink {
  height: 45px;
  width: auto;
  margin-bottom: 40px;
  left: -20px;
}

.logoEmptyLists {
  height: 64px;
  width: auto;
  margin-bottom: 23px;
  margin-top: 209px;
}

.textEmptyLists {
  color: #8a96a0;
  font-family: Roboto;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 20rem;
}

.bottomSectionEmptyLists {
  margin-bottom: 408px;
}

.btnAddTaxPreparerBlankTable {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.btnAddNewOfficeBlankTable {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.log-in-username {
  text-align: left;
  height: 24px;
  color: #1a173b;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0.14px;
  line-height: 24px;
}

.btnOptionsHeaderBarForms {
  border-radius: 4 !important;
  border: 0 !important;
  height: 35px !important;
  padding: 0 0px !important;
  min-height: 0px !important;
  min-width: 0px !important;
  float: right !important;
}

.importTaxPassReturnDropdown {
  padding-right: 0em;
  padding-left: 0em;
  color: white;
}

.addReturnButton {
  text-transform: capitalize !important;
  margin-bottom: 15px !important;
  margin-right: 5px !important;
}

.rightJustifyFlex {
  display: flex;
  justify-content: flex-end;
}
.filterDismiss {
  float: right;
  padding-right: 10px;
}

.filterToggle {
  padding-left: 5px;
  display: inline-block;
}

.filterContainer {
  background-color: #ffe06e40 !important;
  height: auto;
}

.filterContent {
  padding-left: 10px;
}

.filterIcon {
  height: 22px;
  width: 22px;
}

.filterCount {
  display: inline-block;
}

.btnHideCopyright {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.centered-spinner {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
}

.body-container {
  height: calc(100vh - 2rem);
  flex-grow: 1;
  padding-top: 4rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.body-main-block {
  padding: 1rem 2rem 1rem 2rem;
  background-color: #fafbfc;
  display: flex;
  height: 100%;
  width: 100%;
}

.body-router-link {
  text-decoration: none !important;
}

.outer-rectangle {
  height: 100%;
  width: 290px;
  background-color: #ffffff;
}

.account-outer-rectangle-scroll {
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
}

.person-block {
  margin: 0px 0px 10px 31px;
}

.initial-block {
  height: 65px;
  width: 61px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 1.5em;
  margin-top: 31px;
  vertical-align: top;
}

.initial-block-title-bar {
  height: 35px;
  width: 35px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 0px;
  vertical-align: top;
}

.initial-block-encrypted-pdf {
  height: 35px;
  width: 120px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 0em;
  margin-top: 15px;
  vertical-align: top;
}

.initials {
  opacity: 0.75;
  color: #637280;
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.17px;
  line-height: 33px;
  margin-top: 17px;
  text-align: center;
}

.avatar {
  height: 65px;
  width: 65px;
  border-radius: 50%;
}

.avatarTitleBar {
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
}

.user-info-block {
  margin-top: 33px;
  vertical-align: top;
  display: inline-block;
}

.user-info-block-title-bar {
  margin-top: 2px;
  margin-left: 0px;
  vertical-align: top;
  display: inline-block;
}

.encrypted-pdf {
  margin-top: 2px;
  margin-left: 0px;
  vertical-align: top;
  display: inline-block;
}

.mobile-block {
  margin: 0px 0px 10px 31px;
}

.qr-code {
  height: 6rem;
}

.taxpass-url-container {
  /* color: #0077ff; */
  cursor: pointer;
}

/* .taxpass-url-text::hover {
  color: #0e7fe1;
} */

.mobile-info-block {
  vertical-align: top;
  display: inline-block;
  margin-top: 5px;
}

.line {
  box-sizing: border-box;
  height: 3px;
  width: 228px;
  border: 1px solid #ebedf8;
}

.link-block {
  margin-left: 31px;
}

.link-block-last {
  padding-bottom: 1rem;
}

[class*='link-text'] {
  height: 20px;
  opacity: 0.75;
  color: #0077ff;
  font-family: 'Roboto';
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 8px;
}

.link-text-long-name {
  margin-bottom: 27px;
}

.small-link-text {
  height: 20px;
  opacity: 0.75;
  color: #0077ff;
  font-family: 'Roboto';
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 8px;
}

.link-text:hover {
  color: #185ea4;
  cursor: pointer;
}

.link-text-top:hover {
  color: #185ea4;
  cursor: pointer;
}

.link-text-long-name:hover {
  color: #185ea4;
  cursor: pointer;
}

.small-link-text:hover {
  color: #185ea4;
  cursor: pointer;
}

.small-text {
  height: 16px;
  opacity: 0.75;
  color: #637280;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08px;
  line-height: 16px;
}
.tax-year {
  height: 1rem;
  width: 6rem;
  color: #637280;
  font-family: Roboto;
  font-size: 0.8125rem;
  letter-spacing: 0.09px;
  line-height: 1rem;
}
.small-text-title-bar {
  height: 14px;
  color: #67727c;
  font-family: 'Roboto';
  font-size: 12px;
  letter-spacing: 0.08px;
  line-height: 14px;
}
.mobile-app-id {
  height: 19px;
  width: 110px;
  color: #354052;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.11px;
  line-height: 19px;
  white-space: nowrap;
}
.account-name {
  height: 19px;
  width: 110px;
  color: #354052;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.11px;
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.office-name {
  height: 18px;
  width: 110px;
  color: #354052;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 18px;
  white-space: nowrap;
}
.role-name {
  height: 15px;
  width: 110px;
  color: #67727c;
  font-family: Roboto;
  font-size: 13px;
  letter-spacing: 0.09px;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.large-text {
  height: 20px;
  opacity: 0.75;
  color: #354052;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.large-text-title-bar {
  height: 18px;
  color: #67727c;
  font-family: 'Roboto';
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 18px;
  letter-spacing: 0.1px;
}

/* hide up/down arrows ("spinners") on input fields marked type="number" */
.no-spinners {
  -moz-appearance: textfield;
}

.account-id-501080 {
  height: 15px;
  width: 204px;
  color: #637280;
  font-family: Roboto;
  font-size: 13px;
  letter-spacing: 0.09px;
  line-height: 15px;
}
.userIdentifiers {
  padding-top: 10px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ovContainer {
  max-width: 1280px;
  margin: 0 auto;
}

.ovLabel {
  height: 29px;
  color: #354052;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
  padding: 0em 1em 0em 0em;
  margin-bottom: 1em;
}

.ovLabelNew {
  height: 29px;
  color: #354052;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
  padding: 0em 1em 0em 0em;
}

span {
  user-select: none;
}

.ovTopRow {
  padding-top: 1em;
}

.ovButton {
  border-radius: 4px;
  background: #0077ff;
  color: white;
  font-size: 14px;
  line-height: 16px;
  max-width: 9em;
  height: 35px;
  outline: 0px !important;
}

.ovNotebook {
  background-color: white;
  border: 1px solid #ebedf8;
  box-shadow: none !important;
  margin-top: 0em;
  margin-bottom: 22px;
  padding: 3rem;
}

/* iPad view of the Tax Return List  */
@media only screen and (max-width: 1025px) {
  .ovNotebookTaxRets {
    overflow-x: scroll;
    width: 850px;
  }
}

.ovNotebookTwo {
  background-color: #fafbfc;
  border: 1px solid #fafbfc;
  border-top: none;
  padding-bottom: 1em;
  padding-top: 1em;
  margin-top: 0em;
}

.ovNotebookTab {
  border-radius: 0 3px 0 0;
  border: 1px solid #ebedf8;
  background-color: #fafbfc;
  padding-bottom: 25px;
  padding-top: 20px;
  min-height: 26vh;
}

.ovNotebookTab-focus {
  background-color: white;
  border-bottom: none;
}

.ovTabHeader {
  color: #354052;
  font-size: 15px;
  font-weight: 550;
  line-height: 20px;
  margin-bottom: 3em;
  /* position: relative;
    top: 23px;
    left: -14px; */
}

.ovTabBigNumber {
  color: #67727c;
  font-size: 27px;
  line-height: 37px;
  text-align: center;
  padding-left: 0.5em;
}

.ovTabBigNumberLabel {
  width: 65px;
  color: #67727c;
  letter-spacing: 0.1px;
  line-height: 29px;
  padding: 0em 0em 0em 3em;
  text-overflow: unset;
  white-space: nowrap;
  position: relative;
  top: -2.77px;
}

.ovTabAlertData {
  padding-top: 1.5em;
  display: block;
}

.ovOnHover {
  cursor: pointer;
  transition: 0.5s;
}

.ovOnHover:hover {
  background-color: #f3f4f9;
}

.ovAlertTitle {
  height: 16px;
  width: 191px;
  color: #0077ff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ovAlertTime {
  height: 16px;
  width: 57px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16px;
  position: relative;
  top: -0.5em;
}

.previewTable {
  width: 100%;
}

.ovYearDropdown {
  color: #ff0000;
}

.ovNotifCalText {
  height: 49px;
  width: 152px;
  opacity: 0.2;
  color: #1a173b;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.14px;
  line-height: 49px;
  position: relative;
  left: 13em;
  top: 3em;
}

.ovFooter {
  height: 21px;
  width: auto;
  color: #aab2c0;
  font-size: 15.2px;
  font-weight: 500;
  line-height: 21px;
}

.arrow-down-addnew {
  border-top: 5px solid white;
  position: relative;
  top: 13px;
  left: 8px;
}

.ovTableTitle {
  padding-left: 0;
  font-size: 20px;
  font-weight: normal;
}

.ovRowHeader {
  color: #354052;
  font-size: 12px;
  letter-spacing: 1px;
  padding-right: 1em;
  text-transform: uppercase;
}

.rejectInfoBubble {
  vertical-align: bottom !important;
  padding: 0 !important;
}

.ovRowData {
  color: #354052;
  font-size: 15px;
  padding-bottom: 1em;
}

.ovPreparerRowData {
  color: #354052;
  font-size: 15px;
  margin-top: 2em;
  vertical-align: bottom !important;
}

.ovPreparerProgressBar {
  width: 37em;
  margin: 0;
  padding: 0;
}

.ovPreparerName {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ovPreparerImage {
  margin-right: 1em;
  width: '65px';
  height: '65px';
}

.ovListPaper {
  overflow: auto;
  border-radius: 5px !important;
}

.msg-alert {
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}

.msg-alert-label {
  padding-right: 1rem;
}

.AddReturnButton {
  border-radius: 4px;
  background: #0077ff;
  color: white;
  font-size: 14px;
  line-height: 16px;
  max-width: 9em;
  outline: 0px !important;
}
.margin-container-15 {
  margin: 0 0 15px 15px;
}

.ConfigureReturnListButton {
  height: 35px;
  width: 102px;
  border: 1px solid #0077ff;
  border-radius: 4px;
  background-color: #ffffff;
  color: #0077ff;
  max-width: 8em;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: 0;
}

.ReturnListColumn {
  height: 18px;
  width: 71px;
  color: #8a96a0;
  font-size: 15px;
  line-height: 18px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.ReturnListColumnHeader {
  height: 13px;
  width: 36px;
  color: #b4bac6;
  font-size: 10.45px;
  letter-spacing: 1.49px;
  line-height: 13px;
}

.ReturnListHeaderRow {
  padding-top: 1em;
}

.ReturnListHeader {
  color: #1a173b;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 29px;
  padding: 0.5em 0em 0.5em 0em;
}

.ReturnListPageButton {
  height: 28px;
  max-width: 28px;
  border-radius: 2.85px;
  background-color: #fafbfd;
  padding: 0px;
  margin-left: 0.5em;
}

.ReturnListPanel {
  border: 1px solid #ebedf8;
  background-color: #ffffff;
  height: auto;
}

.ReturnStatusButton {
  height: 30px;
  width: 65px;
  border: 1px solid #0077ff;
  border-radius: 4px;
  background-color: #ffffff;
  color: #0077ff;
}

.TaxReturnRow {
  transition: 0.5s;
}

.TaxReturnRow:hover {
  background-color: lightgray;
}

.filterRow {
  font-weight: normal;
  vertical-align: bottom;
  display: inline-block;
}

.activeColColor {
  background-color: rgb(243, 249, 255);
}

selectMinimal {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.tax-returns-date-input {
  font-size: 15px;
  letter-spacing: 1px;
  height: 35px;
  color: #354052;
  border-radius: 4px;
  border: 1px solid #ebedf8;
  background-color: #f3f9ff;
  margin-left: 5px;
  width: 150px;
  padding-left: 3px;
  margin-right: 5px;
}

.tax-returns-date-error {
  letter-spacing: 1px;
  height: 35px;
  color: #354052;
  border-radius: 4px;
  border: 1px solid #f0a6a9;
  background-color: #ffdadc;
  margin-left: 5px;
  width: 150px;
}

.new-return-modal {
  font-family: Roboto;
  font-size: 15px;
}

.new-return-modal-warning-icon {
  height: 28px;
  width: 28px;
  float: left;
  margin-left: 26px;
  margin-right: 15px;
}

.new-return-modal-heading {
  color: #8a96a0;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 35px;
}

.new-return-modal-button {
  color: #0077ff;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #0077ff;
  margin-right: 40px;
  margin-top: 55px;
  width: 97px;
}

.new-return-modal-button:disabled {
  color: gray;
  background-color: white;
  border-radius: 4px;
  border: 1px solid gray;
  margin-right: 40px;
  margin-top: 55px;
  width: 97px;
}

.new-return-modal-button-group {
  margin-left: 210px;
  margin-top: 15px;
}

.new-return-modal-form-field {
  height: 35px;
  border: 1px solid #b4bac6;
  border-radius: 4px;
  padding-left: 19px;
  background-color: #f3f9ff;
}

/* This is not ideal, however modal is laying over form viewer */
.ReactModal__Overlay {
  z-index: 10;
}

.new-return-modal-textLink {
  color: #0077ff;
  display: inline;
  cursor: pointer;
  margin-right: 40px;
}

.new-return-modal-error-message {
  height: 20px;
  padding-top: 5px;
  color: red;
  text-align: center;
}

.new-return-modal-label {
  color: #354052;
  font-size: 14px;
  text-align: right;
}

.actionButton {
  border-radius: 4px;
  background: #0077ff;
  color: white;
  font-size: 14px;
  line-height: 16px;
  margin-left: 1em !important;
  letter-spacing: 0.1px;
  height: 35px;
  outline: 0px !important;
  width: auto;
}

.actionButton:hover {
  cursor: pointer;
}

.actionButton span {
  color: #ffffff;
}

.actionButtonDisabled {
  border-radius: 4px;
  background: #0077ff !important;
  color: #b9bfca;
  font-size: 14px;
  line-height: 16px;
  margin-left: 1em !important;
  letter-spacing: 0.1px;
  height: 35px;
  outline: 0px !important;
  border: 1px solid #c0c5cf;
  background: #ffffff !important;
  width: auto;
  pointer-events: auto !important;
}

.clientActions {
  color: #0077ff;
  font-size: 15px;
  font-weight: 550;
  letter-spacing: 0.1px;
  line-height: 18px;
  padding-right: 0em;
  text-align: right;
  padding-left: 5px;
  margin-bottom: 1em;
}

.profileLabel {
  margin-right: 2em;
}

hr {
  margin-left: 1em;
  margin-right: 1em;
}

@media only screen and (max-width: 1280px) {
  .clientActionsNew {
    color: #0077ff;
    font-size: 14px;
    font-weight: 550;
    letter-spacing: 0.1px;
    line-height: 18px;
    padding-right: 0em;
    text-align: right;
    padding-left: 3px;
  }

  .ovLabelVariable {
    height: 24px;
    color: #354052;
    font-size: 15px;
    letter-spacing: 0.14px;
    line-height: 24px;
    padding: 0em 1em 0em 0em;
    font-weight: 500;
    display: 'block';
    white-space: nowrap;
  }
  .buttonVariable {
    font-size: 14px;
    margin-right: 0.25em;
  }
}

.profileLabelVariable {
  display: flex;
  white-space: nowrap;
  margin-right: 1em;
  font-size: 0.9vw;
}
@media only screen and (min-width: 1920px) {
  .profileLabelVariable {
    font-size: 17px; /*Max font size for menu bar labels*/
  }
}

@media only screen and (max-width: 1280px) {
  .profileLabelVariable {
    display: none;
    font-size: 12px;
  }
}

@media only screen and (min-width: 1281px) {
  .clientActionsNew {
    color: #0077ff;
    font-size: 15px;
    font-weight: 550;
    letter-spacing: 0.1px;
    line-height: 18px;
    padding-right: 0em;
    text-align: right;
    padding-left: 5px;
  }

  .ovLabelVariable {
    height: 29px;
    color: #354052;
    font-size: 18px;
    letter-spacing: 0.14px;
    line-height: 24px;
    padding: 0em 1em 0em 0em;
    font-weight: 500;
    display: 'block';
    white-space: nowrap;
  }
  .buttonVariable {
    font-size: 15px;
    margin-right: 0.25em;
  }
}

.taxReturnBar {
  height: '64px';
  position: 'fixed';
}

.tableRowBoxShadow {
  background-color: #f3f4f9;
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.previewTableLabel {
  height: 24px;
  width: auto;
  color: #1a173b;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0.14px;
  line-height: 1em;
  padding-bottom: 2em;
}

.tableLabel {
  font-family: Roboto;
  font-size: 21px;
  color: #1a173b;
  height: 24px;
  letter-spacing: 0.14px;
}

.tableColumnLabel {
  color: #354052;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  padding-top: 2em;
  border: none !important;
}

.tableClientDataLink {
  color: #0077ff;
  font-size: 15px;
  line-height: 20px;
}

.tableTypicalRowData {
  color: #67727c;
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  vertical-align: middle !important;
}

.tablePreparerRowData {
  color: #67727c;
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 20px;
  vertical-align: middle;
  display: table-cell;
}

.tableRowDetailHeader {
  height: 11px;
  width: 109px;
  color: #1a173b;
  font-size: 10px;
  letter-spacing: 1.43px;
  line-height: 11px;
}

.tableRowDetailLine1 {
  height: 18px;
  width: 46px;
  color: #00c44f;
  font-family: Roboto;
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 18px;
}

.tableRowDetailLine2 {
  height: 18px;
  width: 55px;
  color: #8a96a0;
  font-family: Roboto;
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 18px;
}

.tableRow {
  transition: 0.5s;
}

.tableRow:hover {
  background-color: #f3f4f9;
}

.tableVerticalMenu {
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-out;
  position: relative;
  left: 0.5em;
  top: 0em;
}

.tableVerticalMenuVisible {
  cursor: pointer;
  transition: all 0.5s ease-out;
  visibility: visible;
  position: relative;
  left: 0.5em;
  top: 0em;
}

.tableRow:hover .tableVerticalMenu {
  visibility: visible;
  opacity: 1;
}

.tableRowBoxShadow .tableVerticalMenu {
  visibility: visible;
  opacity: 1;
}

.tableExpandArrow {
  cursor: pointer;
  margin-bottom: 0.5em;
  transform: rotate(180deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-out;
  position: relative;
  left: 1.5em;
  top: 0.2em;
}

.tableExpandArrowVisible {
  cursor: pointer;
  margin-bottom: 0.5em;
  transform: rotate(180deg);
  transition: all 0.5s ease-out;
  position: relative;
  left: 1.5em;
  top: 0.2em;
}

.tableExpandArrowDown {
  cursor: pointer;
  margin-bottom: 0.5em;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s;
  left: 1.5em;
  top: 0.2em;
  -webkit-filter: saturate(1.5) drop-shadow(0 0 0 #0077ff);
  filter: saturate(1.5) drop-shadow(0 0 0 #0077ff);
}

.tableExpandArrowUp {
  cursor: pointer;
  margin-bottom: 0.5em;
  transform: rotate(-180deg);
  transition: 0.5s;
  position: relative;
  transition: all 0.5s;
  left: 1.5em;
  top: 0.2em;
  -webkit-filter: saturate(1.5) drop-shadow(0 0 0 #0077ff);
  filter: saturate(1.5) drop-shadow(0 0 0 #0077ff);
}

#iconBtnExpandStateList {
  cursor: pointer;
}

.tableRow:hover .tableExpandArrow {
  visibility: visible;
  opacity: 1;
}

.arrowClicked {
  transform: rotate(360deg);
  /*for animation*/
  cursor: pointer;
  visibility: visible;
  position: relative;
  left: 1.5em;
}

.verticalAlign {
  vertical-align: middle !important;
}

.filterDropDown {
  height: 35px;
  border: 1px solid #ebedf8;
  border-radius: 4px;
  background-color: #f3f9ff;
  font-size: 14px;
  font-family: Roboto;
  letter-spacing: 1px;
  margin-right: 5px;
}

.columnDropdown {
  font-size: 12px;
  font-family: Roboto;
  letter-spacing: 1px;
  height: 14px;
  color: #1a173b;
  border: 0;
}

.rowHidden {
  border-top: none !important;
  padding: 0em !important;
}

.rowShown {
  border-top: none !important;
  padding: 1em 0em 1em 0em !important;
}

.tableActionsButton {
  min-height: 35px !important;
  max-height: 35px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  padding: 0px 0px 0px 0px !important;
  border: 1px solid #0077ff !important;
}

.widgetFilter {
  display: inline-block;
  background: #0077ff;
  border-radius: 4px;
  padding: 5px;
  font-weight: 400;
  font-size: 15px;
  margin: 5px;
}

.widgetFilterTitle {
  color: white;
}

.resetWidgetFilterBtn {
  color: white;
  cursor: pointer;
}

.statusIcon {
  float: left;
}

.inputDefault {
  font-family: Roboto;
  font-size: 15px;
  letter-spacing: 1px;
  height: 35px;
  color: #354052;
  border-radius: 4px;
  border-color: 1px solid #ebedf8;
  background-color: #f3f9ff;
  margin-left: 5px;
  width: 150px;
  padding-left: 3px;
  margin-right: 5px;
}

.inputError {
  font-family: Roboto;
  letter-spacing: 1px;
  height: 35px;
  color: #354052;
  border-radius: 4px;
  border: 1px solid #f0a6a9;
  background-color: #ffdadc;
  margin-left: 5px;
  width: 150px;
}

.inputError:focus {
  outline: none;
}

.inputFocus {
  font-family: Roboto;
  letter-spacing: 1px;
  height: 2.19rem;
  color: #354052;
  border-radius: 4px;
  border-color: 1px solid #aacef8;
  background-color: '#FFFFFF';
  margin-left: 5px;
  width: 150px;
  padding-left: 3px;
}

.filterButtonHidden {
  width: auto;
  margin-left: 5px;
  visibility: hidden;
}

.filterButtonShown {
  width: auto;
  margin-left: 5px;
  visibility: visible;
}

.datePickerContainer {
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.hiddenBorder {
  border-style: hidden;
}

.noTopBorder {
  border-top: none;
}

.noBottomBorder {
  border-bottom: none;
}

.btnCustomizeTaxReturns {
  margin-right: 80px;
}

.btnSection {
  border-top: none !important;
  padding-left: 2em !important;
}

.noTextDecoration {
  text-decoration: none !important;
}

.capitalizeText {
  text-transform: capitalize;
}

.noPointerEvents {
  pointer-events: none;
}

.btnViewMorePreviewTable {
  margin-right: 70px;
  width: 200px;
}

.centerText {
  text-align: center;
}

.noReturns {
  margin-left: 30px;
  min-height: 300px;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.btnSendAllPreviewTable {
  margin-right: 70px;
}

.searchResults {
  overflow: auto;
}

.paginate-page,
.paginate-next,
.paginate-prev,
.paginate-break,
.paginate-activepage {
  border: 0.95px solid #c7cdd9;
  color: #b4bac6;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  width: auto;
  cursor: pointer;
  font-family: Roboto;
  border-radius: 2.85px;
  user-select: none;
}

.paginate-activepage {
  background-color: #0077ff;
}

.paginate-page a,
.paginate-prev a,
.paginate-next a,
.paginate-disabled a {
  user-select: none;
  outline: none;
  color: #b4bac6;
}

.paginate-activepage a,
.paginate-activepage a:hover,
.paginate-disabled a:hover,
.paginate-disabled a:focus {
  user-select: none;
  outline: none;
  color: white;
  text-decoration: none;
}

.paginate-disabled a:hover,
.paginate-disabled a:focus {
  color: #b4bac6;
}

.paginate-prev a:hover,
.paginate-next a:hover,
.paginate-page a:hover {
  outline: none;
  user-select: none;
}

.paginate-break,
.paginate-disabled {
  cursor: auto;
}

.paginate-hide {
  display: none;
}

.pagination {
  margin: 0 7rem 0 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.paginate-page-count-container {
  flex: 0;
  display: flex;
  justify-content: flex-start;
  margin: 0;
}

.paginate-page-count {
  height: 18px;
  width: 335px;
  color: #aab2c0;
  font-family: Roboto;
  font-size: 15.2px;
  line-height: 18px;
  padding: 0;
}

.paginate-container {
  display: flex;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.widgetCard {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ebedf8;
  user-select: none;
}

.widget-control-box {
  display: inline-table;
  width: "100vw";
  height: "100vh";
  margin: 0 auto;
  border: "1px solid #e0dada";
}

.store-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: "Roboto";
  color: #67727c;
  font-size: 15px;
  margin-bottom: 2.5em;
}

.animateImagePreviewList {
  animation: 1s fadein;
}

.widgetOnHover {
  opacity: 1;
  z-index: -1;
}

.widgetHover {
  opacity: 1;
  display: flex;
  justify-content: center;
  position: absolute;
  padding: 0px;
  height: 0px;
  width: 100%;
}
.widgetNoHover {
  display: none;
}

.widgetDragHandle {
  padding: 0px;
  height: 0px;
}

.widgetDragButton:active {
  cursor: grabbing !important;
}

.widgetDragButton:hover {
  cursor: grab;
}

.widgetDropDownArrow {
  color: #c0c5d2;
}

.widgetContentNoHover {
  opacity: 0;
}
.widgetContentHover {
  opacity: 1;
  padding: 5px;
}

.barchart-tooltip-helper {
}

.arrow_box {
  position: relative;
  background: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.arrow_box:after,
.arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: #ffffff00;
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.arrow_box:before {
  border-color: #ffffff00;
  border-bottom-color: #ffffff;
  border-width: 14px;
  margin-left: -14px;
}

.hide-this-tooltip-please {
  opacity: 0;
  visibility: hidden;
}

.disabled {
  background-color: lightgray;
}

.addFormModal {
  max-height: 330px;
  min-height: 330px;
  overflow-y: auto;
}

.addFormModalButton {
  height: 30px !important;
  width: 97px;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  text-transform: capitalize !important;
}

.addAssetHeader {
  display: inline-flex;
}

.addAssetLabel {
  height: 50px;
  line-height: 50px;
}

.reassignAsset {
  max-height: 45vh;
  max-width: 50vw;
  padding: 0;
  position: relative;
  margin: auto;
  top: 20%;
}

.errorsAndRejectsButton {
  height: 30px !important;
  width: 97px;
  border: 1px solid #0077ff !important;
  color: #0077ff !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  text-transform: capitalize !important;
}

.addDocumentModalButton {
  border-radius: 4px !important;
  background-color: #ffffff !important;
  text-transform: capitalize !important;
}

.modalTabContents {
  max-height: 35vh;
  min-height: 35vh;
  max-width: 80vw;
  overflow-y: auto;
}

.eventLogModal {
  max-height: 21.875rem;
  overflow-y: auto;
}

/* Reduce height on eventLogModal 50rem ~= 800px */
@media screen and (min-height: 50rem) {
  .eventLogModal {
    max-height: 21.875rem;
    min-height: 21.875rem;
    overflow-y: auto;
  }
}

.secondaryMenuItem {
  padding-right: 10px;
  display: none;
}

.secondaryMenuItem:hover {
  display: block;
}

.menuItem:hover + .secondaryMenuItem {
  display: block;
}

.contextMenuItem:hover {
  background-color: #444a59;
}

.snackbar-prompt {
  background-color: #444a59 !important;
  margin: 0 auto !important;
}

.snackbar-info {
  background-color: green !important;
  margin: 0 auto !important;
}

.snackbar-error {
  background-color: red !important;
  margin: 0 auto !important;
}

.snackbar-warning {
  background-color: #ffa000 !important;
  margin: 0 auto !important;
}

#simple-modal-title {
  color: white;
  background-color: #444a59;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 70px;
  padding-top: 22px;
  padding-right: 26px;
}

.NoHoverEffectButton:hover {
  background-color: white;
}

.blinking {
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.mainContainer {
  background: #f1f3f5;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  height: 100vh;
}
.rowC {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.guided-estimator-mainContainer {
  background: #f1f3f5;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  height: 93vh;
  width: 100%;
}

.terms-and-conditions-link {
  color: blue;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  color: #ffffff;
  height: 4.375rem;
  background-color: #444a59;
  text-align: left;
  padding: 1.4rem 2rem 0 2rem;
}

.column-picker-icon {
  height: 1.75rem;
  width: 1.75rem;
  float: left;
  margin-left: 1.625rem;
  margin-right: 0.938rem;
}

.column-picker-heading {
  font-size: 1.313rem;
  color: #1a173b;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

.column-picker-column-headings {
  font-size: 0.75rem;
  color: #1a173b;
  font-weight: normal;
}

.column-picker-button-group {
  text-align: right;
  margin-right: 3em;
  margin-bottom: 2em;
}

.breadcrumbs {
  font-size: 12px;
  padding-left: 0em;
  z-index: 9999;
  position: fixed;
  width: 100%;
}

.breadcrumb-list {
  list-style: none;
  padding-left: 0.5em;
  margin-bottom: 0;
  height: 20px;
  background-color: #444a59;
  color: white;
}

.training-breadcrumb-list {
  list-style: none;
  padding-left: 1.5em;
  margin-bottom: 0;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0.08px;
  font-size: 13px;
  height: 20px;
  background-color: #ffcc11;
  color: black;
}

.breadcrumb-list-item {
  display: inline;
}

.breadcrumb-cursor {
  cursor: pointer;
}

.breadcrumb-link {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  padding-left: 0.2em;
}

.breadcrumb-nolink {
  display: inline-block;
  text-decoration: underline;
}

.breadcrumb-nolink-nounderline {
  display: inline-block;
}

.breadcrumb-demo-black,
.breadcrumb-demo-black:hover {
  color: #000000;
}

.breadcrumb-demo-white,
.breadcrumb-demo-white:hover {
  color: #ffffff;
}

.breadcrumb-div {
  display: inline;
  position: absolute;
  right: 3em;
}

.searchBarResult {
  cursor: pointer;
  padding-top: 0.25rem;
}

.searchBarResult:hover {
  background-color: #dbebfe;
  color: #0077ff;
}

.searchBarContainer {
  padding: 10px;
}

.searchBarResultList {
  list-style: none;
  padding-left: 1rem;
  padding-top: 1rem;
}

.searchBarResultListContainer {
  overflow: hidden;
  background: #d5d5d5;
  width: 100%;
  max-height: 10rem;
  overflow: auto;
  background-color: white;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
}

.searchBarResultItem {
  color: #0077ff;
  margin-right: 2rem;
}

.assign-preparer-heading {
  color: black;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 35px;
  font-size: 21px;
  letter-spacing: 0.14px;
  line-height: 24px;
}

.assign-preparer-modal-header {
  display: flex;
  flex-direction: row;
  color: white;
  background-color: #444a59;
  height: 70px;
  padding-top: 20px;
  padding-right: 26px;
  padding-left: 30px;
}

.assign-preparer-content {
  margin-left: 2em;
}

.assign-preparer-return-metadata {
  font-size: 14px;
  margin-left: 2.5em;
}

.transfer-return-modal-button-group {
  margin-left: 210px;
}

.message-avatar {
  height: 65px;
  width: 65px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 1.75em;
  margin-top: 0px;
  vertical-align: top;
}

.col-md-12 {
  padding: 0;
}

.spinner-data-load-container {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.spinner-data-load-content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6rem 0 0 -5rem;
}


@media screen and (min-width:1301px) {
  #btnContinueIRSMessage {
    padding: 0 4rem;
    margin-left: 25rem;
  }
}

@media screen and (max-width:1300px) {
  #btnContinueIRSMessage {
    padding: 0 4rem;
    margin-left: 15rem;
  }
}

@media screen and (max-width:1000px) {
  #btnContinueIRSMessage {
    padding: 0 4rem;
    margin-left: 10rem;
  }
}

@media screen and (max-width:900px) {
  #btnContinueIRSMessage {
    padding: 0 4rem;
    margin-left: 0rem;
  }
}


.app-flex {
  display: flex;
}

