@charset "UTF-8";
/* Common */
/* Compact */
/* Menus */
/* Layout */
/* Topbar */
/* Home */
.myc-spacing.myc-mt-0 {
  margin-top: 0px !important;
}
.myc-spacing.myc-mt-1 {
  margin-top: 4px !important;
}
.myc-spacing.myc-mt-2 {
  margin-top: 8px !important;
}
.myc-spacing.myc-mt-3 {
  margin-top: 12px !important;
}
.myc-spacing.myc-mt-4 {
  margin-top: 16px !important;
}
.myc-spacing.myc-mt-5 {
  margin-top: 20px !important;
}
.myc-spacing.myc-mt-8 {
  margin-top: 32px !important;
}
.myc-spacing.myc-mb-0 {
  margin-bottom: 0px !important;
}
.myc-spacing.myc-mb-1 {
  margin-bottom: 4px !important;
}
.myc-spacing.myc-mb-2 {
  margin-bottom: 8px !important;
}
.myc-spacing.myc-mb-3 {
  margin-bottom: 12px !important;
}
.myc-spacing.myc-mb-4 {
  margin-bottom: 16px !important;
}
.myc-spacing.myc-mb-5 {
  margin-bottom: 20px !important;
}
.myc-spacing.myc-mb-8 {
  margin-bottom: 32px !important;
}
.myc-spacing.myc-ml-0 {
  margin-left: 0px !important;
}
.myc-spacing.myc-ml-1 {
  margin-left: 4px !important;
}
.myc-spacing.myc-ml-2 {
  margin-left: 8px !important;
}
.myc-spacing.myc-ml-3 {
  margin-left: 12px !important;
}
.myc-spacing.myc-ml-4 {
  margin-left: 16px !important;
}
.myc-spacing.myc-ml-5 {
  margin-left: 20px !important;
}
.myc-spacing.myc-ml-8 {
  margin-left: 32px !important;
}
.myc-spacing.myc-mr-0 {
  margin-right: 0px !important;
}
.myc-spacing.myc-mr-1 {
  margin-right: 4px !important;
}
.myc-spacing.myc-mr-2 {
  margin-right: 8px !important;
}
.myc-spacing.myc-mr-3 {
  margin-right: 12px !important;
}
.myc-spacing.myc-mr-4 {
  margin-right: 16px !important;
}
.myc-spacing.myc-mr-5 {
  margin-right: 20px !important;
}
.myc-spacing.myc-mr-8 {
  margin-right: 32px !important;
}
.myc-spacing.myc-pt-0 {
  padding-top: 0px !important;
}
.myc-spacing.myc-pt-1 {
  padding-top: 4px !important;
}
.myc-spacing.myc-pt-2 {
  padding-top: 8px !important;
}
.myc-spacing.myc-pt-3 {
  padding-top: 12px !important;
}
.myc-spacing.myc-pt-4 {
  padding-top: 16px !important;
}
.myc-spacing.myc-pt-5 {
  padding-top: 20px !important;
}
.myc-spacing.myc-pt-8 {
  padding-top: 32px !important;
}
.myc-spacing.myc-pb-0 {
  padding-bottom: 0px !important;
}
.myc-spacing.myc-pb-1 {
  padding-bottom: 4px !important;
}
.myc-spacing.myc-pb-2 {
  padding-bottom: 8px !important;
}
.myc-spacing.myc-pb-3 {
  padding-bottom: 12px !important;
}
.myc-spacing.myc-pb-4 {
  padding-bottom: 16px !important;
}
.myc-spacing.myc-pb-5 {
  padding-bottom: 20px !important;
}
.myc-spacing.myc-pb-8 {
  padding-bottom: 32px !important;
}
.myc-spacing.myc-pl-0 {
  padding-left: 0px !important;
}
.myc-spacing.myc-pl-1 {
  padding-left: 4px !important;
}
.myc-spacing.myc-pl-2 {
  padding-left: 8px !important;
}
.myc-spacing.myc-pl-3 {
  padding-left: 12px !important;
}
.myc-spacing.myc-pl-4 {
  padding-left: 16px !important;
}
.myc-spacing.myc-pl-5 {
  padding-left: 20px !important;
}
.myc-spacing.myc-pl-8 {
  padding-left: 32px !important;
}
.myc-spacing.myc-pr-0 {
  padding-right: 0px !important;
}
.myc-spacing.myc-pr-1 {
  padding-right: 4px !important;
}
.myc-spacing.myc-pr-2 {
  padding-right: 8px !important;
}
.myc-spacing.myc-pr-3 {
  padding-right: 12px !important;
}
.myc-spacing.myc-pr-4 {
  padding-right: 16px !important;
}
.myc-spacing.myc-pr-5 {
  padding-right: 20px !important;
}
.myc-spacing.myc-pr-8 {
  padding-right: 32px !important;
}

h1.myc-text,
.myc-text-h1.myc-text {
  font-size: 64px;
}

h2.myc-text,
.myc-text-h2.myc-text {
  font-size: 48px;
}

h3.myc-text,
.myc-text-h3.myc-text {
  font-size: 40px;
}

h4.myc-text,
.myc-text-h4.myc-text {
  font-size: 32px;
}

h5.myc-text,
.myc-text-h5.myc-text {
  font-size: 28px;
}

h6.myc-text,
.myc-text-h6.myc-text {
  font-size: 20px;
}

p.myc-text,
.myc-text-body.myc-text {
  font-size: 16px;
}

.myc-text-small.myc-text {
  font-size: 14px;
}

/* matter-regular - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  src: local("Matter"), local("Matter Regular"), url("/projects/design-system/assets/fonts/Matter-Regular.otf") format("opentype");
}
/* matter-500 - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 500;
  src: local("Matter Medium"), local("Matter Medium"), url("/projects/design-system/assets/fonts/Matter-Medium.otf") format("opentype");
}
/* matter-700 - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  src: local("Matter Bold"), local("Matter Bold"), url("/projects/design-system/assets/fonts/Matter-Bold.otf") format("opentype");
}
/* matter-600 - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 600;
  src: local("Matter SemiBold"), local("Matter SemiBold"), url("/projects/design-system/assets/fonts/Matter-SemiBold.otf") format("opentype");
}
/* matter-300 - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 300;
  src: local("Matter Light"), local("Matter Light"), url("/projects/design-system/assets/fonts/Matter-Light.otf") format("opentype");
}
.myc-block-scroll {
  overflow: hidden !important;
}

.myc-component {
  font-family: "Matter";
  font-size: 16px;
}
.myc-component.myc-button:focus, .myc-component.myc-button:focus-within, .myc-component.myc-button:active, .myc-component.myc-button:not(.p-disabled).p-focus .myc-component.myc-button.p-focus, .myc-component.myc-input:focus, .myc-component.myc-input:focus-within, .myc-component.myc-input:active, .myc-component.myc-button:not(.p-disabled).p-focus .myc-component.myc-input.p-focus, .myc-component.myc-dropdown:focus, .myc-component.myc-dropdown:focus-within, .myc-component.myc-dropdown:active, .myc-component.myc-button:not(.p-disabled).p-focus .myc-component.myc-dropdown.p-focus, .myc-component.myc-multiselect:focus, .myc-component.myc-multiselect:focus-within, .myc-component.myc-multiselect:active, .myc-component.myc-button:not(.p-disabled).p-focus .myc-component.myc-multiselect.p-focus, .myc-component.myc-input:not(.p-disabled).p-focus .myc-component.myc-button.p-focus, .myc-component.myc-input:not(.p-disabled).p-focus .myc-component.myc-input.p-focus, .myc-component.myc-input:not(.p-disabled).p-focus .myc-component.myc-dropdown.p-focus, .myc-component.myc-input:not(.p-disabled).p-focus .myc-component.myc-multiselect.p-focus, .myc-component.myc-dropdown:not(.p-disabled).p-focus .myc-component.myc-button.p-focus, .myc-component.myc-dropdown:not(.p-disabled).p-focus .myc-component.myc-input.p-focus, .myc-component.myc-dropdown:not(.p-disabled).p-focus .myc-component.myc-dropdown.p-focus, .myc-component.myc-dropdown:not(.p-disabled).p-focus .myc-component.myc-multiselect.p-focus, .myc-component.myc-multiselect:not(.p-disabled).p-focus .myc-component.myc-button.p-focus, .myc-component.myc-multiselect:not(.p-disabled).p-focus .myc-component.myc-input.p-focus, .myc-component.myc-multiselect:not(.p-disabled).p-focus .myc-component.myc-dropdown.p-focus, .myc-component.myc-multiselect:not(.p-disabled).p-focus .myc-component.myc-multiselect.p-focus {
  outline: none !important;
  box-shadow: none !important;
}

.myc-button {
  position: relative;
  max-width: fit-content;
}
.myc-button.full-width {
  max-width: 100%;
  width: 100%;
}
.myc-button.full-width button {
  max-width: 100%;
  width: 100%;
}
.myc-button__badge {
  background-color: #ef2323;
  color: white;
  font-weight: bolder;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 100;
  font-family: Matter;
}
.myc-button button {
  font-family: Matter;
  border: 1px solid #ff8933;
  background: #ff8933;
  color: white;
  font-weight: 600;
  padding-left: 16px;
  padding-right: 16px;
  transition: 0.5s;
  font-size: 14px;
  height: 40px;
  position: relative;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  display: flex;
}
@media (max-width: 768px) {
  .myc-button button {
    height: auto;
  }
}
.myc-button button .p-button-label {
  flex: unset;
}
.myc-button button .p-ink {
  background: #ff8933;
}
.myc-button button .p-ink.p-ink-active {
  background: #ffb580;
}
.myc-button button:hover, .myc-button button:enabled:hover {
  background: #ff6b06;
  border-color: #ff6b06;
  color: white;
}
.myc-button button:hover.p-button-text, .myc-button button:enabled:hover.p-button-text {
  color: #000;
  background: transparent;
  border: 0;
}
.myc-button button:hover.p-button-outlined, .myc-button button:enabled:hover.p-button-outlined {
  color: #ff6b06;
  background: transparent;
}
.myc-button button:hover.neutral, .myc-button button:enabled:hover.neutral {
  border-color: #999999;
  color: #000;
  background: #e0e0e0;
}
.myc-button button:hover.error, .myc-button button:enabled:hover.error {
  border: 1px solid #c62222;
  color: white;
  background: #c62222;
}
.myc-button button:hover.success, .myc-button button:enabled:hover.success {
  border: 1px solid #16875e;
  color: white;
  background: #16875e;
}
.myc-button button:active, .myc-button button:enabled:active, .myc-button button:focus, .myc-button button:enabled:focus {
  background: #ffb580;
  border-color: #ffb580;
  color: white;
}
.myc-button button:active.p-button-text, .myc-button button:enabled:active.p-button-text, .myc-button button:focus.p-button-text, .myc-button button:enabled:focus.p-button-text {
  color: #000;
  background: transparent;
  border: 0;
}
.myc-button button:active.p-button-outlined, .myc-button button:enabled:active.p-button-outlined, .myc-button button:focus.p-button-outlined, .myc-button button:enabled:focus.p-button-outlined {
  color: #ffb580;
  background: transparent;
}
.myc-button button:active.neutral, .myc-button button:enabled:active.neutral, .myc-button button:focus.neutral, .myc-button button:enabled:focus.neutral {
  border-color: #e0e0e0;
  color: #000;
  background: transparent;
}
.myc-button button:active.error, .myc-button button:enabled:active.error, .myc-button button:focus.error, .myc-button button:enabled:focus.error {
  border: 1px solid #fb5e5e;
  color: white;
  background: #fb5e5e;
}
.myc-button button:active.success, .myc-button button:enabled:active.success, .myc-button button:focus.success, .myc-button button:enabled:focus.success {
  border: 1px solid #5bdaac;
  color: white;
  background: #5bdaac;
}
.myc-button button .pi {
  font-size: 16px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-button button.p-button-text {
  color: #000;
  border: 0;
}
.myc-button button.p-button-text .p-ink.p-ink-active {
  background: #ededed;
}
.myc-button button.neutral {
  border: 1px solid #e0e0e0;
  color: #000;
  background: #ededed;
}
.myc-button button.neutral .p-ink {
  background: #3a3a3a;
}
.myc-button button.neutral .p-ink.p-ink-active {
  background: #999999;
}
.myc-button button.p-button-rounded {
  border-radius: 20px;
}
.myc-button button.p-button-outlined {
  border: 1px solid #ff8933;
  color: #ff8933;
  background: transparent;
}
.myc-button button.p-button-outlined.error {
  background: transparent;
  color: #ef2323;
}
.myc-button button.p-button-outlined.success {
  background: #cfe5dd;
  color: #46a885;
}
.myc-button button.p-button-outlined.neutral {
  border: 1px solid #e0e0e0;
  color: #000;
}
.myc-button button.p-button-outlined.neutral .p-ink {
  background: #3a3a3a;
}
.myc-button button.p-button-outlined.neutral .p-ink.p-ink-active {
  background: #999999;
}
.myc-button button.error {
  border: 1px solid #ef2323;
  color: white;
  background: #ef2323;
}
.myc-button button.error .p-ink {
  background: #ef2323;
}
.myc-button button.error .p-ink.p-ink-active {
  background: #fb5e5e;
}
.myc-button button.success {
  border: 1px solid #46a885;
  color: white;
  background: #46a885;
}
.myc-button button.success .p-ink {
  background: #46a885;
}
.myc-button button.success .p-ink.p-ink-active {
  background: #5bdaac;
}
.myc-button button:disabled {
  border: 1px solid #e0e0e0;
  color: #000;
  background: #e0e0e0;
}
.myc-button button.small-icon .pi {
  font-size: 14px;
  width: 20px;
  height: 20px;
}

.myc-button-b3 {
  border: 1px solid #003475;
  background: #003475;
  color: white;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 22px;
  padding-right: 22px;
  transition: 0.5s;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  border-radius: 4px;
}
.myc-button-b3 .icone-b3 {
  margin-right: 8px;
}
.myc-button-b3 .p-button-label {
  flex: unset;
}
.myc-button-b3.p-button-rounded {
  border-radius: 20px;
}
.myc-button-b3 .p-ink {
  background: #00b0e6;
}
.myc-button-b3 .p-ink.p-ink-active {
  background: #00b0e6;
}
.myc-button-b3:hover, .myc-button-b3:enabled:hover {
  background: #003475;
  border-color: #003475;
  color: white;
}
.myc-button-b3:active, .myc-button-b3:enabled:active, .myc-button-b3:focus, .myc-button-b3:enabled:focus {
  background: #003475;
  border-color: #003475;
  color: white;
}
.myc-button-b3 .pi {
  font-size: 16px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-button-b3:disabled {
  border: 1px solid #003475;
  background: #003475 !important;
  color: white !important;
  opacity: 0.4;
}

.myc-input .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.myc-input .feedback-icon {
  margin-right: 12px;
}
.myc-input .input {
  border: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  transition: 0.5s;
  background: white no-repeat;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  height: 44px;
  font-size: 14px !important;
}
.myc-input .input.slider {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.myc-input .input .icon {
  margin-left: 16px;
  margin-right: -8px;
  color: #999999;
}
.myc-input .input input,
.myc-input .input select {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  border: 0;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
}
.myc-input .input input ::placeholder,
.myc-input .input select ::placeholder {
  color: #999999;
}
.myc-input.rounded .input {
  border-radius: 50px;
}
.myc-input.disabled .input {
  opacity: 0.8;
  color: #999999;
  background-color: #ededed;
}
.myc-input.greyBackground .input {
  background: #ededed no-repeat;
  box-shadow: none;
}
.myc-input.error .input {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-input.error .feedback-icon {
  background-color: #c62222 !important;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-input.error .feedback-icon.pi {
  color: white !important;
  font-size: 8px;
}
.myc-input .input-wrapper {
  display: flex;
}
.myc-input .input-wrapper .number-actions {
  display: flex;
  flex-direction: column;
  width: 40px;
}
.myc-input .input-wrapper .number-actions .number-action {
  width: 100%;
  flex: 1;
  background-color: #ff8933;
  border-radius: 4;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}
.myc-input .input-wrapper .number-actions .number-action:hover {
  background-color: #ff6b06;
}
.myc-input.action .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
}
.myc-input.action .myc-button button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 44px;
}
.myc-input.success .input {
  border: 1px solid #46a885 !important;
}
.myc-input.success .feedback-icon {
  background-color: #46a885;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-input.success .feedback-icon.pi {
  color: white !important;
  font-size: 8px;
}
.myc-input:focus-within .input {
  border: 1px solid #ff8933;
  background: white no-repeat;
}
.myc-input:focus-within .input .pi {
  color: #ff8933;
}
.myc-input input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.myc-input input[type=number]::-webkit-inner-spin-button,
.myc-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.myc-modal {
  border-radius: 16px;
}
.myc-modal ::-webkit-scrollbar {
  width: 10px;
}
.myc-modal ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.myc-modal ::-webkit-scrollbar-thumb {
  background: #888;
}
.myc-modal ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 900px) {
  .myc-modal {
    width: 90%;
  }
}
.myc-modal .p-dialog-header {
  border-bottom: 0 none;
  background: #ffffff;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 32px;
  padding-right: 32px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
.myc-modal .p-dialog-header span {
  font-weight: 700 !important;
}
.myc-modal .p-dialog-footer {
  border-top: 0 none;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.75rem 1.25rem;
  text-align: right;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.myc-modal .p-dialog-content {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 20px;
  overflow: auto;
  overflow-x: hidden;
}
.myc-modal .loading-block {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.myc-modal .loading-block .title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-align: center;
}
.myc-modal .loading-block .subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  margin-top: 8px;
  text-align: center;
}
.myc-modal__footer {
  display: flex;
  justify-content: flex-end;
}

.myc-modalwizard {
  width: 768px;
}
@media (max-width: 900px) {
  .myc-modalwizard {
    width: 90%;
  }
}
.myc-modalwizard hr {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 12px;
  background: #e0e0e0;
}
.myc-modalwizard .p-dialog-header {
  display: none;
}
.myc-modalwizard .p-dialog-content {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-bottom: 0;
}
.myc-modalwizard .p-dialog-footer {
  overflow: hidden;
  padding-top: 0;
}
.myc-modalwizard .container {
  display: flex;
  justify-content: space-between;
}
.myc-modalwizard .chkbox {
  margin-top: 10px;
}
.myc-modalwizard .btns {
  display: flex;
  justify-content: space-between;
}
.myc-modalwizard .btns-full {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.myc-drodown-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}

.myc-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #000;
  background: #ededed;
}
.myc-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover:focus {
  box-shadow: none;
}
.myc-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #000;
  background: #fff0e5;
}
.myc-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight:focus {
  box-shadow: none;
}
.myc-dropdown-panel input {
  border: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  transition: 0.5s;
  background: white no-repeat;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px;
  border: 1px solid #e0e0e0 !important;
  height: 44px;
  outline: none !important;
  font-size: 14px !important;
}
.myc-dropdown-panel .pi {
  display: none;
}
.myc-dropdown-panel input,
.myc-dropdown-panel select {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  border: 0;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  width: 100%;
}
.myc-dropdown-panel input ::placeholder,
.myc-dropdown-panel select ::placeholder {
  color: #999999;
}
.myc-dropdown-panel input:focus,
.myc-dropdown-panel select:focus {
  border: 1px solid #ff8933 !important;
}

.myc-dropdown {
  background: white no-repeat !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  background-image: none !important;
  background-size: 0;
  background-position: 0;
  background-origin: border-box;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
}
.myc-dropdown:active, .myc-dropdown:focus, .myc-dropdown:focus-within {
  border: 1px solid #ff6b06 !important;
}
.myc-dropdown.rounded {
  border-radius: 50px !important;
}
.myc-dropdown.greyBackground {
  background: #ededed no-repeat !important;
  box-shadow: none !important;
}
.myc-dropdown.error {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-dropdown.disabled {
  opacity: 0.4 !important;
  color: #999999 !important;
  background-color: #e0e0e0 !important;
}
.myc-dropdown .custom-input {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
}

.myc-checkbox .p-checkbox-label {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-left: 16px;
}
.myc-checkbox .p-checkbox-box {
  border-color: #999999;
  border-radius: 4px;
  border-width: 1px;
}
.myc-checkbox .p-checkbox-box.p-highlight {
  background: #ff8933;
  border-color: #ff8933 !important;
}
.myc-checkbox .p-checkbox-box.p-highlight:hover {
  border-color: #ffb580 !important;
  background: #ffb580 !important;
}
.myc-checkbox .p-checkbox-focused {
  box-shadow: 0 0 1px 10px #fff0e5 !important;
}
.myc-checkbox.error .p-checkbox-label {
  color: #c62222;
}
.myc-checkbox.error .p-checkbox-box {
  border-color: #c62222 !important;
  background-color: #ffebee;
  border-radius: 4px;
  border-width: 1px;
}
.myc-checkbox.error .p-checkbox-box.p-highlight {
  background: #fb5e5e !important;
}
.myc-checkbox.error .p-checkbox-box.p-highlight:hover {
  background: #ef2323 !important;
  border-color: #c62222 !important;
}
.myc-checkbox .p-hidden-accessible {
  position: initial;
}

.myc-chips-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}

.myc-chips-container {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.myc-chips-container:focus-within {
  border: 1px solid #ff8933;
}
.myc-chips-container.rounded {
  border-radius: 50px !important;
}
.myc-chips-container.greyBackground {
  background: #ededed no-repeat !important;
  box-shadow: none !important;
}
.myc-chips-container.error {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}

.myc-chips {
  background: white no-repeat !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  background-image: none !important;
  background-size: 0;
  background-position: 0;
  background-origin: border-box;
  border: 0px solid black;
  border-radius: 4px !important;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
}
.myc-chips .p-inputtext {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background: transparent;
  background-image: none;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
}
.myc-chips .p-chips-multiple-container .p-chips-token {
  padding-top: 5.5px;
  padding-bottom: 5.5px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 0.5em;
  background: #ededed;
  color: #000;
  font-weight: 600 !important;
  border-radius: 50px;
}
.myc-chips .p-chips-multiple-container:not(.p-disabled),
.myc-chips .p-chips-multiple-container:not(.p-disabled):hover,
.myc-chips .p-chips-multiple-container:not(.p-disabled):hover.p-focus {
  background-color: transparent !important;
  border-color: transparent !important;
  background-image: none !important;
}
.myc-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  box-shadow: none !important;
}

.myc-multiselect-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}

.myc-multiselect-panel .p-inputtext:enabled:hover,
.myc-multiselect-panel .p-inputtext:enabled:focus {
  border-color: #ff6b06;
  box-shadow: none;
}
.myc-multiselect-panel .p-checkbox-box {
  border: 1px solid #999999;
}
.myc-multiselect-panel .p-checkbox-box:hover {
  border: 1px solid #ff6b06;
}
.myc-multiselect-panel .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #ff6b06;
}
.myc-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight {
  border-color: #ff6b06;
  background: #ff6b06;
}
.myc-multiselect-panel .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #ff8933;
  background: #ff8933;
  color: #ffffff;
}
.myc-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #000;
  background: #ededed;
}
.myc-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover:focus {
  box-shadow: none;
}
.myc-multiselect-panel .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.myc-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #000;
  background: #fff0e5;
}
.myc-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:focus {
  box-shadow: none;
}

.myc-multiselect {
  background: white no-repeat !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  background-image: none !important;
  background-size: 0;
  background-position: 0;
  background-origin: border-box;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
}
.myc-multiselect .p-multiselect-token {
  padding-top: 5.5px !important;
  padding-bottom: 5.5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-right: 0.5em !important;
  background: #ededed !important;
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 14px;
  border-radius: 50px !important;
}
.myc-multiselect .p-multiselect-token .pi {
  border-radius: 50%;
  background-color: black;
  font-size: 12px;
  position: relative;
  width: 12px;
  height: 12px;
  position: relative;
}
.myc-multiselect .p-multiselect-token .pi::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 1px;
  margin-left: 4px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 16%;
  transform: translate(-50%, -50%);
}
.myc-multiselect:active, .myc-multiselect:focus, .myc-multiselect:focus-within {
  border: 1px solid #ff6b06 !important;
}
.myc-multiselect.rounded {
  border-radius: 50px !important;
}
.myc-multiselect.greyBackground {
  background: #ededed no-repeat !important;
  box-shadow: none !important;
}
.myc-multiselect.error {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}

.myc-alert {
  width: 440px;
  transition: 0.3s;
}
@media (max-width: 900px) {
  .myc-alert {
    width: 90%;
  }
}
.myc-alert.loading .loading {
  width: 100%;
  margin-bottom: -20px;
}
.myc-alert .closable {
  position: absolute;
  right: 12px;
  top: 12px;
}
.myc-alert .icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-alert .icon .pi {
  font-size: 24px;
}
.myc-alert .icon.success {
  background-color: #46a885;
}
.myc-alert .icon.success .pi {
  color: white;
}
.myc-alert .icon.error {
  background-color: #ffebee;
}
.myc-alert .icon.error .pi {
  color: #c62222;
}
.myc-alert .icon.neutral {
  background-color: #fff0e5;
}
.myc-alert .icon.neutral .pi {
  color: #ff6b06;
}
.myc-alert .title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 6px;
  color: #000;
  white-space: break-spaces;
}
.myc-alert .subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
  color: #999999;
  white-space: break-spaces;
}
.myc-alert .p-dialog-header {
  display: none;
}
.myc-alert .p-dialog-content {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 28px;
  overflow: hidden !important;
}
.myc-alert .p-dialog-footer {
  display: flex;
  padding-bottom: 20px;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: -2px;
}
.myc-alert .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -26px;
  flex-direction: column;
}
.myc-alert .loading .title {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
.myc-alert .reverse {
  display: flex;
  flex-direction: row-reverse;
}
.myc-alert .buttons-end {
  display: flex;
  width: 100%;
  justify-content: flex-end !important;
}
.myc-alert__footer {
  display: flex;
}

.myc-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff0e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14.5px;
  font-weight: 600;
}
.myc-avatar span {
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
}
.myc-avatar img {
  border-radius: 50%;
}
.myc-avatar.big {
  width: 120px;
  height: 120px;
}
.myc-avatar.big img {
  width: 120px;
  height: 120px;
}
.myc-avatar.medium {
  width: 40px;
  height: 40px;
}
.myc-avatar.medium img {
  width: 40px;
  height: 40px;
}
.myc-avatar.small {
  width: 20px;
  height: 20px;
}
.myc-avatar.small img {
  width: 20px;
  height: 20px;
}

.myc-steps .p-steps-item .p-menuitem-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  overflow: initial;
  text-decoration: none;
  z-index: 10;
  padding: 0;
}
.myc-steps .p-steps-item {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
}
.myc-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: white;
  border: none;
  background: #999999;
  width: 24px !important;
  min-width: 24px;
  height: 24px !important;
  font-size: 16px;
  font-weight: 600;
  z-index: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-steps .p-steps-item.p-highlight .p-steps-number {
  background: #ff8933;
  color: white;
  line-height: 0;
}
.myc-steps .p-steps-item:has(~ .p-highlight) .p-steps-number {
  background: #46a885;
}
.myc-steps .p-steps-item.p-highlight .p-steps-title {
  color: #000;
  font-weight: 600 !important;
}
.myc-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0px;
  font-size: 16px;
  padding-left: 8px;
  color: #999999;
  font-weight: 600 !important;
}
.myc-steps .p-steps-item:before {
  display: none;
}
.myc-steps .p-steps-item:has(~ .p-highlight) .p-steps-title,
.myc-steps .p-steps-item.p-highlight .p-steps-title {
  color: #000;
}
@media (max-width: 900px) {
  .myc-steps ul {
    flex-direction: column;
  }
  .myc-steps ul li {
    margin-top: 4px;
  }
  .myc-steps .p-steps-item:before {
    display: none;
  }
}

.myc-radio-card .myc-radio-card-badge {
  width: fit-content;
  font-size: 14px;
  line-height: 12px;
  font-weight: 600;
  color: #FFF;
  padding: 6px 8px;
  background: linear-gradient(270deg, #FF8933 33.33%, #FF6B06 97.4%);
  border-radius: 4px 4px 0px 0px;
}
.myc-radio-card:has(.myc-radio-card-badge) .myc-radio-card-container {
  border-radius: 0 8px 8px 8px;
}
.myc-radio-card .myc-radio-card-container {
  display: flex;
  flex-direction: row;
  padding: 12px;
  border: 1px solid #ededed;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
}
.myc-radio-card .myc-radio-card-container .icon {
  display: flex;
  border: 1px solid #999999;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.myc-radio-card .myc-radio-card-container .icon .pi {
  font-size: 12px;
  display: none;
}
.myc-radio-card .myc-radio-card-container .content {
  flex: 1;
}
.myc-radio-card .myc-radio-card-container .content .title {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  margin-bottom: 8px;
  margin-top: 0;
}
.myc-radio-card .myc-radio-card-container .content .subtitle {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.myc-radio-card .myc-radio-card-container:hover {
  border-color: #ff8933;
}
.myc-radio-card .myc-radio-card-container.selected {
  border-color: #ff8933;
}
.myc-radio-card .myc-radio-card-container.selected .icon {
  background-color: #ff8933;
  border-color: #ff8933;
}
.myc-radio-card .myc-radio-card-container.selected .icon .pi {
  display: flex;
  color: white;
}
.myc-radio-card .myc-radio-card-container.disabled {
  opacity: 0.4;
}
.myc-radio-card .myc-radio-card-container.error {
  border-color: #c62222;
}
.myc-radio-card .myc-radio-card-container.error .icon {
  background-color: transparent;
  border-color: #c62222;
}
.myc-radio-card .myc-radio-card-container.error .icon .pi {
  color: #c62222;
}

.myc-custom-radio {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  transition: 0.2s;
}
.myc-custom-radio .icon {
  display: flex;
  border: 1px solid #999999;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.myc-custom-radio .icon .pi {
  font-size: 12px;
  display: none;
}
.myc-custom-radio .title {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-bottom: 0px;
  margin-top: 0;
  flex: 1;
}
.myc-custom-radio .bold {
  font-weight: 600;
}
.myc-custom-radio:hover .icon {
  border-color: #ff8933;
}
.myc-custom-radio.selected .icon {
  background-color: #ff8933;
  border-color: #ff8933;
}
.myc-custom-radio.selected .icon .pi {
  display: flex;
  color: white;
}
.myc-custom-radio.disabled {
  opacity: 0.4;
}
.myc-custom-radio.error .icon {
  background-color: transparent;
  border-color: #c62222;
}
.myc-custom-radio.error .icon .pi {
  color: #c62222;
}

.myc-datepicker-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}

.myc-datepicker-panel .p-datepicker-title {
  margin: 0 auto 0 0;
  order: 1;
  display: flex;
  gap: 8px;
}
.myc-datepicker-panel .p-button {
  color: #ff6b06 !important;
}
.myc-datepicker-panel .p-button:active, .myc-datepicker-panel .p-button:hover, .myc-datepicker-panel .p-button:focus {
  background: #fff0e5 !important;
}
.myc-datepicker-panel table td.p-datepicker-today > span.p-highlight {
  color: white;
  background: #ff8933;
}
.myc-datepicker-panel .p-monthpicker .p-monthpicker-month.p-highlight {
  color: white;
  background: #ff8933;
}
.myc-datepicker-panel table td > span.p-highlight {
  color: white;
  background: #ff6b06;
}
.myc-datepicker-panel table td.p-datepicker-today > span {
  box-shadow: none;
  border: 0;
}
.myc-datepicker-panel select {
  background-color: white;
  border: 1px solid #ededed;
  border-radius: 4px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.myc-datepicker-panel select {
  background-image: linear-gradient(45deg, transparent 50%, #ededed 50%), linear-gradient(135deg, #ededed 50%, transparent 50%), linear-gradient(to right, #ededed, #ededed);
  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;
}
.myc-datepicker-panel select:focus {
  background-image: linear-gradient(45deg, #ff6b06 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #ff6b06 50%), linear-gradient(to right, #ff6b06, #ff6b06);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: #ff6b06 !important;
  outline: 0;
}
.myc-datepicker-panel select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.myc-datepicker {
  width: 100%;
}
.myc-datepicker .p-inputtext {
  background: white no-repeat !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  background-image: none !important;
  background-size: 0;
  background-position: 0;
  background-origin: border-box;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
}
.myc-datepicker .p-inputtext:active, .myc-datepicker .p-inputtext:focus, .myc-datepicker .p-inputtext:focus-within {
  border: 1px solid #ff6b06 !important;
}
.myc-datepicker.rounded .p-inputtext {
  border-radius: 50px !important;
}
.myc-datepicker.greyBackground .p-inputtext {
  background: #ededed no-repeat !important;
  box-shadow: none !important;
}
.myc-datepicker.error .p-inputtext {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-datepicker.disabled .p-inputtext {
  opacity: 0.4 !important;
  color: #999999 !important;
  background-color: #e0e0e0 !important;
}

.myc-splitview {
  display: flex;
}
.myc-splitview ::-webkit-scrollbar {
  width: 10px;
}
.myc-splitview ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.myc-splitview ::-webkit-scrollbar-thumb {
  background: #888;
}
.myc-splitview ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.myc-splitview .split-left {
  width: 750px;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: white;
  border-right: 1px solid #e0e0e0;
}
@media (min-width: 2000px) {
  .myc-splitview .split-left {
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .myc-splitview .split-left {
    width: 800px;
  }
}
@media (max-width: 900px) {
  .myc-splitview .split-left {
    width: 100%;
  }
}
.myc-splitview .split-right {
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ededed;
}
@media (max-width: 900px) {
  .myc-splitview .split-right {
    width: 0;
    display: none;
  }
}

.myc-password {
  position: relative;
}
.myc-password .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.myc-password .input {
  border: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  transition: 0.5s;
  background: white no-repeat;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  height: 44px;
}
.myc-password .input .icon {
  margin-left: 16px;
  margin-right: -8px;
  color: #999999;
}
.myc-password .input .icon-toggle {
  margin-left: 0px;
  margin-right: 16px;
  color: #999999;
}
.myc-password .input input,
.myc-password .input select {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  border: 0;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
}
.myc-password .input input ::placeholder,
.myc-password .input select ::placeholder {
  color: #999999;
}
.myc-password.rounded .input {
  border-radius: 50px;
}
.myc-password.disabled .input {
  opacity: 0.4;
}
.myc-password.greyBackground .input {
  background: #ededed no-repeat;
  box-shadow: none;
}
.myc-password.error .input {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-password:focus-within .input {
  border: 1px solid #ff8933;
  background: white no-repeat;
}
.myc-password:focus-within .input .pi {
  color: #ff8933;
}
.myc-password .password-rules {
  width: 90%;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #ededed;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.13));
  position: absolute;
  padding: 16px;
  z-index: 1000;
}
.myc-password .password-rules p {
  margin-top: 0;
}
.myc-password .password-rules .strength-feedback p.medium {
  color: #ffb580;
}
.myc-password .password-rules .strength-feedback p.strong {
  color: #46a885;
}
.myc-password .password-rules .strength-feedback .feedback-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ececec;
  margin: 0.5rem 0 0.75rem;
  position: relative;
}
.myc-password .password-rules .strength-feedback .feedback-bar .feedback-bar__visual-indicator {
  display: block;
  position: absolute;
  height: 2px;
  transition: width 500ms ease-in-out;
}
.myc-password .password-rules .strength-feedback .feedback-bar .feedback-bar__visual-indicator.weak {
  width: 0%;
  background-color: inherit;
}
.myc-password .password-rules .strength-feedback .feedback-bar .feedback-bar__visual-indicator.medium {
  width: 50%;
  background-color: #ffb580;
}
.myc-password .password-rules .strength-feedback .feedback-bar .feedback-bar__visual-indicator.strong {
  width: 100%;
  background-color: #46a885;
}
.myc-password .password-rules .password-rule {
  padding: 0;
  align-items: center;
  font-size: 14px;
  display: flex;
  color: #ef2323;
}
.myc-password .password-rules .password-rule .pi {
  color: #ef2323;
  margin-right: 8px;
}
.myc-password .password-rules .password-rule.check {
  color: #46a885;
}
.myc-password .password-rules .password-rule.check .pi {
  color: #46a885;
}
.myc-password .p-float-label {
  display: block;
  text-align: start;
}
.myc-password .p-float-label .float-label__toggle {
  position: relative;
  right: 1.5rem;
}
.myc-password .p-float-label input {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-radius: 0;
}
.myc-password .p-float-label input:enabled:focus {
  box-shadow: none;
  border-color: #ff8933;
}
.myc-password .p-float-label input:enabled:focus ~ label {
  color: #ff8933;
}

.myc-dotsteps {
  display: flex;
  justify-content: center;
  align-items: center;
}
.myc-dotsteps .step-holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.myc-dotsteps .step {
  height: 4px;
  width: 4px;
  min-width: 4px;
  border-radius: 4px;
  background-color: #D9D9D9;
  transition: all 600ms ease;
  margin-right: 8px;
}
.myc-dotsteps .actual-step {
  width: 24px;
  min-width: 24px;
  background-color: #FF6B06;
}

.myc-progress-tracking {
  width: 100%;
  max-width: 401px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999999;
}
.myc-progress-tracking .progress-header {
  width: 100%;
  background-color: #3A3A3A;
}
.myc-progress-tracking .header-container {
  padding: 20px;
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.myc-progress-tracking .header-container .header-container > * {
  display: flex;
  align-items: center;
}
.myc-progress-tracking .header-container .header-controls {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.myc-progress-tracking .header-container .header-controls .expand-progress > i,
.myc-progress-tracking .header-container .header-controls .close-progress > i {
  color: rgba(255, 255, 255, 0.583);
  cursor: pointer;
}
.myc-progress-tracking .header-container .header-controls .close-progress > i {
  font-size: 1.4rem;
}
.myc-progress-tracking .header-container .header-controls .expand-progress {
  transition: all 400ms ease;
}
.myc-progress-tracking .header-container .header-controls .expand-progress > i:hover,
.myc-progress-tracking .header-container .header-controls .close-progress > i:hover {
  color: #FFF;
}
.myc-progress-tracking .progress-bar {
  width: 100%;
  height: 4px;
  background-color: #999999;
}
.myc-progress-tracking .progress-bar .progress-thumb {
  width: 0%;
  height: 100%;
  background-color: #FF6B06;
  transition: all 200ms ease;
}
.myc-progress-tracking .progress-body {
  width: 100%;
  height: 100%;
  max-height: 0px;
  background-color: #FFF;
  overflow: hidden;
  transition: max-height 400ms ease;
}
.myc-progress-tracking .progress-body .progress-details {
  overflow-y: auto;
  height: 100%;
  max-height: 258px;
}
.myc-progress-tracking .progress-body .progress-actions {
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 2px solid #E0E0E0;
}
.myc-progress-tracking .progress-body .progress-actions .error-message {
  font-size: 1rem;
  color: #EF2323;
}
.myc-progress-tracking .progress-body .progress-actions .actions-buttons {
  display: flex;
}
.myc-progress-tracking .__expanded {
  max-height: 330px;
}
.myc-progress-tracking .__expanded-chevron {
  transform: rotate(180deg);
}

.myc-datatable .p-checkbox .p-checkbox-box {
  border: 2px solid #999999;
  background: #ffffff;
  width: 18px;
  border-radius: 4px !important;
  height: 18px;
  border-radius: 4px;
}
.myc-datatable .p-checkbox .p-checkbox-box.p-highlight {
  border-color: #ff6b06;
  background: #ff6b06;
}
.myc-datatable .p-checkbox .p-checkbox-box.p-highlight:hover {
  border-color: #ff6b06;
  background: #ff6b06;
}
.myc-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #ff6b06;
  color: white;
}

.myc-datatable tr:hover {
  background-color: #ddd;
}

.myc-datatable-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.myc-datatable tr > td {
  padding: 0 8px !important;
  height: 44px;
  border-bottom: 0 !important;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myc-datatable tr > th {
  padding: 0 8px !important;
  height: 40px;
  background: #ededed !important;
  font-weight: 600;
  font-size: 14px;
  border: 0 !important;
  border-right: 1px solid #e0e0e0 !important;
}
.myc-datatable tr > th:first-child {
  border-top-left-radius: 4px;
}
.myc-datatable tr > th:last-child {
  border-top-right-radius: 4px;
  border-right: 0px solid #e0e0e0 !important;
}
.myc-datatable tr > th i {
  font-size: 12px;
}
.myc-datatable tr > th .table-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.myc-datatable__menu .p-datatable {
  width: 267px;
}
.myc-datatable__menu .p-datatable tr {
  border-bottom: 0;
  cursor: pointer;
}
.myc-datatable__menu .p-datatable tr td {
  padding: 12px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 0;
}
.myc-datatable__menu .p-datatable tr:hover {
  background-color: #eee;
  border-radius: 10px;
}
.myc-datatable__menu .p-datatable .p-datatable-tbody > tr:last-of-type td {
  border-bottom: 0px;
}

.myc-datatable__op .p-overlaypanel-content {
  padding: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.myc-autocomplete-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}

.myc-autocomplete-container {
  position: relative;
}

.myc-autocomplete-button-clear {
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  top: 68%;
}

.myc-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
  color: #000;
  background: #ededed;
}
.myc-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover:focus {
  box-shadow: none;
}
.myc-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #000;
  background: #fff0e5;
}
.myc-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight:focus {
  box-shadow: none;
}

.myc-autocomplete {
  width: 100%;
}
.myc-autocomplete input {
  background: white no-repeat !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  background-image: none !important;
  background-size: 0;
  background-position: 0;
  background-origin: border-box;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  width: 100%;
  height: 44px !important;
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
}
.myc-autocomplete input:active, .myc-autocomplete input:focus, .myc-autocomplete input:focus-within {
  border: 1px solid #ff6b06 !important;
}
.myc-autocomplete.rounded input {
  border-radius: 50px !important;
}
.myc-autocomplete.greyBackground input {
  background: #ededed no-repeat !important;
  box-shadow: none !important;
}
.myc-autocomplete.error input {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-autocomplete.disabled input {
  opacity: 0.8 !important;
  color: #999999 !important;
  background-color: #ededed !important;
}

.myc-slider .p-slider .p-slider-handle {
  background-color: #ff6b06;
}
.myc-slider .p-slider .p-slider-handle:hover {
  background-color: #ff6b06;
}
.myc-slider .p-slider .p-slider-handle:active {
  background-color: #ff6b06;
}
.myc-slider .p-slider .p-slider-handle:focus {
  box-shadow: 0 0 1px 10px #fff0e5;
  background-color: #ff6b06;
}
.myc-slider .p-slider .p-slider-range {
  background-color: #ff6b06;
}
.myc-slider.p-slider-xl .p-slider .p-slider-handle {
  height: 25px;
  width: 25px;
}
.myc-slider.p-slider-xl .p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -13px;
  margin-left: -13px;
}
.myc-slider .value-follower {
  width: 100%;
  position: relative;
}
.myc-slider .value-follower .value {
  position: absolute;
  transform: translateX(-50%);
  margin-top: 8px;
  font-weight: 600;
}

.myc-textarea .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.myc-textarea .feedback-icon {
  margin-right: 12px;
}
.myc-textarea .textarea {
  border: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  transition: 0.5s;
  background: white no-repeat;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  min-height: 44px;
  font-size: 14px !important;
}
.myc-textarea .textarea.slider {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.myc-textarea .textarea .icon {
  margin-left: 16px;
  margin-right: -8px;
  color: #999999;
}
.myc-textarea .textarea textarea,
.myc-textarea .textarea select {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  border: 0;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  resize: vertical;
  font-family: Matter;
}
.myc-textarea .textarea textarea ::placeholder,
.myc-textarea .textarea select ::placeholder {
  color: #999999;
}
.myc-textarea.rounded .textarea {
  border-radius: 50px;
}
.myc-textarea.disabled .textarea {
  opacity: 0.4;
  color: #999999;
  background-color: #e0e0e0;
}
.myc-textarea.greyBackground .textarea {
  background: #ededed no-repeat;
  box-shadow: none;
}
.myc-textarea.error .textarea {
  background-color: #ffebee !important;
  border: 1px solid #c62222 !important;
}
.myc-textarea.error .feedback-icon {
  background-color: #c62222 !important;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-textarea.error .feedback-icon.pi {
  color: white !important;
  font-size: 8px;
}
.myc-textarea .textarea-wrapper {
  display: flex;
}
.myc-textarea .textarea-wrapper .number-actions {
  display: flex;
  flex-direction: column;
  width: 40px;
}
.myc-textarea .textarea-wrapper .number-actions .number-action {
  width: 100%;
  flex: 1;
  background-color: #ff8933;
  border-radius: 4;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}
.myc-textarea .textarea-wrapper .number-actions .number-action:hover {
  background-color: #ff6b06;
}
.myc-textarea.action .textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
}
.myc-textarea.action .myc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 44px;
}
.myc-textarea.success .textarea {
  border: 1px solid #46a885 !important;
}
.myc-textarea.success .feedback-icon {
  background-color: #46a885;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-textarea.success .feedback-icon.pi {
  color: white !important;
  font-size: 8px;
}
.myc-textarea:focus-within .textarea {
  border: 1px solid #ff8933;
  background: white no-repeat;
}
.myc-textarea:focus-within .textarea .pi {
  color: #ff8933;
}
.myc-textarea textarea[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.myc-textarea textarea[type=number]::-webkit-inner-spin-button,
.myc-textarea textarea[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.myc-switch .p-inputswitch {
  height: 24px;
  width: 48px;
}
.myc-switch .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #ff6b06;
}
.myc-switch .p-inputswitch .p-inputswitch-slider {
  background: #999999;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 20px;
}
.myc-switch .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #fff;
}
.myc-switch .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: #ff8933;
}
.myc-switch .p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  width: 20px;
  height: 20px;
  left: 2px;
  margin-top: -10px;
  border-radius: 50%;
  transition-duration: 0.2s;
  box-shadow: none !important;
}
.myc-switch.error .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #c62222;
}
.myc-switch.error .p-inputswitch .p-inputswitch-slider {
  background: #c62222;
}

.myc-gauge-chart {
  width: 16rem;
  position: relative;
}
.myc-gauge-chart svg {
  width: 16rem;
}
.myc-gauge-chart__title {
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: 100%;
}
.myc-gauge-chart__title__title {
  color: #ff6b06;
  font-size: 22px;
  font-weight: 600;
}
.myc-gauge-chart__title__subtitle {
  color: black;
  font-size: 14px;
}
.myc-gauge-chart .progress .progress-ring {
  stroke: #fff0e5;
}
.myc-gauge-chart .progress .progress-segment {
  animation: progress 1s ease-out forwards;
}
.myc-gauge-chart .progress .progress-stop1 {
  stop-color: #ff6b06 !important;
}
.myc-gauge-chart .progress .progress-stop2 {
  stop-color: #ff6b06 !important;
}
.myc-gauge-chart .progress .progress-stop3 {
  stop-color: #ff6b06 !important;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.myc-circle-chart {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myc-circle-chart__text {
  position: absolute;
  padding: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.myc-circle-chart__text__title {
  color: black;
  font-size: 22px;
  font-weight: 600;
}
.myc-circle-chart__text__subtitle {
  color: black;
  font-size: 14px;
}
.myc-circle-chart__segment {
  stroke-dasharray: 0 100;
  transform-origin: center;
}

.myc-disclaimer {
  padding: 16px;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
}
.myc-disclaimer__header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.myc-disclaimer__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.myc-disclaimer__icon i {
  font-size: 10px;
}
.myc-disclaimer__title {
  flex: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}
.myc-disclaimer__content {
  color: black;
}
.myc-disclaimer.neutral {
  background-color: white;
  border-color: #ededed;
}
.myc-disclaimer.neutral .myc-disclaimer__icon {
  background-color: #e0e0e0;
}
.myc-disclaimer.neutral .myc-disclaimer__title {
  color: #000;
}
.myc-disclaimer.error {
  background-color: #ffebee;
  border-color: #c62222;
}
.myc-disclaimer.error .myc-disclaimer__icon {
  background-color: #c62222;
}
.myc-disclaimer.error .myc-disclaimer__icon i {
  color: white;
}
.myc-disclaimer.error .myc-disclaimer__title {
  color: #c62222;
}
.myc-disclaimer.success {
  background-color: #cfe5dd;
  border-color: #46a885;
}
.myc-disclaimer.success .myc-disclaimer__icon {
  background-color: #46a885;
}
.myc-disclaimer.success .myc-disclaimer__icon i {
  color: white;
}
.myc-disclaimer.success .myc-disclaimer__title {
  color: #46a885;
}
.myc-disclaimer.alert {
  background-color: #fefbed;
  border-color: #f2c14b;
}
.myc-disclaimer.alert .myc-disclaimer__icon {
  background-color: #f2c14b;
}
.myc-disclaimer.alert .myc-disclaimer__title {
  color: #f2c14b;
}

.myc-side-modal ::-webkit-scrollbar {
  width: 10px;
}
.myc-side-modal ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.myc-side-modal ::-webkit-scrollbar-thumb {
  background: #888;
}
.myc-side-modal ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 900px) {
  .myc-side-modal {
    max-width: 90%;
  }
}
.myc-side-modal.p-dialog {
  height: 100%;
  max-height: 100%;
  margin: 0px !important;
  border-radius: 0;
  max-width: 450px;
  width: 450px;
}
.myc-side-modal .p-dialog-header {
  border-bottom: 0 none;
  background: #ffffff;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.myc-side-modal .p-dialog-header span {
  font-weight: 700 !important;
}
.myc-side-modal .p-dialog-header .icon-container {
  margin-right: 12px;
}
.myc-side-modal .p-dialog-header .icon-container i {
  font-size: 1.1rem;
}
.myc-side-modal .p-dialog-content {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 20px;
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
}
.myc-side-modal .loading-block {
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.myc-side-modal .loading-block .title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-align: center;
}
.myc-side-modal .loading-block .subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  margin-top: 8px;
  text-align: center;
}

.myc-code {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 320px;
  width: 100%;
}
.myc-code .myc-input .input input {
  padding: 0 !important;
  text-align: center;
  font-weight: bold;
}

.myc-vertical-bar-chart {
  width: 100%;
  min-width: 150px;
  padding-inline: 8px;
}
.myc-vertical-bar-chart.border {
  border-left: solid 2px #ff8933;
}
.myc-vertical-bar-chart .chart__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.myc-vertical-bar-chart .chart__header .title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.myc-vertical-bar-chart .chart__header .total {
  font-size: 18px;
  line-height: 23.75px;
  font-weight: 600;
}
.myc-vertical-bar-chart .chart__bars {
  width: 100%;
  display: flex;
}
.myc-vertical-bar-chart .chart__bars .labels {
  width: fit-content;
  white-space: nowrap;
  margin-right: 16px;
}
.myc-vertical-bar-chart .chart__bars .chart {
  width: 100%;
}
.myc-vertical-bar-chart .chart__bars .chart .bar__container {
  display: flex;
  gap: 8px;
}
.myc-vertical-bar-chart .chart__bars .chart .bar__container .bar {
  display: block;
  height: 19px;
}
.myc-vertical-bar-chart .chart__bars .label__container.padding:not(:last-child),
.myc-vertical-bar-chart .chart__bars .bar__container.padding:not(:last-child) {
  margin-bottom: 8px;
}

.myc-modal-pix {
  width: 100%;
  max-width: 636px;
  transition: 0.3s;
}
@media (max-width: 900px) {
  .myc-modal-pix {
    width: 90%;
  }
}
.myc-modal-pix.loading .loading {
  width: 100%;
  margin-bottom: -20px;
}
.myc-modal-pix .custom-header {
  display: flex;
  justify-content: space-between;
}
.myc-modal-pix .custom-header .icon {
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myc-modal-pix .title {
  font-family: Matter;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
}
.myc-modal-pix .p-dialog-header {
  display: none;
}
.myc-modal-pix .p-dialog-content {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 28px;
}
.myc-modal-pix .p-dialog-footer {
  display: flex;
  padding-bottom: 20px;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: -2px;
}
.myc-modal-pix .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -26px;
  flex-direction: column;
}
.myc-modal-pix .loading .title {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
.myc-modal-pix__footer {
  display: flex;
}

.myc-modal-headless {
  width: 100%;
  max-width: 636px;
  transition: 0.3s;
}
@media (max-width: 900px) {
  .myc-modal-headless {
    width: 90%;
  }
}
.myc-modal-headless.loading .loading {
  width: 100%;
  margin-bottom: -20px;
}
.myc-modal-headless .custom-header {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.myc-modal-headless .custom-header .closable {
  display: none;
}
.myc-modal-headless .custom-header .header {
  position: absolute;
  top: -28px;
  width: calc(100% + 68px);
  min-height: 100px;
  left: -34px;
}
.myc-modal-headless .title {
  font-family: Matter;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
}
.myc-modal-headless .p-dialog-header {
  display: none;
}
.myc-modal-headless .p-dialog-content {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 28px;
  min-height: 300px;
}
.myc-modal-headless .p-dialog-footer {
  display: flex;
  padding-bottom: 20px;
  padding-left: 32px;
  padding-right: 32px;
  margin-top: -2px;
  width: 100%;
}
.myc-modal-headless .p-dialog-footer p-footer {
  width: 100%;
}
.myc-modal-headless .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -26px;
  flex-direction: column;
  min-height: 200px;
  width: 100%;
}
.myc-modal-headless .loading .title {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
.myc-modal-headless__footer {
  display: flex;
  justify-content: space-between !important;
  width: 100%;
}

.myc-status {
  padding: 12px;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
}
.myc-status__header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.myc-status__icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.myc-status__icon i {
  font-size: 16px;
}
.myc-status__title {
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.myc-status.neutral {
  background-color: white;
  border-color: #ededed;
}
.myc-status.neutral .myc-status__icon i {
  color: black;
}
.myc-status.error {
  background-color: #ffebee;
  border-color: #c62222;
}
.myc-status.error .myc-status__icon i {
  color: #c62222;
}
.myc-status.success {
  background-color: white;
  border-color: #ededed;
}
.myc-status.success .myc-status__icon i {
  color: #46a885;
}
.myc-status.alert {
  background-color: #fefbed;
  border-color: #f2c14b;
}
.myc-status.alert .myc-status__icon i {
  color: #f2c14b;
}

.myc-accordion__accordion {
  padding: 16px;
  background-color: #ededed;
  border-radius: 4px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.myc-accordion__accordion-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.myc-accordion__accordion-text {
  font-family: Matter;
}
.myc-accordion__accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myc-accordion__accordion-title span {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 100% */
}
.myc-accordion__accordion-content {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  color: #999;
}

:root {
  --divider-color:#E4E4E4;
}

/* Add your variable customizations of layout here */
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Light.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Light.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-LightItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-LightItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets//customers/assets/layout/fonts/matter/Matter-Regular.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Regular.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Medium.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Medium.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets//customers/assets/layout/fonts/matter/Matter-SemiBold.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBold.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Bold.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Bold.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Heavy.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Heavy.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
/* Menus */
/* Layout */
/* Topbar */
/* Home */
h1, h2, h3, h4, h5, h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

mark {
  background: #FFF8E1;
  padding: 0.25rem 0.4rem;
  border-radius: 5px;
  font-family: monospace;
}

blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90A4AE;
}

hr {
  border-top: solid #E4E4E4;
  border-width: 1px 0 0 0;
  margin: 1rem 0;
}

p {
  line-height: 1.5;
  margin: 0 !important;
}
p:last-child {
  margin-bottom: 0;
}

.loader {
  background: #fff;
  background: radial-gradient(#FFFFFF, #E8F1F8);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}

.loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}

.loader-line-wrap {
  animation: spin 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100px;
}

.loader-line {
  border: 4px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}

.loader-line-wrap:nth-child(1) {
  animation-delay: -50ms;
}

.loader-line-wrap:nth-child(2) {
  animation-delay: -100ms;
}

.loader-line-wrap:nth-child(3) {
  animation-delay: -150ms;
}

.loader-line-wrap:nth-child(4) {
  animation-delay: -200ms;
}

.loader-line-wrap:nth-child(5) {
  animation-delay: -250ms;
}

.loader-line-wrap:nth-child(1) .loader-line {
  border-color: #1B74C5;
  height: 90px;
  width: 90px;
  top: 7px;
}

.loader-line-wrap:nth-child(2) .loader-line {
  border-color: #448ACB;
  height: 76px;
  width: 76px;
  top: 14px;
}

.loader-line-wrap:nth-child(3) .loader-line {
  border-color: #6BB0E5;
  height: 62px;
  width: 62px;
  top: 21px;
}

.loader-line-wrap:nth-child(4) .loader-line {
  border-color: #9ED4F6;
  height: 48px;
  width: 48px;
  top: 28px;
}

.loader-line-wrap:nth-child(5) .loader-line {
  border-color: #CEEBFA;
  height: 34px;
  width: 34px;
  top: 35px;
}

@keyframes spin {
  0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes overlayEnter {
  from {
    opacity: 0;
    transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeinmask {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes modal-in {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.6);
  }
}
.modal-in {
  animation-name: modal-in;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes changeDropzoneColor {
  0% {
    border-color: #DEE2E6;
  }
  50% {
    border-color: #616161;
  }
  100% {
    border-color: #DEE2E6;
  }
}
.anim-spin {
  animation: spin 4s infinite linear;
}

/* Utils */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

*[hidden] {
  display: none;
}

.p-lh {
  line-height: 1.5;
}

.card {
  background-color: #ffffff;
  padding: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.card:last-child {
  margin-bottom: 0;
}
.card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {
  margin: 0;
}
.card .card-subtitle {
  color: #616161;
  font-weight: 600;
  margin: -1rem 0 1rem 0;
}

.p-toast.p-toast-top-right, .p-toast.p-toast-top-left, .p-toast.p-toast-top-center {
  top: 85px;
}

body .p-overlay-badge {
  position: relative;
}
body .p-overlay-badge .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
  margin: 0;
}

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

.width-100 {
  width: 100% !important;
}

.fs-xsmall {
  font-size: 0.715rem !important;
}

.fs-small {
  font-size: 0.858rem !important;
}

.fs-normal {
  font-size: 1rem !important;
}

.fs-large {
  font-size: 1.5rem !important;
}

.fs-xlarge {
  font-size: 2rem !important;
}

.fs-xxlarge {
  font-size: 3rem !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.rounded-small {
  border-radius: 2px !important;
}

.rounded-normal {
  border-radius: 4px !important;
}

.rounded-large {
  border-radius: 6px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-none {
  border-radius: 0 !important;
}

.divider-top {
  border-top: 1px solid #E4E4E4 !important;
}

.divider-bottom {
  border-bottom: 1px solid #E4E4E4 !important;
}

.divider-left {
  border-left: 1px solid #E4E4E4 !important;
}

.divider-right {
  border-right: 1px solid #E4E4E4 !important;
}

.muted-text {
  color: #616161 !important;
}

.text-color {
  color: #3a3a3a !important;
}

.solid-surface-text-color {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff !important;
}

.dark-color {
  color: #212121 !important;
}

.pink-color {
  color: #e91e63 !important;
}

.indigo-color {
  color: #3f51b5 !important;
}

.yellow-color {
  color: #FFC107 !important;
}

.orange-color {
  color: #ff6b06 !important;
}

.teal-color {
  color: #009688 !important;
}

.cyan-color {
  color: #00bcd4 !important;
}

.bluegrey-color {
  color: #546E7A !important;
}

.purple-color {
  color: #673ab7 !important;
}

.deeppurple-color {
  color: #673AB7 !important;
}

.blue-color {
  color: #03a9f4 !important;
}

.lightblue-color {
  color: #03A9F4 !important;
}

.green-color {
  color: #4caf50 !important;
}

.lightgreen-color {
  color: #8BC34A !important;
}

.lime-color {
  color: #CDDC39 !important;
}

.deeporange-color {
  color: #FF5722 !important;
}

.brown-color {
  color: #795548 !important;
}

.content-bgcolor {
  background-color: #ffffff !important;
}

.content-alt-bgcolor {
  background-color: #ECEFF1 !important;
}

.pink-bgcolor {
  background-color: #e91e63 !important;
}

.indigo-bgcolor {
  background-color: #3f51b5 !important;
}

.yellow-bgcolor {
  background-color: #FFC107 !important;
}

.orange-bgcolor {
  background-color: #ff6b06 !important;
}

.teal-bgcolor {
  background-color: #009688 !important;
}

.cyan-bgcolor {
  background-color: #00bcd4 !important;
}

.bluegrey-bgcolor {
  background-color: #546E7A !important;
}

.purple-bgcolor {
  background-color: #673ab7 !important;
}

.deeppurple-bgcolor {
  background-color: #673AB7 !important;
}

.blue-bgcolor {
  background-color: #03a9f4 !important;
}

.lightblue-bgcolor {
  background-color: #03A9F4 !important;
}

.green-bgcolor {
  background-color: #4caf50 !important;
}

.lightgreen-bgcolor {
  background-color: #8BC34A !important;
}

.lime-bgcolor {
  background-color: #CDDC39 !important;
}

.deeporange-bgcolor {
  background-color: #FF5722 !important;
}

.brown-bgcolor {
  background-color: #795548 !important;
}

.badge-dot {
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  padding: 0;
}

.gp-15 {
  gap: 15px;
}

.minhaconta-container {
  display: flex;
  justify-content: center;
  margin-left: 2rem;
}
.minhaconta-container .minhaconta-coluna {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .minhaconta-container .minhaconta-coluna {
    width: 100%;
    flex: 0 0 auto;
  }
}

.alterar-plano-container {
  flex-direction: column;
  margin-top: 2rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  padding: 0;
}
.alterar-plano-container .p-tabview .p-tabview-nav {
  justify-content: center;
  background-color: #fff !important;
  border: none !important;
}
@media screen and (max-width: 620px) {
  .alterar-plano-container {
    flex-direction: row;
    justify-content: center;
  }
}
.alterar-plano-container h3.todos-nossos-planos {
  color: #000;
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 425px) {
  .alterar-plano-container h3.todos-nossos-planos {
    font-size: 16px;
  }
}
.alterar-plano-container ul.detalhes-plano {
  list-style: none;
  text-align: center;
  padding: 0;
}
.alterar-plano-container ul.detalhes-plano li {
  padding: 0;
  font-size: 16px;
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: center;
}
.alterar-plano-container ul.detalhes-plano img {
  padding: 0 15px;
}
.alterar-plano-container .card {
  justify-content: space-around !important;
  display: flex !important;
  flex-direction: column;
  min-height: 768px;
}
.alterar-plano-container .alterar-plano-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  align-items: flex-start;
  justify-content: center;
}
.alterar-plano-container .alterar-plano-content .alterar-plano-coluna {
  margin: 1rem;
}
.alterar-plano-container .alterar-plano-content .container-plano h2 {
  color: #FF6B06;
  font-size: 61.5px !important;
  font-weight: 700 !important;
  text-align: center;
  min-width: 250px;
}
.alterar-plano-container .alterar-plano-content .container-plano h3.nome-plano {
  color: #FF6B06;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0;
}
.alterar-plano-container .alterar-plano-content .container-plano h3.valor-destaque {
  text-align: center;
  color: #FF6B06;
  font-weight: 700;
  font-size: 24px;
}
.alterar-plano-container .alterar-plano-content .container-plano h4 {
  color: #FF6B06;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.alterar-plano-container .alterar-plano-content .container-plano h5 {
  text-align: center;
}
.alterar-plano-container .alterar-plano-content .container-plano p {
  text-align: center;
  font-size: 14px;
}
.alterar-plano-container .alterar-plano-content .container-plano .valor-preco {
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 88px;
  padding: 10px 0;
}
.alterar-plano-container .alterar-plano-content .container-plano .hyperlink {
  color: #FF6B06;
  text-decoration: underline;
}
.alterar-plano-container .alterar-plano-content .container-plano .plano-atual {
  background: #FF6B06;
  position: relative;
  top: -2px;
  padding: 12px;
  border-radius: 0.6rem 0.6rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.alterar-plano-container .alterar-plano-content .container-plano .plano-atual span {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.alterar-plano-container .alterar-plano-content .container-plano.card {
  padding: 0;
  border: 1px solid #e0e0e0 !important;
  box-shadow: none;
  border-radius: 0.6rem;
  max-width: 430px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano {
  padding: 20px;
  min-height: 768px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .card-invext {
  border-radius: 8px;
  background: linear-gradient(90deg, #ff6b06 0%, #ffb800 100%);
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 414px;
  margin-top: 12px;
  margin-bottom: 10px;
  min-height: 85px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .card-invext p {
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  margin-bottom: 0;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .card-invext span {
  border-radius: 25px;
  background: #ff6b06;
  padding: 6px 10px;
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 106.667% */
  text-transform: uppercase;
  text-align: center;
  width: 142px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .lista-corretoras-exterior {
  margin-bottom: 22px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .lista-corretoras-exterior span {
  font-size: 11px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano {
  list-style: none;
  text-align: center;
  min-height: 330px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano li {
  padding: 10px 0;
  display: flex;
  min-width: 342px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano li p {
  font-size: 16px;
  text-align: left;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano li img {
  padding-right: 15px;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano li.descricao-plano {
  padding-top: 0 !important;
  display: flex;
  justify-content: center;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano ul.caracteristicas-plano li.descricao-plano p {
  font-weight: 600;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .destaque-plano {
  text-align: center;
  background: linear-gradient(0.25turn, #FF6B06, #ffb800);
  border-radius: 1.25rem;
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  padding: 2px;
  width: 150px;
  color: #000;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .myc-button.p-button-outlined,
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .myc-button.p-button {
  width: 100%;
}
.alterar-plano-container .alterar-plano-content .container-plano.card .info-plano .myc-button.p-button-outlined:hover {
  background-color: transparent !important;
}
.alterar-plano-container .alterar-plano-content .container-plano.card.card-destaque {
  border: 2px solid #FF6B06 !important;
  -webkit-box-shadow: 0 0 10px 0px rgba(255, 107, 6, 0.8);
  -moz-box-shadow: 0 0 10px 0px rgba(255, 107, 6, 0.8);
  box-shadow: 0 0 10px 0px rgba(255, 107, 6, 0.8);
}

.resumo-alteracao-container .resumo-alteracao-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
  margin-left: 0;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna .texto-cupom {
  min-width: 450px;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna .disclaimer-creditos {
  max-width: 450px;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna-cupom {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
  margin-left: 0;
  gap: 10px;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna-cupom .coluna-campo-cupom {
  min-width: 318px;
}
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-card {
  max-width: 455px;
}
@media (max-width: 620px) {
  .resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna-cupom .coluna-campo-cupom {
    min-width: 0;
  }
  .resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna .texto-cupom,
.resumo-alteracao-container .resumo-alteracao-content .resumo-alteracao-coluna .disclaimer-creditos {
    min-width: 340px;
  }
}
.resumo-alteracao-container h3.titulo-resumo-alteracao {
  color: #000;
  font-size: 20px;
  line-height: 21.6px;
  font-weight: 700;
  margin-bottom: 25px;
}
.resumo-alteracao-container .card-plano {
  border: 1px solid #e0e0e0;
  padding: 12px 16px 10px 16px;
  border-radius: 4px;
  text-align: center;
  width: 124px;
  height: 66px;
}
.resumo-alteracao-container .card-plano h3 {
  line-height: 16.5px;
  font-size: 18px;
  font-weight: 600;
  color: #ff6b06;
  margin-bottom: 0;
}
.resumo-alteracao-container .card-plano p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.resumo-alteracao-container .card-de-para {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 5px 30px;
}
.resumo-alteracao-container .card-de-para p {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-style: italic;
}
.resumo-alteracao-container .card-upgrade-plano {
  display: flex;
  background: linear-gradient(90deg, #F9E796 0%, #FFB209 100%);
  border-radius: 4px;
  gap: 10px;
  min-width: 450px;
  cursor: pointer;
}
.resumo-alteracao-container .card-upgrade-plano img {
  padding-right: 15px;
}
.resumo-alteracao-container .card-upgrade-plano .descricao-upgrade-plano {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.resumo-alteracao-container .card-upgrade-plano .descricao-upgrade-plano h5 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.resumo-alteracao-container .card-upgrade-plano .descricao-upgrade-plano h6 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.resumo-alteracao-container .card-upgrade-plano .descricao-upgrade-plano h6 span.destaque {
  color: #FF6B06;
  text-transform: uppercase;
  font-weight: 700 !important;
}
@media (max-width: 620px) {
  .resumo-alteracao-container .card-upgrade-plano {
    min-width: 340px;
  }
}
.resumo-alteracao-container .card-resumo-plano {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 12px 16px 12px 16px;
  min-width: 455px;
}
@media (max-width: 620px) {
  .resumo-alteracao-container .card-resumo-plano {
    min-width: 355px;
  }
}
.resumo-alteracao-container .card-resumo-plano h4 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.resumo-alteracao-container .card-resumo-plano ul.lista-resumo-alteracao {
  list-style: none;
  margin: 0;
  padding: 0;
}
.resumo-alteracao-container .card-resumo-plano ul.lista-resumo-alteracao li {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 15px;
}
.resumo-alteracao-container .card-resumo-plano ul.lista-resumo-alteracao li .cor-desconto {
  color: #ff6b06;
}
.resumo-alteracao-container .card-resumo-plano ul.lista-resumo-alteracao li .valor-total-a-pagar {
  font-weight: 700;
}
.resumo-alteracao-container .card-resumo-plano ul.lista-resumo-alteracao li i.pi.pi-info-circle {
  color: #999999;
}

.capitalize {
  text-transform: capitalize;
}

.hyperlink {
  color: #FF6B06;
}

.hyperlink:hover {
  text-decoration: underline;
}

.modal-selecao-container {
  max-width: 400px;
  min-width: 300px;
}

@keyframes showText {
  from {
    top: 12px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
.myc-wizard .wizard-anim {
  width: calc(100% + 65px);
  margin-left: -32px;
  margin-top: -22px;
  transition: all 600ms ease;
  max-height: 298px;
  overflow: hidden;
  margin-bottom: 32px;
}
.myc-wizard .anim-height {
  max-height: 300px;
  margin-bottom: 35px;
}
.myc-wizard .wizard-anim > img {
  width: 100%;
}
.myc-wizard .wizard-container {
  overflow: hidden;
}
.myc-wizard .myc-modalwizard .container {
  padding: 0.1rem 0;
}
.myc-wizard .wizard-text {
  position: relative;
  text-align: center;
  max-width: 550px;
  margin-inline: auto;
  animation-name: showText;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  line-height: 24px;
  font-size: 16px;
}
.myc-wizard .p-text-bold {
  color: #000;
}
.myc-wizard a {
  color: #ff8933;
  text-decoration: underline;
}
.myc-wizard .wizard-migracao-black {
  position: relative;
}
.myc-wizard .wizard-migracao-black-content {
  position: absolute;
  top: 55px;
  color: white;
  left: 45px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.myc-wizard .wizard-migracao-black-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.myc-wizard .wizard-migracao-black-subtitulo {
  color: #ff6b06;
  font-size: 20.16px;
  line-height: 24.2px;
  font-family: "Matter";
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.myc-wizard .wizard-migracao-black-titulo {
  font-family: "Matter";
  font-weight: 700;
  font-size: 33.6px;
  line-height: 40.33px;
  padding: 0;
  margin: 0;
}
.myc-wizard .wizard-migracao-black-descricao {
  font-family: "Matter";
  font-weight: 400;
  font-size: 20.16px;
  line-height: 24.2px;
}
.myc-wizard .wizard-migracao-black-descricao strong {
  font-weight: 700;
}
.myc-wizard .wizard-migracao-black-logo-mycapital {
  max-width: 142px;
  max-height: 24px;
}
.myc-wizard .wizard-migracao-black-texto strong {
  font-weight: 700;
  color: #000;
}
.myc-wizard .wizard-migracao-black-valor-destaque {
  color: #ff6b06 !important;
}
.myc-wizard .wizard-migracao-black .anim-height {
  margin-bottom: 25px;
}

.layout-wrapper.layout-rtl {
  direction: rtl;
}
.layout-wrapper.layout-rtl .menu-wrapper {
  left: auto;
  right: 0;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
  padding-left: 0;
  padding-right: 1rem;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .p-badge,
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler {
  margin-left: 0;
  margin-right: auto;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a {
  padding-left: 0.5rem;
  padding-right: 1.75rem;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a {
  padding-left: 0.5rem;
  padding-right: 2.625rem;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a {
  padding-left: 0.5rem;
  padding-right: 3.5rem;
}
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a {
  padding-left: 0.5rem;
  padding-right: 4.375rem;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button > i {
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  .layout-wrapper.layout-rtl.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    left: auto;
    right: 0;
  }
  .layout-wrapper.layout-rtl.layout-menu-overlay .menu-wrapper {
    transform: translate3d(17rem, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(0deg);
  }
  .layout-wrapper.layout-rtl.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    left: auto;
    right: 4.5rem;
  }
  .layout-wrapper.layout-rtl.layout-menu-slim.layout-wrapper .layout-main {
    margin-left: 0;
    margin-right: 4.5rem;
  }
  .layout-wrapper.layout-rtl.layout-menu-static .menu-wrapper {
    transform: translate3d(17rem, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-static .layout-main {
    transition: margin-right 0.2s;
  }
  .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(0deg);
  }
  .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-main {
    margin-left: 0;
    margin-right: 17rem;
  }
}
@media (max-width: 991px) {
  .layout-wrapper.layout-rtl .menu-wrapper {
    transform: translate3d(17rem, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-mobile-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(0deg);
  }
}

.layout-wrapper.layout-rtl {
  direction: rtl;
}
.layout-wrapper.layout-rtl .layout-topbar {
  left: auto;
  right: 0;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-logo {
  padding-right: 0;
  padding-left: 1.25rem;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button {
  left: auto;
  right: 15.75rem;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-mobile-button {
  margin: 0 auto 0 0.5rem;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right {
  padding-left: 0;
  padding-right: 2rem;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel {
  right: auto;
  left: 0;
}
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel {
  left: auto;
  right: 0;
}
@media (max-width: 991px) {
  .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel {
    left: 1rem;
    right: 1rem;
  }
  .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel {
    left: 1em;
    right: 1em;
  }
}

.layout-wrapper.layout-rtl .layout-megamenu.p-megamenu .p-menuitem-link .p-menuitem-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
.layout-wrapper.layout-rtl .layout-config-button.p-button {
  right: auto;
  left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.layout-wrapper.layout-rtl .layout-config-button.p-button .p-button-icon {
  font-size: 2rem;
}
.layout-wrapper.layout-rtl .widget-bestsellers > li .bestseller-item .item-button {
  margin-left: 0;
  margin-right: auto;
}
.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-left-width: 0;
}
.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.layout-topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 4rem;
  transition: width 0.2s;
  display: flex;
}
.layout-topbar ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.layout-topbar .layout-topbar-left {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.layout-topbar .layout-topbar-left .layout-topbar-logo {
  width: 17rem;
  height: 100%;
  padding-right: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-topbar .layout-topbar-left .layout-menu-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15.75rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.layout-topbar .layout-topbar-left .layout-menu-button i {
  transition: transform 0.2s;
}
.layout-topbar .layout-topbar-left .layout-topbar-mobile-button {
  display: none;
  align-items: center;
  padding: 0 0.8rem;
  margin: 0 0.5rem 0 auto;
  border-radius: 50%;
  height: 3.2rem;
  cursor: pointer;
}
.layout-topbar .layout-topbar-right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding-left: 2rem;
  height: 100%;
}
@media (min-width: 991px) {
  .layout-topbar .layout-topbar-right {
    padding-left: 0;
  }
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-left {
  display: flex;
  align-items: center;
  height: 100%;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right {
  height: 100%;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item {
  display: flex;
  align-items: center;
  position: relative;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action {
  user-select: none;
  padding: 0 0.8rem;
  margin: 0 0.4rem;
  border-radius: 4px;
  height: 3.2rem;
  min-width: 3.2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel {
  position: absolute;
  top: 4rem;
  right: 0;
  z-index: 1000;
  min-width: 25rem;
  padding: 1rem 0;
  transform-origin: top;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item {
  cursor: pointer;
  padding: 1rem;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel {
  height: 4rem;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transform-origin: top;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  border-radius: 0;
  border: 0 none;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus {
  outline: 0 none;
  box-shadow: none;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i {
  font-weight: bold;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon {
  border: 0 none;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (max-width: 991px) {
  .layout-topbar {
    height: auto;
    display: flex;
    align-items: center;
  }
  .layout-topbar .layout-topbar-left {
    height: 100%;
    width: 100%;
    justify-content: flex-start;
  }
  .layout-topbar .layout-topbar-left .layout-topbar-mobile-button {
    display: flex;
  }
  .layout-topbar .layout-topbar-right {
    display: none;
    flex-direction: column-reverse;
    padding: 0;
    position: relative;
    transform-origin: top;
    animation-name: overlayEnter;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-duration: 0.12s;
  }
  .layout-topbar .layout-topbar-right.layout-topbar-mobile-active {
    display: flex;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-left {
    height: 4rem;
    display: flex;
    justify-content: space-between;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel {
    position: fixed;
    left: 1rem;
    right: 1rem;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid {
    flex-wrap: wrap;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid > [class*=p-megamenu-col-] {
    flex: 1 1 auto;
    width: auto;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid .p-megamenu-submenu {
    width: auto;
    min-width: 12.5rem;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
    height: 4rem;
    width: 100%;
    position: absolute;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items {
    width: 100%;
    justify-content: space-between;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel {
    position: fixed;
    top: 8rem;
    left: 1em;
    right: 1em;
  }
}
@media (min-width: 992px) {
  .layout-menu-horizontal .layout-topbar .layout-topbar-left .layout-menu-button,
.layout-menu-slim .layout-topbar .layout-topbar-left .layout-menu-button {
    display: none;
  }
}
@media (max-width: 500px) {
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
    flex-direction: column;
    align-items: flex-end;
    bottom: 0;
    height: 4.7rem;
  }

  body .layout-topbar .layout-topbar-left {
    padding-left: 0;
  }

  .layout-topbar-item {
    padding: 0;
  }
  .layout-topbar-item .redirecionamento-interface-antiga-mobile {
    display: inline;
    margin: 0;
    height: auto;
    background: none;
    border: solid 2px #FF8F00;
    border-radius: 6px;
    color: #FF8F00;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
  }
  .layout-topbar-item .redirecionamento-interface-antiga-mobile:hover {
    cursor: pointer;
  }
}
@media (min-width: 501px) {
  .redirecionamento-interface-antiga-mobile {
    display: none;
  }
}
.layout-topbar-blue {
  --topbar-bg-color:#1565C0;
  --topbar-text-color: #ffffff;
}
.layout-topbar-blue .layout-topbar {
  color: #ffffff;
  background-color: #1565C0;
}
.layout-topbar-blue .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-blue .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-left {
  background-color: #0D47A1;
}
.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #FBC02D;
}
.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #FBC02D;
  transition: background-color 0.2s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-lightblue {
  --topbar-bg-color:#0288D1;
  --topbar-text-color: #ffffff;
}
.layout-topbar-lightblue .layout-topbar {
  color: #ffffff;
  background-color: #0288D1;
}
.layout-topbar-lightblue .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-lightblue .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-left {
  background-color: #0277BD;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #FDD835;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #FDD835;
  transition: background-color 0.2s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-white {
  --topbar-bg-color:#ffffff;
  --topbar-text-color: #616161;
}
.layout-topbar-white .layout-topbar {
  color: #616161;
  background-color: #ffffff;
}
.layout-topbar-white .layout-topbar a {
  color: #616161;
}
.layout-topbar-white .layout-topbar a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-white .layout-topbar .layout-topbar-left {
  background-color: #ffffff;
}
.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #ffffff;
}
.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #ffffff;
  transition: background-color 0.2s;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #616161;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-dark {
  --topbar-bg-color:#1e1e1e;
  --topbar-text-color: #ffffff;
}
.layout-topbar-dark .layout-topbar {
  color: #ffffff;
  background-color: #1e1e1e;
}
.layout-topbar-dark .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-dark .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-left {
  background-color: #1e1e1e;
}
.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #E91E63;
}
.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #E91E63;
  transition: background-color 0.2s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-deeppurple {
  --topbar-bg-color:#4527A0;
  --topbar-text-color: #ffffff;
}
.layout-topbar-deeppurple .layout-topbar {
  color: #ffffff;
  background-color: #4527A0;
}
.layout-topbar-deeppurple .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-deeppurple .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-left {
  background-color: #311B92;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #F9A825;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F9A825;
  transition: background-color 0.2s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-purple {
  --topbar-bg-color:#6A1B9A;
  --topbar-text-color: #ffffff;
}
.layout-topbar-purple .layout-topbar {
  color: #ffffff;
  background-color: #6A1B9A;
}
.layout-topbar-purple .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-purple .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-left {
  background-color: #4A148C;
}
.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #F9A825;
}
.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F9A825;
  transition: background-color 0.2s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-pink {
  --topbar-bg-color:#AD1457;
  --topbar-text-color: #ffffff;
}
.layout-topbar-pink .layout-topbar {
  color: #ffffff;
  background-color: #AD1457;
}
.layout-topbar-pink .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-pink .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-left {
  background-color: #880E4F;
}
.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #F9A825;
}
.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F9A825;
  transition: background-color 0.2s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-cyan {
  --topbar-bg-color:#0097A7;
  --topbar-text-color: #ffffff;
}
.layout-topbar-cyan .layout-topbar {
  color: #ffffff;
  background-color: #0097A7;
}
.layout-topbar-cyan .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-cyan .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-left {
  background-color: #006064;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #E64A19;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #E64A19;
  transition: background-color 0.2s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-teal {
  --topbar-bg-color:#00796B;
  --topbar-text-color: #ffffff;
}
.layout-topbar-teal .layout-topbar {
  color: #ffffff;
  background-color: #00796B;
}
.layout-topbar-teal .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-teal .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-left {
  background-color: #004D40;
}
.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #D32F2F;
}
.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #D32F2F;
  transition: background-color 0.2s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-green {
  --topbar-bg-color:#43A047;
  --topbar-text-color: #ffffff;
}
.layout-topbar-green .layout-topbar {
  color: #ffffff;
  background-color: #43A047;
}
.layout-topbar-green .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-green .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-green .layout-topbar .layout-topbar-left {
  background-color: #2E7D32;
}
.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #F4511E;
}
.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F4511E;
  transition: background-color 0.2s;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-lightgreen {
  --topbar-bg-color:#689F38;
  --topbar-text-color: #ffffff;
}
.layout-topbar-lightgreen .layout-topbar {
  color: #ffffff;
  background-color: #689F38;
}
.layout-topbar-lightgreen .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-lightgreen .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-left {
  background-color: #558B2F;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #F57C00;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F57C00;
  transition: background-color 0.2s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-lime {
  --topbar-bg-color:#AFB42B;
  --topbar-text-color: #212121;
}
.layout-topbar-lime .layout-topbar {
  color: #212121;
  background-color: #AFB42B;
}
.layout-topbar-lime .layout-topbar a {
  color: #212121;
}
.layout-topbar-lime .layout-topbar a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-left {
  background-color: #9E9D24;
}
.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #F57C00;
}
.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F57C00;
  transition: background-color 0.2s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #212121;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-yellow {
  --topbar-bg-color:#FBC02D;
  --topbar-text-color: #212121;
}
.layout-topbar-yellow .layout-topbar {
  color: #212121;
  background-color: #FBC02D;
}
.layout-topbar-yellow .layout-topbar a {
  color: #212121;
}
.layout-topbar-yellow .layout-topbar a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-left {
  background-color: #F9A825;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #212121;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #212121;
  transition: background-color 0.2s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #212121;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-amber {
  --topbar-bg-color:#FFA000;
  --topbar-text-color: #212121;
}
.layout-topbar-amber .layout-topbar {
  color: #212121;
  background-color: #FFA000;
}
.layout-topbar-amber .layout-topbar a {
  color: #212121;
}
.layout-topbar-amber .layout-topbar a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-left {
  background-color: #ff6b06;
}
.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #212121;
}
.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #212121;
  transition: background-color 0.2s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #212121;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-orange {
  --topbar-bg-color:#FB8C00;
  --topbar-text-color: #212121;
}
.layout-topbar-orange .layout-topbar {
  color: #212121;
  background-color: #FB8C00;
}
.layout-topbar-orange .layout-topbar a {
  color: #212121;
}
.layout-topbar-orange .layout-topbar a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-left {
  background-color: #EF6C00;
}
.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #212121;
}
.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #212121;
  transition: background-color 0.2s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #212121;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-deeporange {
  --topbar-bg-color:#D84315;
  --topbar-text-color: #ffffff;
}
.layout-topbar-deeporange .layout-topbar {
  color: #ffffff;
  background-color: #D84315;
}
.layout-topbar-deeporange .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-deeporange .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-left {
  background-color: #BF360C;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #00BCD4;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #00BCD4;
  transition: background-color 0.2s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-brown {
  --topbar-bg-color:#5D4037;
  --topbar-text-color: #ffffff;
}
.layout-topbar-brown .layout-topbar {
  color: #ffffff;
  background-color: #5D4037;
}
.layout-topbar-brown .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-brown .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-left {
  background-color: #4E342E;
}
.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #212121;
  background-color: #F9A825;
}
.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #F9A825;
  transition: background-color 0.2s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-grey {
  --topbar-bg-color:#616161;
  --topbar-text-color: #ffffff;
}
.layout-topbar-grey .layout-topbar {
  color: #ffffff;
  background-color: #616161;
}
.layout-topbar-grey .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-grey .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-left {
  background-color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #0097A7;
}
.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #0097A7;
  transition: background-color 0.2s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-bluegrey {
  --topbar-bg-color:#546E7A;
  --topbar-text-color: #ffffff;
}
.layout-topbar-bluegrey .layout-topbar {
  color: #ffffff;
  background-color: #546E7A;
}
.layout-topbar-bluegrey .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-bluegrey .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-left {
  background-color: #37474F;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #0097A7;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #0097A7;
  transition: background-color 0.2s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-indigo {
  --topbar-bg-color:#3F51B5;
  --topbar-text-color: #ffffff;
}
.layout-topbar-indigo .layout-topbar {
  color: #ffffff;
  background-color: #3F51B5;
}
.layout-topbar-indigo .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-indigo .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-left {
  background-color: #283593;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #E91E63;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #E91E63;
  transition: background-color 0.2s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-tema {
  --topbar-bg-color:#27317d;
  --topbar-text-color: #ffffff;
}
.layout-topbar-tema .layout-topbar {
  color: #ffffff;
  background-color: #27317d;
}
.layout-topbar-tema .layout-topbar a {
  color: #ffffff;
}
.layout-topbar-tema .layout-topbar a:hover {
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-left {
  background-color: #2d3a9e;
}
.layout-topbar-tema .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #ffffff86;
}
.layout-topbar-tema .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #ffffff86;
  transition: background-color 0.2s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #ffffff;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-customers {
  --topbar-bg-color:#f7f7f7;
  --topbar-text-color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar {
  color: #3a3a3a;
  background-color: #f7f7f7;
}
.layout-topbar-customers .layout-topbar a {
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar a:hover {
  background-color: transparent;
  transition: background-color 0.2s;
}
.layout-topbar-customers .layout-topbar .layout-topbar-left {
  background-color: #ffffff;
}
.layout-topbar-customers .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff;
  background-color: #7ea5ba;
}
.layout-topbar-customers .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #7ea5ba;
  transition: background-color 0.2s;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: transparent;
  transition: background-color 0.2s;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-customers .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-santander {
  --topbar-bg-color:#F0F0F2 !important;
  --topbar-text-color: #3a3a3a !important;
}
.layout-topbar-santander .layout-topbar {
  color: #3a3a3a !important;
  background-color: #F0F0F2 !important;
}
.layout-topbar-santander .layout-topbar a {
  color: #3a3a3a !important;
}
.layout-topbar-santander .layout-topbar a:hover {
  background-color: #e6e6e6 !important;
  transition: background-color 0.2s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-left {
  background-color: #F0F0F2 !important;
}
.layout-topbar-santander .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff !important;
  background-color: #EC0000 !important;
}
.layout-topbar-santander .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #EC0000 !important;
  transition: background-color 0.2s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #3a3a3a !important;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e6e6e6 !important;
  transition: background-color 0.2s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-topbar-modal {
  --topbar-bg-color:#F0F0F2 !important;
  --topbar-text-color: #3a3a3a !important;
}
.layout-topbar-modal .layout-topbar {
  color: #3a3a3a !important;
  background-color: #F0F0F2 !important;
}
.layout-topbar-modal .layout-topbar a {
  color: #3a3a3a !important;
}
.layout-topbar-modal .layout-topbar a:hover {
  background-color: #e6e6e6 !important;
  transition: background-color 0.2s;
}
.layout-topbar-modal .layout-topbar .layout-topbar-left {
  background-color: #F0F0F2 !important;
}
.layout-topbar-modal .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff !important;
  background-color: #00868B !important;
}
.layout-topbar-modal .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #00868B !important;
  transition: background-color 0.2s;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #3a3a3a !important;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e6e6e6 !important;
  transition: background-color 0.2s;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover {
  background-color: transparent;
  transition: none;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child {
  background-color: #f7f7f7;
  color: #3a3a3a;
}
.layout-topbar-modal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text {
  color: #3a3a3a;
}

.layout-rightmenu.p-sidebar {
  top: 4rem;
  height: calc(100% - 4rem);
  overflow: auto;
  transition: transform 0.2s;
}
.layout-rightmenu .online-members img:hover {
  cursor: pointer;
}
.layout-rightmenu .next-events li {
  border-radius: 5px;
}
.layout-rightmenu .next-events li:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}

@media (max-width: 991px) {
  .layout-wrapper.layout-topbar-mobile-active .layout-rightmenu {
    top: 12rem;
    height: calc(100% - 12rem);
  }
}
.menu-wrapper {
  height: calc(100% - 4rem);
  width: 17rem;
  position: fixed;
  left: 0;
  top: 4rem;
  z-index: 997;
  transform: none;
}
.menu-wrapper ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.menu-wrapper .layout-menu-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.menu-wrapper .layout-menu-container app-menu {
  overflow-y: auto;
}
.menu-wrapper .layout-menu-container .layout-menu {
  padding-bottom: 2rem;
}
.menu-wrapper .layout-menu-container .layout-menu li {
  border-radius: 4px;
}
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a {
  display: none;
}
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text {
  font-size: 0.857rem;
  font-weight: 600;
  text-transform: uppercase;
}
.menu-wrapper .layout-menu-container .layout-menu li > a {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s, color 0.2s;
}
.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text {
  margin-left: 0.75rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge {
  margin-left: auto;
  min-width: 1.143rem;
  height: 1.143rem;
  line-height: 1.143rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler {
  margin-left: auto;
}
.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon .layout-menuitem-icon {
  transform: rotate(90deg);
}
.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge + .layout-submenu-toggler {
  margin-left: 0.5rem;
}
.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler {
  transition: all 0.2s;
  transform: rotate(-180deg);
}
.menu-wrapper .layout-menu-container .layout-menu li > ul {
  padding: 0 0.5rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li ul {
  padding: 0 0 0.25rem;
  overflow: hidden;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li {
  margin-top: 0.2rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a {
  display: flex;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a {
  padding-left: 1.75rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a {
  padding-left: 2.625rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a {
  padding-left: 3.5rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a {
  padding-left: 4.375rem;
}

@media (min-width: 992px) {
  .layout-menu-static .menu-wrapper {
    transform: translate3d(-17rem, 0px, 0px);
    transition: transform 0.2s;
  }
  .layout-menu-static .layout-main {
    transition: margin-left 0.2s;
  }
  .layout-menu-static.layout-menu-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(180deg);
  }
}
@media (min-width: 992px) {
  .layout-menu-overlay .menu-wrapper {
    transform: translate3d(-17rem, 0px, 0px);
    transition: transform 0.2s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  .layout-menu-overlay.layout-menu-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(180deg);
  }
  .layout-menu-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
    display: flex;
  }
}
@media (min-width: 992px) {
  .layout-menu-horizontal .menu-wrapper {
    width: 100%;
    height: 3rem;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container {
    flex-direction: row;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container app-menu {
    overflow-y: visible;
    flex-grow: 1;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    margin: 0px 1rem;
    padding-bottom: 0px;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li {
    position: relative;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a {
    margin-right: 1rem;
    display: flex;
    align-items: center;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div {
    display: none;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    display: none;
    position: absolute;
    top: 2.75rem;
    left: 0px;
    z-index: 100;
    padding: 0.5rem;
    overflow: auto;
    max-height: 32rem;
    min-width: 16rem;
    border-radius: 5px;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul {
    display: block;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu {
    border: 0 none;
  }
  .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu > .layout-inline-menu-action {
    height: 3rem;
  }
  .layout-menu-horizontal.layout-wrapper .layout-main {
    padding-top: 7rem;
  }
}
@media (min-width: 992px) {
  .layout-menu-slim .menu-wrapper {
    width: 4.5rem;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container app-menu {
    overflow-y: visible;
    flex-grow: 1;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu {
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li {
    position: relative;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a {
    display: flex;
    justify-content: center;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i {
    font-size: 1.5rem;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-submenu-toggler,
.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-text {
    display: none;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div {
    display: none;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 4.5rem;
    z-index: 100;
    padding: 0.5rem;
    overflow: auto;
    max-height: 32rem;
    min-width: 16.5rem;
    border-radius: 2px;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul {
    display: block;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu {
    height: 100%;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
    padding: 0;
  }
  .layout-menu-slim.layout-wrapper .layout-main {
    margin-left: 4.5rem;
  }
}
.menu-wrapper .layout-inline-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-width: 1px 0 1px 0;
  border-style: solid;
}
.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon {
  transform: rotate(-180deg);
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action {
  cursor: pointer;
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel {
  padding: 0 0.5rem;
  transform-origin: top;
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  margin-top: 0.2rem;
  border-radius: 5px;
  transition: all 0.2s;
  cursor: pointer;
  user-select: none;
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child {
  margin-bottom: 0.5rem;
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a {
  padding: 0.75rem;
}
.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i {
  margin-right: 0.75rem;
}

@media (max-width: 991px) {
  .layout-wrapper .menu-wrapper {
    top: 4rem;
    height: calc(100% - 4rem);
    transform: translate3d(-17rem, 0px, 0px);
    transition: transform 0.2s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  .layout-wrapper.layout-topbar-mobile-active .menu-wrapper {
    top: 12rem;
    height: calc(100% - 12rem);
  }
  .layout-wrapper.layout-menu-mobile-active {
    overflow: hidden;
    height: 100vh;
  }
  .layout-wrapper.layout-menu-mobile-active .menu-wrapper {
    transform: translate3d(0px, 0px, 0px);
  }
  .layout-wrapper.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i {
    transform: rotate(180deg);
  }
  .layout-wrapper.layout-menu-mobile-active .layout-mask {
    display: block;
  }
}
.layout-menu-light {
  --menu-bg-color:#FDFEFF;
  --menu-text-color: #657380;
}
.layout-menu-light .menu-wrapper {
  background-color: #FDFEFF;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #657380;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #FDFEFF;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #515C66;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #515C66;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: var(--primary-lightest-color);
  color: var(--primary-menu-text-color);
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: var(--primary-menu-text-color);
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: #e4e4e4;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #515C66;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #515C66;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #515C66;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #FDFEFF;
}
.layout-menu-light .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-light .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-light.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-light.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-dark {
  --menu-bg-color:#1e1e1e;
  --menu-text-color: rgba(255, 255, 255, 0.6);
}
.layout-menu-dark .menu-wrapper {
  background-color: #1e1e1e;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #1e1e1e;
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.87);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #1e1e1e;
}
.layout-menu-dark .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-dark .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-dark.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-dark.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-dark.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-indigo {
  --menu-bg-color:#1A237E;
  --menu-text-color: #ffffff;
}
.layout-menu-indigo .menu-wrapper {
  background-color: #1A237E;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #1A237E;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #1A237E;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-indigo .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-indigo.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-indigo.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-indigo.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-bluegrey {
  --menu-bg-color:#37474F;
  --menu-text-color: #ffffff;
}
.layout-menu-bluegrey .menu-wrapper {
  background-color: #37474F;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #37474F;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #37474F;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-bluegrey.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-bluegrey.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-bluegrey.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-brown {
  --menu-bg-color:#4E342E;
  --menu-text-color: #ffffff;
}
.layout-menu-brown .menu-wrapper {
  background-color: #4E342E;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #4E342E;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #4E342E;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-brown .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-brown .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-brown.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-brown.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-brown.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-cyan {
  --menu-bg-color:#006064;
  --menu-text-color: #ffffff;
}
.layout-menu-cyan .menu-wrapper {
  background-color: #006064;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #006064;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #006064;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-cyan .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-cyan.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-cyan.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-cyan.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-green {
  --menu-bg-color:#2E7D32;
  --menu-text-color: #ffffff;
}
.layout-menu-green .menu-wrapper {
  background-color: #2E7D32;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #2E7D32;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #2E7D32;
}
.layout-menu-green .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-green .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-green .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-green .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-green.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-green.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-green.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-deeppurple {
  --menu-bg-color:#4527A0;
  --menu-text-color: #ffffff;
}
.layout-menu-deeppurple .menu-wrapper {
  background-color: #4527A0;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #4527A0;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #4527A0;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-deeppurple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeppurple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-deeppurple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-deeporange {
  --menu-bg-color:#BF360C;
  --menu-text-color: #ffffff;
}
.layout-menu-deeporange .menu-wrapper {
  background-color: #BF360C;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #BF360C;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #BF360C;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-deeporange.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeporange.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-deeporange.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-pink {
  --menu-bg-color:#880E4F;
  --menu-text-color: #ffffff;
}
.layout-menu-pink .menu-wrapper {
  background-color: #880E4F;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #880E4F;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #880E4F;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-pink .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-pink .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-pink.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-pink.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-pink.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-purple {
  --menu-bg-color:#6A1B9A;
  --menu-text-color: #ffffff;
}
.layout-menu-purple .menu-wrapper {
  background-color: #6A1B9A;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #6A1B9A;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #6A1B9A;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-purple .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-purple .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-purple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-purple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-purple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-teal {
  --menu-bg-color:#00695C;
  --menu-text-color: #ffffff;
}
.layout-menu-teal .menu-wrapper {
  background-color: #00695C;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #ffffff;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #00695C;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: rgba(255, 255, 255, 0.6);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #00695C;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-teal .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-teal .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-teal.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-teal.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-teal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-tema {
  --menu-bg-color:#FDFEFF;
  --menu-text-color: #657380;
}
.layout-menu-tema .menu-wrapper {
  background-color: #FDFEFF;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #657380;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #FDFEFF;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #515C66;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #515C66;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #27317d;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #27317d;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #515C66;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #515C66;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #515C66;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #FDFEFF;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-tema .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-tema.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-tema.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-tema.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-customers {
  --menu-bg-color:#FDFEFF;
  --menu-text-color: #3a3a3a;
}
.layout-menu-customers .menu-wrapper {
  background-color: #FDFEFF;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #3a3a3a;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #FDFEFF;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #515C66;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #515C66;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ff6b06;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ff6b06;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #515C66;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #515C66;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #515C66;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #FDFEFF;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-customers .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-customers .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-customers .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-customers.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-customers.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-customers.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-santander {
  --menu-bg-color:#F0F0F2 !important;
  --menu-text-color: #595959 !important;
}
.layout-menu-santander .menu-wrapper {
  background-color: #F0F0F2 !important;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #F0F0F2 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: #EC0000 !important;
  color: #ffffff !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24) !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #595959 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #F0F0F2 !important;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-santander .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-santander .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-santander .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-santander.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-santander.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-santander.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-menu-modal {
  --menu-bg-color:#F0F0F2 !important;
  --menu-text-color: #595959 !important;
}
.layout-menu-modal .menu-wrapper {
  background-color: #F0F0F2 !important;
  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #F0F0F2 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: #00868B !important;
  color: #ffffff !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24) !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #595959 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #F0F0F2 !important;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .menu-lateral-lista, .layout-menu-modal .menu-wrapper .layout-menu-container .layout-menu, .layout-menu-modal .menu-wrapper .layout-menu-container .layout-root-menuitem {
  height: 100%;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-root-menuitem > ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.layout-menu-modal .menu-wrapper .layout-menu-container .layout-root-menuitem > ul .botao-expandir {
  margin-top: auto;
}
@media (min-width: 992px) {
  .layout-menu-modal.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-modal.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-menu-modal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
}

.layout-megamenu.p-megamenu {
  border: 0 none;
  padding: 0;
}

.p-datatable-products .p-datatable-tbody > tr > td .p-column-title {
  display: none;
}

@media (max-width: 991px) {
  .p-datatable.p-datatable-products .p-datatable-thead > tr > th,
.p-datatable.p-datatable-products .p-datatable-tfoot > tr > td {
    display: none !important;
  }
  .p-datatable.p-datatable-products .p-datatable-tbody > tr {
    border-bottom: 1px solid var(--surface-d);
  }
  .p-datatable.p-datatable-products .p-datatable-tbody > tr > td {
    text-align: left;
    display: flex;
    border: 0 none !important;
    width: 100% !important;
    border: 0 none;
    align-items: center;
  }
  .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title {
    min-width: 30%;
    display: block;
    font-weight: bold;
  }

  .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td {
    text-align: right;
    float: right;
    clear: right;
  }
  .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title {
    margin: -0.4rem -0.4rem -0.4rem 1rem;
  }
}
.pages-body {
  height: 100vh;
}
.pages-body .topbar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #1565C0;
  z-index: 100;
}
.pages-body .topbar .topbar-left img {
  height: 2rem;
}
.pages-body .topbar .p-button.p-button-text.p-button-plain {
  color: #ffffff;
}
.pages-body .pages-panel {
  text-align: center;
  z-index: 200;
}
.pages-body .pages-panel.card {
  border: 1.5px solid #E4E4E4;
  border-radius: 6px;
}
.pages-body .pages-panel.card img {
  width: 100%;
}
.pages-body .pages-panel.card > .card {
  background-color: #ECEFF1;
}
.pages-body .pages-panel .pages-header {
  margin-top: -3rem;
  color: var(--primary-color-text);
  border: 1.5px solid #E4E4E4;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
}
.pages-body .pages-panel .pages-header h2 {
  margin: 0;
}
.pages-body .pages-panel .pages-detail {
  color: #616161;
}
.pages-body.login-page {
  background: url("../images/pages/login-bg.jpg");
  background-size: cover;
}
.pages-body.login-page .pages-panel .pages-header {
  background: #0097A7;
}
.pages-body.login-page .pages-panel .input-panel {
  width: 100%;
}
.pages-body.login-page .pages-panel .input-panel .p-inputtext {
  width: 100%;
}
.pages-body.login-page .pages-panel .login-button > * {
  width: 100%;
}
.pages-body.contact-page .map iframe {
  border: 0;
  position: absolute;
  float: left;
  clear: both;
  width: 100%;
  height: 45vh;
  z-index: 0;
  opacity: 0.5;
}
.pages-body.contact-page .map span {
  position: absolute;
  float: left;
  clear: both;
  width: 100%;
  height: 45vh;
  z-index: -1;
  background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%);
}
.pages-body.contact-page i {
  color: white;
}
.pages-body.contact-page .pages-panel {
  text-align: left;
  width: 75%;
  max-width: 1050px;
  margin: auto;
  position: absolute;
  top: 33%;
  left: 0;
  right: 0;
}
.pages-body.contact-page .pages-panel .title {
  font-weight: 500;
  margin-bottom: 0;
}
.pages-body.contact-page .pages-panel .card .contact-input {
  width: 100%;
}
.pages-body.contact-page .pages-panel .card .right-panel i {
  font-size: 2rem;
  padding: 0.5rem;
  border-radius: 4px;
}
.pages-body.contact-page .pages-panel .card .right-panel i.pi-home {
  color: #1565C0;
  background: #BBDEFB;
  background-size: auto;
}
.pages-body.contact-page .pages-panel .card .right-panel i.pi-briefcase {
  color: #00838f;
  background: #B2DFDB;
  background-size: auto;
}
.pages-body.error-page {
  background: url("../images/pages/error-bg.jpg");
  background-size: cover;
}
.pages-body.error-page .pages-panel .pages-header {
  background: #D81B60;
}
.pages-body.notfound-page {
  background: url("../images/pages/404-bg.jpg");
  background-size: cover;
}
.pages-body.notfound-page .pages-panel .pages-header {
  background: #455A64;
}
.pages-body.accessdenied-page {
  background: url("../images/pages/accessDenied-bg.jpg");
  background-size: cover;
}
.pages-body.accessdenied-page .pages-panel .pages-header {
  background: #FB8C00;
}

@media screen and (max-width: 768px) {
  .pages-body.contact-page .pages-panel {
    padding-bottom: 10em;
  }
  .pages-body.contact-page .pages-panel .p-button {
    width: 100%;
  }
  .pages-body.contact-page .pages-panel .card .right-panel {
    text-align: center;
  }
}
.landing-container .landing-color-button {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 9999;
}
.landing-container h1, .landing-container h2, .landing-container h3, .landing-container h4, .landing-container h5, .landing-container h6 {
  font-weight: 400;
}
.landing-container ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.landing-container .section {
  padding: 2rem 15rem;
}
.landing-container #header {
  width: 100%;
  min-height: 400px;
  background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7;
  background-size: cover;
}
.landing-container #header .header-menu-container a {
  color: #ffffff;
  cursor: pointer;
}
.landing-container #header .header-menu-container #menu {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.landing-container #header .header-text {
  flex-grow: 1;
}
.landing-container #features .feature-button {
  width: 100px;
  height: 100px;
}
.landing-container #promotion {
  background: url("../images/landing/promotion.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-container #pricing .pricing-content {
  width: 100%;
}
.landing-container #pricing .pricing-content .card {
  height: 100%;
}
.landing-container #pricing .pricing-content .options {
  padding: 2rem 4rem;
}
.landing-container #pricing .pricing-content .options li {
  display: flex;
  align-items: center;
}
.landing-container #pricing .pricing-content .options i, .landing-container #pricing .pricing-content .options span {
  padding: 1rem;
}
.landing-container #pricing .pricing-content .options span {
  font-size: 1.2rem;
}
.landing-container #footer {
  border-top: 1px solid #E4E4E4;
}
.landing-container #footer a {
  color: #3a3a3a;
}
.landing-container #footer li {
  padding: 0.25rem;
}

@media screen and (min-width: 990px) {
  .landing-container #header .header-menu-container {
    box-shadow: none;
  }
  .landing-container #header .header-menu-container #menu {
    box-shadow: none;
  }
}
@media screen and (max-width: 991px) {
  .landing-container .section {
    padding: 2rem;
  }
  .landing-container #header .header-menu-container {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #212121;
    padding: 2rem 5rem;
  }
  .landing-container #header .header-menu-container #menu {
    display: none;
    z-index: 100;
    position: fixed;
    top: 6rem;
    right: 5rem;
    width: 250px;
    background-color: #ffffff;
    color: #3a3a3a;
    animation-duration: 0.2s;
  }
  .landing-container #header .header-menu-container #menu a {
    color: #3a3a3a;
  }
  .landing-container #header .header-menu-container #menu > li {
    width: 100%;
  }
  .landing-container #header .header-menu-container #menu > li:hover {
    background-color: rgba(0, 0, 0, 0.04);
    transition: background-color 0.2s;
  }
  .landing-container #header .header-menu-container #menu.menu-active {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
  }
}
.overview-box .overview-status {
  font-weight: 500;
  border-radius: 2px;
  color: #f7f7f7;
}

.widget-list {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.widget-list > li {
  border-bottom: 1px solid #E4E4E4;
}
.widget-list > li:last-child {
  border-bottom: 0 none;
}
.widget-list > li .person-item img {
  width: 2.5rem;
  height: 2.5rem;
}
.widget-list > li .widget-list-item-radius,
.widget-list > li .person-tag {
  border-radius: 2px;
  color: #f7f7f7;
  font-weight: 500;
}
.widget-list > li .p-progressbar {
  height: 6px;
  border-radius: 10px;
  background: #ECEFF1;
}
.widget-list > li .p-progressbar-value {
  background: #ff6b06;
}

.widget-expenses .card-subheader {
  font-size: 0.9rem;
  color: #616161;
  border-bottom: 1px solid #E4E4E4;
}
.widget-expenses .item {
  padding: 0.5rem;
  border-bottom: 1px solid #E4E4E4;
}
.widget-expenses .item:last-child {
  border: 0 none;
}
.widget-expenses .item .type {
  color: #0097A7;
  font-size: 1.5rem;
}
.widget-expenses .item .value {
  font-weight: 500;
}
.widget-expenses .item .subtext {
  color: #616161;
}
.widget-expenses .item .item-button a {
  color: #616161;
}

.widget-traffic .left {
  padding: 1rem;
}
.widget-traffic .left .total .title {
  color: #616161;
}
.widget-traffic .left .total .value {
  font-size: 2rem;
  font-weight: 500;
}
.widget-traffic .left .info .title {
  color: #616161;
}
.widget-traffic .left .info .value {
  font-weight: 500;
}
.widget-traffic .left .info .percent {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
}
.widget-traffic .left .info .percent i.type-green {
  color: #0097A7;
}
.widget-traffic .left .info .percent i.type-orange {
  color: #EF6C00;
}
.widget-traffic .left .info .percent i.type-gray {
  color: #455A64;
}

.widget-insights .card-subheader {
  font-size: 0.9rem;
  color: #616161;
  border-bottom: 1px solid #E4E4E4;
}

.widget-social .info {
  text-align: right;
}
.widget-social .info .value {
  font-size: 2rem;
}
.widget-social .info .subtext {
  color: #616161;
}
.widget-social .left, .widget-social .right {
  width: 50%;
  text-align: center;
  padding: 1rem;
}
.widget-social .left .title, .widget-social .right .title {
  font-weight: 500;
}
.widget-social .left .value, .widget-social .right .value {
  color: #616161;
}
.widget-social .left {
  border-right: 1px solid #E4E4E4;
}
.widget-social .p-progressbar {
  height: 6px;
  border-radius: 10px;
  background: #ECEFF1;
}
.widget-social .p-progressbar-value {
  background: #FFB300;
}
.widget-social .stats {
  border-top: 1px solid #E4E4E4;
}

.widget-overlay {
  position: relative;
}
.widget-overlay .overlay-header {
  position: relative;
  height: 20rem;
  top: -3rem;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.widget-overlay .description {
  line-height: 1.5;
}

.widget-topsearchs .item {
  padding: 1rem;
  border-bottom: 1px solid #E4E4E4;
}
.widget-topsearchs .item .value {
  font-weight: 500;
}
.widget-topsearchs .item .value.type-green {
  color: #00bcd4;
}
.widget-topsearchs .item .value.type-yellow {
  color: #EF6C00;
}
.widget-topsearchs .item .value.type-pink {
  color: #e91e63;
}
.widget-topsearchs .item:nth-child(even) {
  background-color: #ECEFF1;
}
.widget-topsearchs .item:last-child {
  border-bottom: 0 none;
}

.widget-timeline .p-timeline.p-timeline-vertical .p-timeline-event-opposite {
  flex: 0;
  padding: 0;
}
.widget-timeline .p-timeline-event-separator .marker-icon {
  color: white;
}
.widget-timeline .p-timeline-event-separator .custom-marker {
  border-radius: 4px;
}

.widget-activity {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.widget-activity > li {
  padding: 1rem 0;
  border-bottom: 1px solid #E4E4E4;
}
.widget-activity > li:last-child {
  border-bottom: 0 none;
}
.widget-activity > li:nth-child(1) .p-progressbar-value {
  background: #FFC107;
}
.widget-activity > li:nth-child(2) .p-progressbar-value {
  background: #e91e63;
}
.widget-activity > li:nth-child(3) .p-progressbar-value {
  background: #00bcd4;
}
.widget-activity > li:nth-child(4) .p-progressbar-value {
  background: #00bcd4;
}
.widget-activity > li:nth-child(5) .p-progressbar-value {
  background: #00bcd4;
}
.widget-activity > li:nth-child(6) .p-progressbar-value {
  background: #e91e63;
}
.widget-activity > li .activity-item .activity-title {
  font-weight: 500;
}
.widget-activity > li .activity-item .activity-subtext {
  font-size: 0.85rem;
  color: #616161;
}
.widget-activity > li .activity-item .p-progressbar {
  height: 6px;
  border-radius: 10px;
  background: #ECEFF1;
}

.widget-bestsellers {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
}
.widget-bestsellers > li {
  padding: 1rem 0;
}
.widget-bestsellers > li:last-child {
  border-bottom: 0 none;
}
.widget-bestsellers > li .bestseller-item {
  background-color: #ECEFF1;
  border-radius: 4px;
  height: 3.5rem;
  transition: box-shadow 0.2s;
}
.widget-bestsellers > li .bestseller-item img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.widget-bestsellers > li .bestseller-item a {
  color: #616161;
}
.widget-bestsellers > li .bestseller-item .item-button {
  margin-left: auto;
}
.widget-bestsellers > li .bestseller-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.widget-map .map-container {
  background-image: url("../../layout/images/widgets/map.jpg");
  width: 100%;
  min-height: 20rem;
  background-size: cover;
}

.widget-chat ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style-type: none;
  padding: 1rem 1rem 0;
  height: 420px;
  overflow-y: auto;
}
.widget-chat ul li img {
  width: 32px;
}
.widget-chat ul li .message {
  color: #f7f7f7;
}
.widget-chat ul li.from .message {
  padding: 1rem;
  border-radius: 30px;
}
.widget-chat ul li.own {
  text-align: right;
}
.widget-chat ul li.own .message {
  padding: 1rem;
  border-radius: 30px;
}
.widget-chat .write-message {
  border-radius: 30px;
}
.widget-chat .write-message .p-inputgroup-addon {
  padding: 0;
  overflow: hidden;
}
.widget-chat .write-message .p-inputgroup-addon:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.widget-chat .write-message .p-inputgroup-addon:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.widget-chat .write-message .p-inputgroup-addon > .p-button {
  height: calc(2.5rem + 2px);
  border-radius: 0;
}
.widget-chat .write-message .emoji {
  width: 90%;
}
.widget-chat .write-message .emoji .emoji-button {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 0;
}
.widget-chat .write-message .emoji .emoji-button .p-button-label {
  color: yellow !important;
  font-size: 1.5rem;
}
@media (min-width: 990px) {
  .widget-chat .write-message .emoji {
    width: 40%;
    margin-left: -38%;
  }
}

.widget-pricing {
  width: 100%;
}
.widget-pricing .card {
  height: 100%;
}
.widget-pricing .options {
  padding: 1rem 2rem;
}
.widget-pricing .options li {
  display: flex;
  align-items: center;
}
.widget-pricing .options i, .widget-pricing .options span {
  padding: 1rem;
}
.widget-pricing .options span {
  font-size: 1.2rem;
}

html {
  height: 100%;
  font-size: 14px;
}

body {
  font-family: Matter, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  color: #3a3a3a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  background-color: #ededed;
  min-height: 100%;
}
body a {
  text-decoration: none;
  color: #616161;
}

.layout-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 996;
  width: 100%;
  height: 100%;
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
  animation-fill-mode: forwards;
}

.layout-wrapper .layout-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 4rem);
  transition: margin-left ease-in-out 200ms;
}
@media (min-width: 991px) {
  .layout-wrapper .layout-main.sidebar-retraida {
    margin-left: 48px;
  }
}
@media (min-width: 991px) {
  .layout-wrapper .layout-main.sidebar-expandida {
    margin-left: 48px;
  }
}

.layout-ajax-loader-icon {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  font-size: 2rem;
  color: #616161;
  z-index: 999;
}

.layout-footer {
  background-color: #ffffff;
}

.layout-config {
  transition: transform 0.2s;
}
.layout-config .p-sidebar-content,
.layout-config .layout-config-panel {
  height: 100%;
}
.layout-config .layout-config-options {
  height: 100%;
  overflow-y: auto;
}
.layout-config .layout-config-options .layout-config-color-option {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
  position: relative;
}
.layout-config .layout-config-options .layout-config-color-option.p-disabled {
  opacity: 0.1;
}
.layout-config .layout-config-options .layout-config-color-option .color {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
.layout-config .layout-config-options .layout-config-color-option .check {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.layout-config p {
  color: var(--text-color-secondary);
}
.layout-config .scale-icon {
  color: var(--surface-d);
}
.layout-config .scale-icon.scale-active {
  color: var(--primary-color);
}

.layout-config-button.p-button {
  position: fixed;
  top: 35%;
  right: 0;
  width: auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.layout-config-button.p-button .p-button-icon {
  font-size: 2rem;
}

.layout-help-page .layout-help-page-header {
  position: relative;
}
.layout-help-page .layout-help-page-header .layout-help-page-header-text {
  position: absolute;
  left: 2rem;
  top: 50%;
  margin-top: -1.75rem;
  color: #ffffff;
}
.layout-help-page .layout-help-page-header .layout-help-page-search {
  position: absolute;
  left: 2rem;
  bottom: -1rem;
  border-radius: 4px;
  width: calc(100% - 4rem);
}
.layout-help-page .layout-help-page-header .layout-help-page-search .p-inputtext {
  border: 0 none;
}

@media print {
  body * {
    visibility: hidden;
  }

  .layout-invoice-content {
    position: absolute;
    left: 0;
    top: 0;
  }
  .layout-invoice-content * {
    visibility: visible;
    box-shadow: none;
    color: #212121 !important;
    border-color: #e4e4e4 !important;
    background-color: transparent;
  }
}
.layout-breadcrumb-container {
  background-color: #ffffff;
}
.layout-breadcrumb-container .layout-breadcrumb {
  background: transparent;
  border: 0 none;
  border-radius: 0;
}
.layout-breadcrumb-container .layout-breadcrumb-buttons .p-button {
  width: 2.5rem;
  height: 2.5rem;
}

.b2c-button {
  border: none;
  outline: none;
  border-radius: 4px;
  font-size: 0.857rem;
  line-height: 0.75rem;
  padding: 0.8rem 1.05rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  z-index: 3;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.b2c-button__posicao-label {
  position: relative;
  z-index: 5;
}
.b2c-button__text-uppercase {
  font-size: 0.857rem;
  text-transform: uppercase;
}
.b2c-button__width_full {
  width: full;
}
.b2c-button__width_auto {
  width: auto;
}
.b2c-button__cor-texto-black {
  color: #000;
}
.b2c-button__cor-texto-white {
  color: #fff;
}
.b2c-button__text-uppercase {
  font-size: 0.857rem;
  text-transform: uppercase;
}
.b2c-button > .material-icons {
  color: inherit !important;
}
.b2c-button__primaria {
  background-color: #FF6B06;
}
.b2c-button__primaria.b2c-button__estilo-filled:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__primaria.b2c-button__estilo-filled:not(:disabled):hover:before {
  background: #ff8933;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-filled:not(:disabled):active::before {
  background: #FF6B06;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-filled:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #FF6B06;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__primaria.b2c-button__estilo-filled:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__primaria.b2c-button__estilo-filled:disabled {
  background-color: #999999 !important;
  opacity: 0.7;
}
.b2c-button__primaria.b2c-button__estilo-rounded {
  border-radius: 40px;
}
.b2c-button__primaria.b2c-button__estilo-rounded:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__primaria.b2c-button__estilo-rounded:not(:disabled):hover:before {
  background: #ff8933;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-rounded:not(:disabled):active::before {
  background: #FF6B06;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-rounded:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #FF6B06;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__primaria.b2c-button__estilo-rounded:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__primaria.b2c-button__estilo-rounded:disabled {
  background-color: #999999 !important;
  opacity: 0.7;
}
.b2c-button__primaria.b2c-button__estilo-outlined {
  background-color: transparent;
  color: #FF6B06;
  border: 2px solid #FF6B06;
}
.b2c-button__primaria.b2c-button__estilo-outlined:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__primaria.b2c-button__estilo-outlined:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-outlined:not(:disabled):active::before {
  background: #ff8933;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-outlined:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ff8933;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__primaria.b2c-button__estilo-outlined:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__primaria.b2c-button__estilo-outlined:disabled {
  background-color: transparent;
  color: #ffe1cc;
  border: 2px solid #ffe1cc;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline {
  border-radius: 40px;
  background-color: transparent;
  color: #FF6B06;
  border: 2px solid #FF6B06;
  padding: 1.3rem 1.5rem;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:not(:disabled):active::before {
  background: #ff8933;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ff8933;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__primaria.b2c-button__estilo-rounded-outline:disabled {
  background-color: transparent;
  color: #ffe1cc;
  border: 2px solid #ffe1cc;
}
.b2c-button__white {
  background-color: #fff;
  color: #FF6B06;
}
.b2c-button__white.b2c-button__estilo-filled:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__white.b2c-button__estilo-filled:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-filled:not(:disabled):active::before {
  background: #ff8933;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-filled:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ff8933;
  mix-blend-mode: multiply;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__white.b2c-button__estilo-filled:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__white.b2c-button__estilo-filled:disabled {
  opacity: 0.7;
}
.b2c-button__white.b2c-button__estilo-rounded {
  border-radius: 40px;
}
.b2c-button__white.b2c-button__estilo-rounded:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__white.b2c-button__estilo-rounded:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-rounded:not(:disabled):active::before {
  background: #ff8933;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-rounded:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ff8933;
  mix-blend-mode: multiply;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__white.b2c-button__estilo-rounded:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__white.b2c-button__estilo-rounded:disabled {
  opacity: 0.7;
}
.b2c-button__white.b2c-button__estilo-outlined {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.b2c-button__white.b2c-button__estilo-outlined:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__white.b2c-button__estilo-outlined:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: screen;
  opacity: 0.3;
}
.b2c-button__white.b2c-button__estilo-outlined:not(:disabled):active::before {
  background: #ffe1cc;
  mix-blend-mode: screen;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-outlined:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ffe1cc;
  mix-blend-mode: screen;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__white.b2c-button__estilo-outlined:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__white.b2c-button__estilo-outlined:disabled {
  opacity: 0.4;
}
.b2c-button__white.b2c-button__estilo-rounded-outline {
  border-radius: 40px;
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  padding: 1.3rem 1.5rem;
}
.b2c-button__white.b2c-button__estilo-rounded-outline:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__white.b2c-button__estilo-rounded-outline:not(:disabled):hover:before {
  background: #ffe1cc;
  mix-blend-mode: screen;
  opacity: 0.3;
}
.b2c-button__white.b2c-button__estilo-rounded-outline:not(:disabled):active::before {
  background: #ffe1cc;
  mix-blend-mode: screen;
  z-index: 1;
}
.b2c-button__white.b2c-button__estilo-rounded-outline:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #ffe1cc;
  mix-blend-mode: screen;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__white.b2c-button__estilo-rounded-outline:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__white.b2c-button__estilo-rounded-outline:disabled {
  opacity: 0.4;
}
.b2c-button__secundaria {
  background-color: #999999;
}
.b2c-button__secundaria.b2c-button__estilo-filled:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__secundaria.b2c-button__estilo-filled:not(:disabled):hover:before {
  background: #999999;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-filled:not(:disabled):active::before {
  background: #999999;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-filled:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #999999;
  mix-blend-mode: multiply;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__secundaria.b2c-button__estilo-filled:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__secundaria.b2c-button__estilo-filled:disabled {
  background-color: #e0e0e0 !important;
  opacity: 0.7;
}
.b2c-button__secundaria.b2c-button__estilo-rounded {
  border-radius: 40px;
}
.b2c-button__secundaria.b2c-button__estilo-rounded:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__secundaria.b2c-button__estilo-rounded:not(:disabled):hover:before {
  background: #999999;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-rounded:not(:disabled):active::before {
  background: #999999;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-rounded:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #999999;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__secundaria.b2c-button__estilo-rounded:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__secundaria.b2c-button__estilo-rounded:disabled {
  background-color: #e0e0e0 !important;
  opacity: 0.7;
}
.b2c-button__secundaria.b2c-button__estilo-outlined {
  background-color: transparent;
  color: #3a3a3a;
  border: 2px solid #3a3a3a;
}
.b2c-button__secundaria.b2c-button__estilo-outlined:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__secundaria.b2c-button__estilo-outlined:not(:disabled):hover:before {
  background: #e0e0e0;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-outlined:not(:disabled):active::before {
  background: #999999;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-outlined:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #999999;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__secundaria.b2c-button__estilo-outlined:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__secundaria.b2c-button__estilo-outlined:disabled {
  background-color: transparent !important;
  color: #999999;
  border: 2px solid #999999;
  opacity: 0.7;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline {
  border-radius: 40px;
  background-color: transparent;
  color: #3a3a3a;
  border: 2px solid #3a3a3a;
  padding: 1.3rem 1.5rem;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:not(:disabled):hover:before {
  background: #e0e0e0;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:not(:disabled):active::before {
  background: #999999;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #999999;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__secundaria.b2c-button__estilo-rounded-outline:disabled {
  background-color: transparent !important;
  color: #999999;
  border: 2px solid #999999;
  opacity: 0.7;
}
.b2c-button__exclusion {
  background-color: #EF2323;
}
.b2c-button__exclusion.b2c-button__estilo-filled:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__exclusion.b2c-button__estilo-filled:not(:disabled):hover:before {
  background: #C62222;
  mix-blend-mode: multiply;
  opacity: 0.2;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-filled:not(:disabled):active::before {
  background: #C62222;
  mix-blend-mode: multiply;
  z-index: 1;
  opacity: 0.7;
}
.b2c-button__exclusion.b2c-button__estilo-filled:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #C62222;
  mix-blend-mode: multiply;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__exclusion.b2c-button__estilo-filled:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__exclusion.b2c-button__estilo-filled:disabled {
  background-color: #F9B2B2 !important;
  opacity: 0.7;
}
.b2c-button__exclusion.b2c-button__estilo-rounded {
  border-radius: 40px;
}
.b2c-button__exclusion.b2c-button__estilo-rounded:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__exclusion.b2c-button__estilo-rounded:not(:disabled):hover:before {
  background: #C62222;
  mix-blend-mode: multiply;
  opacity: 0.5;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-rounded:not(:disabled):active::before {
  background: #C62222;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-rounded:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #C62222;
  mix-blend-mode: multiply;
  border-radius: 100%;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__exclusion.b2c-button__estilo-rounded:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__exclusion.b2c-button__estilo-rounded:disabled {
  background-color: #F9B2B2 !important;
  opacity: 0.7;
}
.b2c-button__exclusion.b2c-button__estilo-outlined {
  background-color: transparent;
  color: #C62222;
  border: 2px solid #C62222;
}
.b2c-button__exclusion.b2c-button__estilo-outlined:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__exclusion.b2c-button__estilo-outlined:not(:disabled):hover:before {
  background: #ffebee;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-outlined:not(:disabled):active::before {
  background: #FB5E5E;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-outlined:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #FB5E5E;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__exclusion.b2c-button__estilo-outlined:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__exclusion.b2c-button__estilo-outlined:disabled {
  background-color: transparent !important;
  color: #FB5E5E;
  border: 2px solid #FB5E5E;
  opacity: 0.7;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline {
  border-radius: 40px;
  background-color: transparent;
  color: #C62222;
  border: 2px solid #C62222;
  padding: 1.3rem 1.5rem;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:not(:disabled):hover:before {
  background: #ffebee;
  mix-blend-mode: multiply;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:not(:disabled):active::before {
  background: #FB5E5E;
  mix-blend-mode: multiply;
  opacity: 0.7;
  z-index: 1;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:not(:disabled):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #FB5E5E;
  mix-blend-mode: multiply;
  border-radius: 100%;
  opacity: 0.5;
  transform: scale(0);
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:not(:disabled):not(:active):after {
  animation: ripple 1s ease-out;
}
.b2c-button__exclusion.b2c-button__estilo-rounded-outline:disabled {
  background-color: transparent !important;
  color: #FB5E5E;
  border: 2px solid #FB5E5E;
  opacity: 0.7;
}

.modal-confirm {
  width: 27rem;
}
.modal-confirm .p-grid {
  margin: 0;
}
.modal-confirm p-footer {
  display: flex !important;
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .modal-confirm p-footer {
    flex-wrap: wrap;
  }
}
.modal-confirm .p-dialog-footer {
  background-color: #f1f4f5;
}
.modal-confirm .p-button {
  font-weight: 600;
}
.modal-confirm p {
  margin-bottom: 0;
}
.modal-confirm h3 {
  text-align: center;
  margin-top: 0.5rem;
  padding: 0 1rem;
  line-height: 2rem;
}
.modal-confirm .p-dialog .p-dialog-content {
  padding: 0 1.6rem 1.25rem 1.6rem;
}
.modal-confirm a.link-text-style {
  text-decoration: underline;
  color: #FF6B06;
}
.modal-confirm .p-button:not(.p-button-blue):disabled {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.modal-confirm .p-button:not(.p-button-blue) {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 1.2rem;
}
.modal-confirm .p-button-blue:disabled {
  opacity: 0.38 !important;
  background-color: #003173 !important;
  color: white !important;
}
.modal-confirm .p-button-blue {
  background: #003173;
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 1.2rem;
}
.modal-confirm .p-button-blue:hover {
  background: #003173 !important;
}
.modal-confirm .p-dialog-footer button {
  margin: 0 0.5em 0 0.5rem;
}
@media (max-width: 480px) {
  .modal-confirm .p-dialog-footer button {
    margin: 0.3rem 0.5rem;
  }
}
.modal-confirm .p-button-outlined:not(.myc-component) {
  border: 2px solid #FF6B06;
  padding: 1.1rem;
  background-color: transparent !important;
  color: #FF6B06 !important;
}
.modal-confirm .p-button-outlined:not(.myc-component):hover {
  border: 2px solid #FF6B06 !important;
}
.modal-confirm .p-button-outlined-blue {
  background: #fff;
  border: 2px solid #003173;
  padding: 1.1rem;
  color: #003173;
}
.modal-confirm .p-button-gray {
  background-color: #C4C4C4 !important;
  color: white !important;
  border: none;
  padding: 1.2rem;
}
.modal-confirm .p-button-green {
  background-color: #46a885 !important;
  color: white !important;
  border: none;
  padding: 1.2rem;
}
.modal-confirm .width-50 {
  width: 100% !important;
}
.modal-confirm .text-center {
  text-align: center;
}
.modal-confirm .text-right {
  text-align: right;
}
.modal-confirm .text-left {
  text-align: left;
}
.modal-confirm .p-button:disabled:not(.p-button-blue) {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.modal-confirm .p-button-primary:not(.p-button-blue):not(.p-button-green) {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
  padding: 1.2rem !important;
  border: 2px solid #FF6B06;
  background-color: #FF6B06 !important;
}
.modal-confirm .direction-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-confirm .direction-row button {
  margin: 0.3rem;
  padding: 1.4rem !important;
}
.modal-confirm .borda-checkbox-laranja {
  margin-right: auto;
}
.modal-confirm .borda-checkbox-laranja .p-checkbox-box {
  border-color: #FF6B06;
}
.modal-confirm .text-under-checkbox {
  font-size: 10px;
  color: #455a64;
}
.modal-confirm .text-under-checkbox .highlighted-text {
  background-color: #fff0e5;
  border: 1px solid #FF6B06;
  padding: 0.5rem;
  font-size: 12px;
}
.modal-confirm .cursor-pointer {
  cursor: pointer;
}
.modal-confirm.modal-motivo-lancamento {
  width: 550px;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__text {
  color: #999999;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__title--small {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__button-container {
  display: flex;
  justify-content: center;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__textarea {
  width: 100%;
  min-height: 95px;
  border: 1px solid #e0e0e0;
  resize: none;
  border-radius: 4px;
}
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__textarea:hover, .modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__textarea:focus,
.modal-confirm.modal-motivo-lancamento .modal-motivo-lancamento__textarea :not(:focus) {
  background-color: #fff;
  border: 1px solid #e0e0e0 !important;
  background-image: none;
}

.b2c-card-planos {
  background-color: #fff;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  width: 242px;
  padding: 1.75rem;
}
.b2c-card-planos__titluo-plano {
  color: #3a3a3a;
  font-style: normal;
  font-weight: 500;
  font-size: 1.714rem;
  line-height: 2.071rem;
}
.b2c-card-planos hr.hr-dotted {
  border-top: 1px dashed #FF6B06;
}
.b2c-card-planos__price > h2,
.b2c-card-planos__price h3.free {
  color: #FF6B06;
  font-style: normal;
  font-weight: bold;
  font-size: 1.929rem;
  line-height: 2.286rem;
}
.b2c-card-planos__price > h2::before {
  content: "R$";
  color: #3a3a3a;
  font-style: normal;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 0.875rem;
  position: relative;
  top: -9px;
  left: -2px;
}
.b2c-card-planos__price > h2::after {
  content: "/Por mês";
  color: #3a3a3a;
  font-style: normal;
  font-weight: 300;
  font-size: 0.688rem;
  line-height: 0.813rem;
  position: relative;
}
.b2c-card-planos__infos > div .informacoes-plano {
  color: #3a3a3a;
  font-style: normal;
  font-weight: 300;
  font-size: 0.857rem;
  line-height: 1rem;
}
.b2c-card-planos__hover-efeito:hover {
  border: 2px solid #FF6B06;
}
.b2c-card-planos__ativo-efeito {
  border: 2px solid #FF6B06;
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #e9a23b !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background: #e9a23b !important;
  visibility: visible;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
  background: #C62222 !important;
  visibility: visible;
}

.mat-form-field.mat-form-field-disabled .mat-form-field-ripple {
  background: #e0e0e0 !important;
  visibility: visible;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background: #e0e0e0 !important;
}

.mat-form-field .mat-form-field-ripple {
  visibility: hidden;
}

.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
  padding: 0 !important;
}

.b2c-text-field__passowrd-btn {
  background-color: transparent;
  border: none;
}
.b2c-text-field__passowrd-btn .material-symbols-outlined {
  color: #455a64 !important;
}

.b2c-calendar .p-calendar-w-btn {
  border: none;
  background: #ededed no-repeat;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-size: 0 1px, 100% 1.3px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  border-radius: 4px 4px 0 0;
  height: 2.85rem;
}
.b2c-calendar .p-calendar-w-btn:not(.p-disabled):hover {
  background-color: #ededed;
  border-color: transparent;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
.b2c-calendar .p-calendar-w-btn:not(.p-disabled).p-focus, .b2c-calendar .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
  background-size: 100% 1px, 100% 1px !important;
}
.b2c-calendar .p-inputtext {
  padding-left: 0.7rem;
}
.b2c-calendar .p-inputtext.p-state-focus {
  background-size: 100% 1px, 100% 1px;
}
.b2c-calendar .p-float-label input:focus ~ label,
.b2c-calendar .p-float-label input.p-filled ~ label,
.b2c-calendar .p-float-label textarea:focus ~ label,
.b2c-calendar .p-float-label textarea.p-filled ~ label,
.b2c-calendar .p-float-label .p-inputwrapper-focus ~ label,
.b2c-calendar .p-float-label .p-inputwrapper-filled ~ label {
  font-size: 10px;
  color: #FF6B06;
}
.b2c-calendar .pi-calendar {
  font-size: 1.3em;
}
.b2c-calendar .p-calendar .p-datepicker-trigger {
  height: auto;
  width: auto;
}
.b2c-calendar .p-button:disabled {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 0.4;
}
.b2c-calendar .calendar-style {
  padding: 0.5rem 1.1rem;
}
.b2c-calendar .calendar-style .p-datepicker:not(.p-datepicker-inline) {
  padding: 0 1rem;
}
.b2c-calendar .calendar-style .p-datepicker-header {
  padding: 0;
}
.b2c-calendar .calendar-style .p-datepicker-header .p-datepicker-title {
  order: 0 !important;
  width: 70%;
  color: #3a3a3a;
}
.b2c-calendar .calendar-style .p-datepicker-header .p-datepicker-prev,
.b2c-calendar .calendar-style .p-datepicker-header .p-datepicker-next {
  font-size: 1.9em;
  color: #3a3a3a !important;
}
.b2c-calendar .calendar-style table th {
  color: #3a3a3a;
  font-weight: 500;
}
.b2c-calendar .calendar-style table td {
  color: #3a3a3a;
  font-weight: 400;
}
.b2c-calendar .calendar-style table td.p-datepicker-today > span {
  box-shadow: none;
  background: #e9a23b;
  border: none;
  color: #3a3a3a !important;
}

.filtro__container__filtros .p-datepicker.p-datepicker-multiple-month, .multi-calendar-style-fix .p-datepicker.p-datepicker-multiple-month {
  width: 38em !important;
}
@media (max-width: 640px) {
  .filtro__container__filtros .p-datepicker.p-datepicker-multiple-month, .multi-calendar-style-fix .p-datepicker.p-datepicker-multiple-month {
    width: 100vw !important;
    left: -30% !important;
  }
}
@media (max-width: 600px) {
  .filtro__container__filtros .p-datepicker.p-datepicker-multiple-month, .multi-calendar-style-fix .p-datepicker.p-datepicker-multiple-month {
    width: 100vw !important;
  }
}

.auditoria-calendar {
  bottom: 5.4rem;
}
@media (max-width: 480px) {
  .auditoria-calendar {
    left: 23%;
    bottom: 6.4rem;
  }
}

.label-disabled {
  opacity: 0.5;
}

.b2c-dropdown .p-dropdown {
  border: none;
  background: #ededed no-repeat;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-size: 0 1px, 100% 1.3px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  border-radius: 4px 4px 0 0 !important;
  height: 2.8rem !important;
}
.b2c-dropdown .p-dropdown:not(.p-disabled):hover {
  background-color: #ededed;
  border-color: transparent;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
.b2c-dropdown .p-dropdown:not(.p-disabled).p-focus, .b2c-dropdown .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
  background-size: 100% 1px, 100% 1px !important;
}
.b2c-dropdown .p-dropdown .p-dropdown-trigger {
  height: auto;
  width: 2.57em;
  margin-right: 0;
  background-color: #FF6B06;
  border: none;
  height: 2.8rem;
}
.b2c-dropdown .p-dropdown .p-dropdown-trigger .pi {
  color: #fff;
}
.b2c-dropdown .p-dropdown .p-dropdown-trigger:hover {
  background-color: #ffe1cc;
}
.b2c-dropdown .p-dropdown .p-dropdown-trigger:focus {
  background-color: #e9a23b;
}
.b2c-dropdown .p-dropdown .p-dropdown-trigger:active {
  background-color: #e9a23b;
}
.b2c-dropdown .p-inputtext {
  padding-left: 0.7rem;
}
.b2c-dropdown .p-inputtext.p-state-focus {
  background-size: 100% 1px, 100% 1px;
}
.b2c-dropdown .p-float-label input:focus ~ label,
.b2c-dropdown .p-float-label input.p-filled ~ label,
.b2c-dropdown .p-float-label textarea:focus ~ label,
.b2c-dropdown .p-float-label textarea.p-filled ~ label,
.b2c-dropdown .p-float-label .p-inputwrapper-focus ~ label,
.b2c-dropdown .p-float-label .p-inputwrapper-filled ~ label {
  font-size: 10px;
  color: #FF6B06;
}

.button-design-system-disabled {
  background-color: #999999 !important;
  opacity: 1;
}

.b2c-text-area {
  position: relative;
  display: flex;
  flex-direction: column;
}
.b2c-text-area > textarea {
  background: #ededed !important;
  border-radius: 0.286rem 0.286rem 0px 0px;
  outline: none;
  border: none !important;
  border-bottom: 0.071rem solid #999999 !important;
  resize: none;
  padding: 2.3rem 0.714rem 0.714rem 0.714rem !important;
}
.b2c-text-area > label {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 1.143rem;
  line-height: 1.286rem;
  color: #3a3a3a;
  position: absolute;
  left: 0.571rem;
  top: 0.714rem;
  transition: 0.5s;
}
.b2c-text-area > textarea:focus ~ label, .b2c-text-area > textarea:not(:placeholder-shown) ~ label {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.286rem;
  color: #FF6B06;
}
.b2c-text-area > textarea:focus {
  background: #e0e0e0;
  border-bottom: 0.071rem solid #FF6B06;
}
.b2c-text-area > textarea:disabled ~ label {
  color: #999999 !important;
}
.b2c-text-area > small {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #3a3a3a;
  padding-left: 0.3rem;
  padding-top: 0.15rem;
}
.b2c-text-area.campoInvalido > textarea {
  background: #ededed !important;
  border-radius: 0.286rem 0.286rem 0px 0px;
  outline: none;
  border: none !important;
  border-bottom: 0.071rem solid #C62222 !important;
  resize: none;
  padding: 2.3rem 0.714rem 0.714rem 0.714rem !important;
}
.b2c-text-area.campoInvalido > label {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 1.143rem;
  line-height: 1.286rem;
  color: #C62222;
  position: absolute;
  left: 0.571rem;
  top: 0.714rem;
  transition: 0.5s;
}
.b2c-text-area.campoInvalido > textarea:focus ~ label, .b2c-text-area.campoInvalido > textarea:not(:placeholder-shown) ~ label {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.286rem;
  color: #C62222;
}
.b2c-text-area.campoInvalido > textarea:focus {
  background: #e0e0e0;
  border-bottom: 0.071rem solid #C62222;
}
.b2c-text-area.campoInvalido > textarea:disabled ~ label {
  color: #C62222 !important;
}
.b2c-text-area.campoInvalido > small {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #C62222;
  padding-left: 0.3rem;
  padding-top: 0.15rem;
}

.b2c-forca-senha.container-password {
  background: #fff;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 0px 0px 4px 4px;
  width: 340px;
  height: 230px;
  padding: 12px;
  box-sizing: border-box;
}
.b2c-forca-senha.container-password > h2 {
  font-family: "Matter";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #3a3a3a;
}
.b2c-forca-senha.container-password > h3 {
  font-family: "Matter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-top: 18px;
  margin-bottom: 8px;
}
.b2c-forca-senha.container-password > h3.senha-fraca {
  color: #EF2323;
}
.b2c-forca-senha.container-password > h3.senha-eficaz {
  color: #e9a23b;
}
.b2c-forca-senha.container-password > h3.senha-forte {
  color: #46a885;
}
.b2c-forca-senha.container-password > h4 {
  font-family: "Matter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-top: 10px;
  margin-bottom: 8px;
}
.b2c-forca-senha.container-password > .linha-forca {
  background-color: #e0e0e0;
  height: 2px;
}
.b2c-forca-senha.container-password > .linha-forca-fraca {
  background: linear-gradient(to right, #EF2323 25%, #e0e0e0 25%);
  height: 2px;
  margin-top: 5px;
}
.b2c-forca-senha.container-password > .linha-forca-eficaz {
  background: linear-gradient(to right, #e9a23b 50%, #e0e0e0 50%);
  height: 2px;
  margin-top: 5px;
}
.b2c-forca-senha.container-password > .linha-forca-forte {
  background: #46a885;
  height: 2px;
  margin-top: 5px;
}
.b2c-forca-senha.container-password > ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0.1em;
}
.b2c-forca-senha.container-password > ul > li {
  font-family: "Matter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
  position: relative;
}
.b2c-forca-senha.container-password > ul > li > span {
  padding-left: 10px;
  padding-right: 10px;
  width: 28px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  font-weight: 800;
  font-size: 12px;
}
.b2c-forca-senha.container-password > ul > li.positivo {
  color: #FF6B06;
}
.b2c-forca-senha.container-password > ul > li.negativo {
  color: #C62222;
}
.b2c-forca-senha.container-password > ul > li.negativo::before {
  content: "x";
  position: absolute;
  left: 11px;
}
.b2c-forca-senha.container-password > ul > li.positivo::before {
  content: "✓";
  position: absolute;
  left: 11px;
}

.b2c-dropdown-multiselect .p-multiselect {
  border: none;
  background: #ededed no-repeat;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  background-size: 0 1px, 100% 1.3px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  border-radius: 4px 4px 0 0;
  height: 2.85rem;
  /* Buttons */
}
.b2c-dropdown-multiselect .p-multiselect:not(.p-disabled):hover {
  background-color: #ededed;
  border-color: transparent;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
.b2c-dropdown-multiselect .p-multiselect:not(.p-disabled).p-focus, .b2c-dropdown-multiselect .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
  background-size: 100% 1px, 100% 1px !important;
}
.b2c-dropdown-multiselect .p-multiselect .p-multiselect-trigger {
  height: auto;
  width: 2.57em;
  margin-right: 0;
  background-color: #FF6B06;
  border: none;
  height: 2.86rem;
}
.b2c-dropdown-multiselect .p-multiselect .p-multiselect-trigger .pi {
  color: #fff;
}
.b2c-dropdown-multiselect .p-multiselect .p-multiselect-trigger:hover {
  background-color: #FF6B06;
}
.b2c-dropdown-multiselect .p-multiselect .p-multiselect-trigger:focus {
  background-color: #FF6B06;
}
.b2c-dropdown-multiselect .p-multiselect .p-multiselect-trigger:active {
  background-color: #FF6B06;
}
.b2c-dropdown-multiselect .p-multiselect ::-webkit-scrollbar {
  width: 12px;
}
.b2c-dropdown-multiselect .p-multiselect ::-webkit-scrollbar-track {
  background: #e0e0e0;
}
.b2c-dropdown-multiselect .p-multiselect ::-webkit-scrollbar-thumb {
  background: #999999;
}
.b2c-dropdown-multiselect .p-multiselect ::-webkit-scrollbar-button:single-button {
  background-color: #bbbbbb;
  display: block;
  border-style: solid;
  height: 13px;
  width: 16px;
}
.b2c-dropdown-multiselect .p-inputtext {
  padding-left: 0.7rem;
}
.b2c-dropdown-multiselect .p-inputtext.p-state-focus {
  background-size: 100% 1px, 100% 1px;
}
.b2c-dropdown-multiselect .p-float-label input:focus ~ label,
.b2c-dropdown-multiselect .p-float-label input.p-filled ~ label,
.b2c-dropdown-multiselect .p-float-label textarea:focus ~ label,
.b2c-dropdown-multiselect .p-float-label textarea.p-filled ~ label,
.b2c-dropdown-multiselect .p-float-label .p-inputwrapper-focus ~ label,
.b2c-dropdown-multiselect .p-float-label .p-inputwrapper-filled ~ label {
  font-size: 10px;
  color: #FF6B06;
}
.b2c-dropdown-multiselect .p-checkbox .p-checkbox-box {
  border-radius: 4px;
}
.b2c-dropdown-multiselect .p-multiselect-panel {
  box-shadow: none;
}
.b2c-dropdown-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #ededed;
}
.b2c-dropdown-multiselect .label-first-checkbox {
  left: 2.5rem;
  margin-top: 0;
  top: 1.25rem;
}

.p-tooltip {
  max-width: 300px !important;
}
.p-tooltip .p-tooltip-text {
  background-color: #3a3a3a;
  margin: 0.6rem;
}
.p-tooltip .p-tooltip-arrow {
  display: block;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #3a3a3a;
  left: 0.25rem;
  border-width: 0.6em 0.6em 0.6em 0;
  margin-top: -0.7rem;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #3a3a3a;
  right: 0.25rem;
  border-width: 0.6em 0 0.6em 0.6rem;
  margin-top: -0.5rem;
}
.p-tooltip.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #3a3a3a;
  border-width: 0.6em 0.6em 0;
  bottom: 0.3rem;
  margin-left: -0.7rem;
}
.p-tooltip.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #3a3a3a;
  border-width: 0 0.6em 0.6em;
  top: 0.4rem;
  margin-left: -0.7rem;
}

.b2c-text-password > mycc-b2c-forca-senha > .b2c-forca-senha {
  position: absolute;
  z-index: 100;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.mat-form-field {
  font-family: "Matter" !important;
}

.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex {
  align-items: center;
  background-color: #ededed;
  padding: 10px 8px;
  height: 40px;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix {
  padding: 0px;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-underline::before {
  background-color: #e0e0e0;
  top: 1.34375em;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-underline > .mat-form-field-ripple {
  background-color: #e0e0e0;
  top: 1.34375em;
}
.b2c-datepicker > .mat-form-field.error-input > .mat-form-field-wrapper > .mat-form-field-underline::before {
  background-color: #C62222;
  top: 1.34375em;
}
.b2c-datepicker > .mat-form-field.error-input > .mat-form-field-wrapper > .mat-form-field-underline > .mat-form-field-ripple {
  background-color: #C62222 !important;
  top: 1.34375em;
}
.b2c-datepicker > .mat-form-field.error-input > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper > .mat-form-field-label {
  color: #C62222 !important;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper:hover > .mat-form-field-flex {
  background-color: #ededed;
}
.b2c-datepicker > .mat-form-field.mat-focused > .mat-form-field-wrapper > .mat-form-field-flex {
  background-color: #e0e0e0;
}
.b2c-datepicker > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-suffix > .mat-datepicker-toggle > .mat-icon-button.mat-button-disabled {
  color: #999999;
}
.b2c-datepicker > .hint-text-error {
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #C62222;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
}

.mat-calendar-body-selected {
  background-color: #ffe1cc !important;
  color: #FF6B06 !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #ffc16a !important;
}

.mat-datepicker-toggle-active {
  color: #3a3a3a !important;
}

.mat-calendar-body-active.ng-star-inserted > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-active.ng-star-inserted > .mat-calendar-body-cell-content.mat-focus-indicator {
  background-color: #ffc16a !important;
}

.mat-calendar-body-in-range::before {
  background-color: #ffc16a !important;
}

.mat-calendar-controls {
  margin: 0px 0px 10px 0px;
}

.b2c-chip.chip-primary.chips {
  background: #FF6B06;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-primary.chips > .number {
  width: 16px;
  height: 16px;
  color: #FF6B06;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-primary.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #FF6B06;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-primary.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.b2c-chip.chip-primary.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
}
.b2c-chip.chip-primary.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.b2c-chip.chip-primary.chips-big {
  background: #FF6B06;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-primary.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #FF6B06;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-primary.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #FF6B06;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-primary.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-primary.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-primary.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-primary.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.chip-exclusion.chips {
  background: #EF2323;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-exclusion.chips > .number {
  width: 16px;
  height: 16px;
  color: #EF2323;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-exclusion.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #EF2323;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-exclusion.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.b2c-chip.chip-exclusion.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
}
.b2c-chip.chip-exclusion.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.b2c-chip.chip-exclusion.chips-big {
  background: #EF2323;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-exclusion.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #EF2323;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-exclusion.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #EF2323;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-exclusion.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-exclusion.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-exclusion.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-exclusion.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.chip-support.chips {
  background: #3a3a3a;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-support.chips > .number {
  width: 16px;
  height: 16px;
  color: #3a3a3a;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-support.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #3a3a3a;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-support.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.b2c-chip.chip-support.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
}
.b2c-chip.chip-support.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.b2c-chip.chip-support.chips-big {
  background: #3a3a3a;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-support.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #3a3a3a;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-support.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #3a3a3a;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-support.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-support.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-support.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-support.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.chip-secondary.chips {
  background: #3a3a3a;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-secondary.chips > .number {
  width: 16px;
  height: 16px;
  color: #3a3a3a;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-secondary.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #3a3a3a;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-secondary.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.b2c-chip.chip-secondary.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
}
.b2c-chip.chip-secondary.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.b2c-chip.chip-secondary.chips-big {
  background: #3a3a3a;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-secondary.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #3a3a3a;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-secondary.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #3a3a3a;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-secondary.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-secondary.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-secondary.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-secondary.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.chip-info.chips {
  background: #1489FF;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-info.chips > .number {
  width: 16px;
  height: 16px;
  color: #1489FF;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-info.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #1489FF;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-info.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.b2c-chip.chip-info.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
}
.b2c-chip.chip-info.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.b2c-chip.chip-info.chips-big {
  background: #1489FF;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-info.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #1489FF;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-info.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #1489FF;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-info.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-info.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-info.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-info.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.chip-success.chips {
  background: #46a885;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-success.chips > .number {
  width: 16px;
  height: 16px;
  color: #46a885;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-success.chips > .number-chip-sem-fundo {
  width: 16px;
  height: 16px;
  color: #fff;
  background: #46a885;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-success.chips > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-success.chips > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-success.chips > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-success.chips-big {
  background: #46a885;
  border-radius: 24px;
  padding: 4px 8px 4px 4px;
  display: inline-flex;
  font-family: "Matter";
  font-family: "Matter";
  align-items: center;
  font-weight: 500;
}
.b2c-chip.chip-success.chips-big > .number {
  width: 28px;
  height: 28px;
  color: #46a885;
  background: #fff;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-success.chips-big > .number-chip-sem-fundo {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #46a885;
  border-radius: 50%;
  display: flex;
  text-align: center;
  margin-right: 4px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.b2c-chip.chip-success.chips-big > .label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
}
.b2c-chip.chip-success.chips-big > .label-sem-numero {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding-left: 4px;
  font-weight: 500;
}
.b2c-chip.chip-success.chips-big > .label-chip-sem-fundo {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}
.b2c-chip.chip-success.chips-sem-fundo {
  background: transparent;
}

.b2c-chip.cursor-chip {
  cursor: pointer;
}

.b2c-input-file > div {
  border-radius: 4px 4px 4px 0px;
}
.b2c-input-file > div > .input-file-text {
  border: none;
  background: #ededed;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #3a3a3a;
  padding-left: 8px;
  cursor: default;
  border-bottom: 1px solid #e0e0e0;
}
.b2c-input-file > div > .input-file-text.input-with-file {
  border-bottom: 2px solid #e9a23b !important;
}
.b2c-input-file > div > .input-file-text.input-file-with-error {
  color: #C62222;
}
.b2c-input-file > div > .input-file-text:focus {
  outline: none;
}
.b2c-input-file > div > .input-file-text-hover-effect {
  background: #ededed;
}
.b2c-input-file > div > .file-upload {
  background: #FF6B06;
  color: #fff;
  font-family: "Matter";
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  border-radius: 0px 4px 4px 0px;
  border: 0;
  padding: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  width: 127px;
  height: 40px;
  text-align: center;
}
.b2c-input-file > div > .file-upload > input[type=file] {
  display: none;
}
.b2c-input-file > div > .has-file-updated {
  background-color: #e9a23b;
}
.b2c-input-file > div > .file-uploado-disabled,
.b2c-input-file > div > .file-uploado-disabled:hover,
.b2c-input-file > div > .file-uploado-disabled:active {
  background-color: #999999 !important;
  cursor: default !important;
}
.b2c-input-file > div > .file-upload:hover {
  background-color: #ffe1cc;
}
.b2c-input-file > div > .file-upload:active {
  background-color: #e9a23b;
}
.b2c-input-file > small {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #3a3a3a;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
}
.b2c-input-file > small.has-error {
  color: #C62222;
}

.b2c-input-number .input-w-100 .p-inputnumber {
  width: 100% !important;
}
.b2c-input-number:first-child() {
  margin-top: 1rem;
}
.b2c-input-number .p-field {
  margin-bottom: 0.5rem !important;
}
.b2c-input-number .mat-error {
  font-size: 11px;
  margin-bottom: -1.2rem;
}
.b2c-input-number .p-inputnumber-input {
  padding: 1.7rem 0.7rem 0.6rem 0.7rem !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.b2c-input-number .ng-dirty.ng-invalid .p-inputtext {
  background-size: 100% 2px, 100% 1px;
  background-image: linear-gradient(to bottom, #C62222, #C62222), linear-gradient(to bottom, #C62222, #C62222);
}
.b2c-input-number .p-float-label .p-inputwrapper-filled ~ label {
  top: 0.65rem !important;
  margin-top: 0;
  background: transparent;
  font-size: 10px;
  color: #FF6B06;
}
.b2c-input-number .p-float-label > .ng-invalid.ng-dirty + label {
  color: #C62222;
}
.b2c-input-number .p-float-label .p-inputwrapper-focus ~ label {
  font-size: 10px;
  color: #FF6B06;
}
.b2c-input-number .mat-error:nth-of-type(2) {
  margin-top: 1rem;
}

/* Add your customizations of layout here */
/* Utils */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

*[hidden] {
  display: none;
}

.card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  padding: 1em;
  margin-bottom: 1em;
  box-sizing: border-box;
}
.card.card-w-title {
  padding-bottom: 2em;
}
.card h1 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 1em 0;
}
.card h1:first-child {
  margin-top: 0.667em;
}
.card h2 {
  font-size: 1.375em;
  font-weight: 400;
}
.card h3 {
  font-size: 1.25em;
  font-weight: 400;
}
.card h4 {
  font-size: 1.125em;
  font-weight: 400;
}

.nopad {
  padding: 0;
}
.nopad .ui-panel-content {
  padding: 0;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.ui-icon-spin {
  -webkit-animation-name: spin;
  animation-name: spin;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/* Ripple */
/* Ripple Effect Style like Google Material Buttons Effect*/
.ripplelink {
  /* display:block; */
  /*color:#fff;*/
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}

.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.ripple-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
div.container.sidebar button.sidebar__mobile {
  position: absolute;
  top: -4.8rem;
  height: 4.8rem;
  left: 0;
  padding: 1rem;
  background: none;
  border: none;
  outline: none;
}

.container__sidebar.p-sidebar-left {
  transition: width ease-in-out 200ms, transform ease-in-out 200ms;
  box-shadow: none;
  padding: 0;
  border-right: 1px solid #DEE2E6;
  z-index: 10 !important;
}
@media (min-width: 991px) {
  .container__sidebar.p-sidebar-left {
    padding-top: 4rem;
    top: 0;
  }
}
@media (max-width: 991px) {
  .container__sidebar.p-sidebar-left {
    top: 4rem;
  }
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu {
  height: calc(100% - 4.8rem);
  list-style: none;
  padding: 1rem 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item {
  padding: 1rem;
  position: relative;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item:hover {
  cursor: pointer;
  color: #FF6B06;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item:hover span.material-icons {
  color: #FF6B06;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item:hover img {
  filter: invert(63%) sepia(96%) saturate(4129%) hue-rotate(354deg) brightness(101%) contrast(102%);
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item img {
  filter: invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(80%) contrast(100%);
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item img.icone-ativo {
  filter: invert(63%) sepia(96%) saturate(4129%) hue-rotate(354deg) brightness(101%) contrast(102%);
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item > span.material-icons {
  color: #3a3a3a;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item > span.material-icons:hover {
  color: #FF6B06;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item > span.material-icons.icone-ativo {
  color: #FF6B06;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item.esconder-menu {
  display: none !important;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu .menu-periodo-ir-icone {
  border-top: 1px solid #FF6B06;
  border-bottom: 1px solid #FF6B06 !important;
  border-left: 1px solid #FF6B06;
  padding: 0.5rem 0.7rem !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu .menu-periodo-ir-texto {
  border-top: 1px solid #FF6B06;
  border-bottom: 1px solid #FF6B06;
  border-right: 1px solid #FF6B06;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0.7rem;
  color: #FF6B06 !important;
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu li.sidebar__menu__item__expand-icon {
  margin-bottom: 1rem;
  padding: 1rem 0 0.5rem;
}
@media (max-width: 991px) {
  .container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu li.sidebar__menu__item__expand-icon {
    display: none !important;
  }
}
.container__sidebar.p-sidebar-left .p-sidebar-content ul.sidebar__menu li.sidebar__menu__item__expand-icon span.material-icons {
  font-size: 2rem;
  background: #FF6B06;
  color: #fff;
  border-radius: 50%;
  transition: transform ease-in-out 200ms;
}
.container__sidebar.p-sidebar-left .p-sidebar-content button.p-sidebar-close {
  display: none;
}

.sidebar-retraida .container__sidebar.p-sidebar-left {
  width: 48px;
  overflow-y: auto;
}
.sidebar-retraida .container__sidebar.p-sidebar-left .p-sidebar-content .sidebar__menu__item__text {
  display: none;
}

.sidebar-retraida .container__sidebar.p-sidebar-left::-webkit-scrollbar {
  width: 2px;
}

.sidebar-retraida .container__sidebar.p-sidebar-left::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar-retraida .container__sidebar.p-sidebar-left::-webkit-scrollbar-thumb {
  background: #888;
}

.sidebar-retraida .container__sidebar.p-sidebar-left::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sidebar-expandida .p-sidebar-left {
  width: 18rem;
  overflow-y: auto;
}
.sidebar-expandida .p-sidebar-left .p-sidebar-content ul.sidebar__menu {
  align-items: flex-start;
}
.sidebar-expandida .p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ededed;
  width: 100%;
}
.sidebar-expandida .p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item > span.sidebar__menu__item__text {
  position: absolute;
  left: 40px;
  padding-left: 0.75rem;
  width: 14rem;
}
.sidebar-expandida .p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item__expand-icon {
  width: 100%;
  justify-content: flex-end;
}
.sidebar-expandida .p-sidebar-left .p-sidebar-content ul.sidebar__menu > li.sidebar__menu__item__expand-icon span.material-icons {
  transform: rotate(180deg);
}

.sidebar-expandida .p-sidebar-left::-webkit-scrollbar {
  width: 2px;
}

.sidebar-expandida .p-sidebar-left::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sidebar-expandida .p-sidebar-left::-webkit-scrollbar-thumb {
  background: #888;
}

.sidebar-expandida .p-sidebar-left::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (max-width: 991px) {
  .sidebar-mobile-aberta .p-sidebar-left {
    transform: translateX(0) !important;
  }
}

@media (max-width: 991px) {
  .sidebar-mobile-fechada .p-sidebar-left {
    transform: translateX(-18rem) !important;
  }
}

body {
  font-family: "Matter" !important;
  font-size: 15px;
}
body .w-100 {
  width: 100% !important;
}
body .input-100 input {
  width: 100% !important;
}
body .h-100 {
  height: 100%;
}
body .p-2-5 {
  padding: 2.5rem !important;
}
body .mb-0 {
  margin-bottom: 0 !important;
}
body .mt-0 {
  margin-top: 0 !important;
}
body .pb-0 {
  padding-bottom: 0 !important;
}
body .pt-0 {
  padding-top: 0 !important;
}
body .pl-0 {
  padding-left: 0 !important;
}
body .pr-0 {
  padding-right: 0 !important;
}
body .ml-0 {
  margin-left: 0 !important;
}
body .ml-1 {
  margin-left: 1rem !important;
}
body .mr-0 {
  margin-right: 0 !important;
}
body .mt-2 {
  margin-top: 2rem !important;
}
body .mt-1 {
  margin-top: 1rem !important;
}
body .mt-4 {
  margin-top: 4rem !important;
}
body .pl-0-5 {
  padding-left: 0.5rem !important;
}
body .flex-center {
  display: flex;
  justify-content: center;
}
body .flex-column {
  flex-direction: column;
  align-items: center;
}
body .flex-between {
  justify-content: space-between;
  align-items: center;
}
body .flex {
  display: flex;
}
body .flex-center-vertical {
  align-items: center;
}
body .bg-light {
  background-color: #f1eeee;
}
body .w-small {
  max-width: 200px;
}
body .w-medium {
  max-width: 600px;
}
body .br-2 {
  border-radius: 2rem;
}
body .cursor-pointer {
  cursor: pointer;
}
body .menu-headline {
  font-weight: 700;
  font-size: 1em;
  padding-left: 1em;
  margin-bottom: 0.7em;
  padding-right: 2em;
}
body .myc-w-100 {
  width: 100%;
}
body .icone-mx-18 {
  max-width: 18px;
}

.layout-container .topbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  background-color: #f7f7f7;
}
.layout-container .topbar .logo {
  display: inline-block;
  transition: all 0.3s;
  vertical-align: middle;
  position: relative;
  top: -10px;
  width: 350px;
  height: 55px;
  background: url("../images/logomycapital.svg") top left no-repeat;
  background-size: 350px 55px;
}
.layout-container .topbar .topbar-left {
  transition: all 0.3s;
  box-sizing: border-box;
  padding: 20px;
  height: 75px;
  width: 250px;
  background-color: #ffffff;
  float: left;
}
.layout-container .topbar .topbar-right #menu-button {
  color: #7ea5ba;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  margin-right: 10px;
  position: relative;
  left: -16px;
  top: 3px;
  background-color: #c2cfe0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}
.layout-container .topbar .topbar-right #menu-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.layout-container .topbar .topbar-right #menu-button i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: white;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #menu-button i:before {
  content: "chevron_left";
}
.layout-container .topbar .topbar-right .topbar-items .search-item {
  margin-right: 8px;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input {
  position: relative;
  top: 10px;
  font-size: 14px;
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  padding: 2px;
  color: #ffffff;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus {
  outline: 0 none;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus ~ label {
  top: -5px;
  font-size: 12px;
}
.layout-container .topbar .topbar-right .topbar-items .search-item label {
  color: #ffffff;
  top: 13px;
}
.layout-container .layout-menu .profile {
  box-sizing: border-box;
  padding-top: 1.7em;
  width: 250px;
  height: 145px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 41px;
}
.layout-container .layout-menu .profile .profile-name {
  display: inline-block;
  color: #3a3a3a;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
}
.layout-container .layout-breadcrumb {
  min-height: 42px;
}
.layout-container .layout-breadcrumb:before, .layout-container .layout-breadcrumb:after {
  content: "";
  display: table;
}
.layout-container .layout-breadcrumb:after {
  clear: both;
}
.layout-container .layout-breadcrumb .first-menu-label {
  margin-left: 0.4rem;
}
.layout-container .layout-breadcrumb ul .material-icons {
  color: #797878;
}
.layout-container .layout-breadcrumb ul li {
  font-size: 16px;
}
.layout-container .layout-breadcrumb ul li .arrow-breadcrumb {
  vertical-align: bottom;
  color: black;
}
.layout-container .layout-breadcrumb ul li:nth-child(even) {
  font-size: 16px;
}
.layout-container .layout-breadcrumb .layout-breadcrumb-separator {
  padding-right: 0.15em;
  font-size: 1.2em !important;
}
.layout-container .ultima-menu {
  border-radius: 0.5em;
}
.layout-container .ultima-menu .image-icon {
  width: 18px;
  margin-right: 0.9em;
  margin-left: 0.1em;
  position: relative;
  top: 0.12em;
}
.layout-container .ultima-menu .image-icon-label {
  margin-top: -0.3em;
}
.layout-container .ultima-menu > li[role=menuitem] > a > i:first-child {
  font-size: 1.5em;
}
.layout-container .ultima-menu > li > a {
  display: block;
  padding: 0.5em 2.5em 0.5em 1em;
  color: #3a3a3a;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  overflow: hidden;
  cursor: pointer;
}
.layout-container .ultima-menu > li > a i {
  color: #616161;
}
.layout-container .ultima-menu > li > a > span {
  font-weight: 500;
  font-size: 1em;
}
.layout-container .ultima-menu > li > a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 2em;
}
.layout-container .ultima-menu > li > a i:last-child {
  float: right;
  font-size: 18px;
  margin-top: 0.15em;
  margin-right: -0.15em;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
}
.layout-container .ultima-menu > li > a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-container .ultima-menu > li > a span {
  vertical-align: middle;
}
.layout-container .ultima-menu > li > a.active-menuitem-routerlink {
  border-left: 0.3rem solid #FF6B06;
  background-color: rgba(0, 0, 0, 0.04);
  color: #616161;
}
.layout-container .ultima-menu > li > a.active-menuitem-routerlink > i {
  color: #616161;
}
.layout-container .ultima-menu > li > a.active-menuitem-routerlink:hover {
  color: #3a3a3a;
}
.layout-container .ultima-menu > li > a.active-menuitem-routerlink:hover > i {
  color: #3a3a3a;
}

@media (min-width: 1025px) {
  .layout-container .topbar-items > li {
    float: right;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
  }
  .layout-container .topbar-items > li > a {
    cursor: pointer;
  }
  .layout-container .topbar-items > li > a:hover .topbar-icon {
    color: #3a3a3a;
  }
  .layout-container .topbar-items > li > a .topbar-label {
    color: #797878;
    display: block;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
  }
  .layout-container .topbar-items > li .topbar-icon {
    font-size: 33px;
    color: #c2cfe0;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .layout-container .topbar-items > li .topbar-icon.title-arrow-icon {
    padding-right: 0.2rem;
    font-size: 1.2rem;
    padding-top: 0.4rem;
    color: #797878;
  }
  .layout-container .topbar-items > li > ul {
    position: absolute;
    top: 45px;
    right: 0px;
    display: none;
    width: max-content;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    animation-duration: 0.2s;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-left {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #ffffff;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-left .logo {
    display: inline-block;
    transition: all 0.3s;
    vertical-align: middle;
    position: relative;
    top: -10px;
    width: 350px;
    height: 55px;
    background: url("../images/logomycapital.svg") top left no-repeat;
    background-size: 350px 55px;
  }
}
.text-color-primary {
  color: #FF6B06;
}

.font-size-0-2 {
  font-size: 0.2rem;
}

.font-size-0-5 {
  font-size: 0.5rem;
}

.font-size-0-8 {
  font-size: 0.8rem;
}

.font-size-1 {
  font-size: 1rem;
}

.font-size-2 {
  font-size: 2rem;
}

.font-size-3 {
  font-size: 3rem;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right !important;
}

@media (max-width: 1024px) {
  .image-icon {
    top: 0em !important;
  }

  .image-icon-label {
    margin-top: 0em !important;
  }

  .layout-container.menu-layout-static .topbar .topbar-left {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: white;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar .topbar-left {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: white;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    padding-bottom: 0;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i.material-icons {
    font-size: 1.5em !important;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-label {
    display: block;
    padding-top: 0.4rem;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-col-pl-0 {
    padding-left: 0;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-icon.title-arrow-icon {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    padding-top: 0.2rem;
  }
}
.p-dialog:not(.myc-component) {
  max-width: 75%;
}
.p-dialog:not(.myc-component) .p-dialog-title {
  display: none !important;
}
.p-dialog:not(.myc-component) .p-dialog-header {
  flex-direction: row-reverse;
  padding: 0.5rem 1.25rem 0 !important;
}

.p-button-icon .pi .pi-power-off {
  color: grey !important;
}

.layout-breadcrumb-container .p-button.p-button-icon-only .pi {
  color: gray;
}
.layout-breadcrumb-container .layout-breadcrumb-buttons .p-button {
  background: transparent;
  box-shadow: none;
}

.p-radiobutton-box.p-highlight .p-radiobutton-icon {
  transform: translateZ(0) scale(1, 1) !important;
  visibility: visible;
}

.erro-validacao {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #C62222;
  font-size: 0.9em;
  border: 0 none;
  background-color: transparent;
}

.p-component {
  font-family: "Matter", Arial, sans-serif !important;
}

button {
  font-family: "Matter", Arial, sans-serif !important;
}

.p-tabview-ink-bar {
  z-index: 1;
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #FF6B06 !important;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.layout-topbar-action-item {
  display: flex;
}
.layout-topbar-action-item .topbar-menu-badge {
  border-radius: 28px;
  background: #46a885;
  display: flex;
  height: 28px;
  padding: 5px 8px 4px 8px;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-family: Matter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  /* 120% */
  text-transform: uppercase;
  color: white;
  margin-left: 8px;
}
.layout-topbar-action-item .topbar-menu-badge.desativado {
  background-color: #C62222;
}
.layout-topbar-action-item .topbar-menu-badge.new {
  background: linear-gradient(90deg, #ff6b06 0%, #ff4506 100%);
}

.customers-header {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #000;
  padding: 24px;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: white;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.customers-header__buttons {
  display: flex;
  gap: 12px;
}
.customers-header__basic {
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
@media (max-width: 942px) {
  .customers-header__basic {
    flex-direction: row !important;
  }
}
@media (max-width: 942px) {
  .customers-header {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .customers-header__buttons {
    margin-top: 12px;
    gap: 0;
  }
}

.myc-new-tag {
  background: linear-gradient(270deg, #ff8933 33.33%, #ff6b06 97.4%);
  border-radius: 50px;
  padding: 4px 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #ffffff;
  border-radius: 20px;
  height: 20px;
}

.myc-container-width {
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
  padding-left: 32px;
  padding-top: 32px;
}
@media (max-width: 990px) {
  .myc-container-width {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.myc-container-width-sm {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px;
  padding-left: 32px;
  padding-top: 32px;
}
@media (max-width: 990px) {
  .myc-container-width-sm {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.myc-container {
  margin-left: 52px;
}
@media (max-width: 993px) {
  .myc-container {
    margin-left: 0px;
    margin-top: 0px;
  }
}

.card-sem-dados {
  display: flex;
  padding: 24px;
  border-radius: 4px;
  margin: 24px;
  max-width: 400px;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
}
.card-sem-dados__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff6b06;
}
.card-sem-dados__icon i {
  font-size: 18px !important;
  color: #fff0e5 !important;
}
.card-sem-dados__title {
  color: black;
  font-weight: bold;
  font-size: 21px;
}
.card-sem-dados__subtitle {
  color: #999999;
  font-size: 14px;
}

.tag-variacao {
  display: flex;
  padding: 2px 8px;
  align-items: flex-start;
  margin-bottom: 4px;
  margin-top: 4px;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.tag-variacao i {
  font-size: 12px;
}
.tag-variacao.green {
  background-color: #cfe5dd;
  color: #46a885;
}
.tag-variacao.red {
  background-color: #ffebee;
  color: #EF2323;
}
.tag-variacao.neutral {
  background-color: #ffe1cc;
  color: #ff8933;
}

.spotlight-highlight {
  position: relative;
  z-index: 1001 !important;
  box-shadow: 0 0 0 4px white, 0 0 0 8px rgba(255, 255, 255, 0.5), 0 0 24px 8px rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
  background: white;
}

.spotlight-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.tooltip-box {
  background: black;
  color: white;
  padding: 1rem;
  border-radius: 8px;
  width: 300px;
  white-space: pre-line;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  position: absolute;
}
.tooltip-box__buttons {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.no-scroll {
  overflow: hidden !important;
}

body #cidade > div {
  width: 100%;
}
body #estado > div {
  width: 100%;
}
body .input-invalid-message {
  color: #C62222;
}
body .title-cadastro {
  font-weight: 700;
  font-size: 1rem;
}
body .title-dashboard {
  font-size: 1.1875rem;
  margin-block-start: 0.3em;
}
body .title-enviomail {
  font-weight: 500;
  font-size: 1rem;
  padding-top: 0px;
}
body .paragraph-icon h6,
body .paragraph-icon p {
  display: table-cell;
  vertical-align: top;
}
body .paragraph-icon div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 15px;
}
body .paragraph-icon i {
  color: #000;
  float: left;
  display: block;
  text-align: center;
  font-size: 16px;
}
body .diplay-table-cell {
  display: table-cell;
}
body .col-nome-codbov-customers-table {
  padding-top: 9px;
}
body .col-label-filtrar-customers-table {
  padding-right: 0;
}
body .col-btn-buscar-customers-table {
  padding-top: 2px;
}
body .ui-splitbutton .ui-menu {
  width: 100%;
  min-width: 8.5em;
}
body .tabela-demonstrativo-pagamento {
  background: #f1eeee;
  padding: 30px;
}
body .tabela-demonstrativo-pagamento .header {
  text-align: center;
  font-weight: 700;
}
body .tabela-demonstrativo-pagamento .badge-info {
  background-color: #FF6B06;
  color: white;
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-weight: unset;
  font-size: 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  body .tabela-demonstrativo-pagamento .badge-info {
    font-size: 10px;
    font-weight: 400;
    padding: 0.25em;
  }
}

.diplay-table-cell-imp {
  display: table-cell !important;
}

.confir-senha-icon {
  border-bottom: 0.7px solid #bdbdbd;
  color: #9c9c9c;
}
.confir-senha-icon i {
  font-size: 1rem;
  vertical-align: middle;
}

.mb-3 {
  margin-bottom: 1.875rem !important;
}

.mb-2 {
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.125rem !important;
}

.box {
  background-color: #cce4f7;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  border-radius: 4px;
  color: #333333;
}

.btn-pro {
  background: #ffffff;
  color: #FF6B06;
  border: 1px solid #FF6B06;
}

.subtitle {
  color: #6a707e;
}

.subtitle-right {
  color: #6a707e;
  text-align: right;
}

@media (max-device-width: 480px) {
  .subtitle-right {
    text-align: center;
  }
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF6B06 !important;
}

.mat-radio-inner-circle {
  background-color: #FF6B06 !important;
}

body .content-modal {
  width: 50%;
}
body .conteudo-modal {
  width: 100%;
}
body .p-message {
  background: unset !important;
}
body .p-message .p-message-detail {
  color: #FF6B06 !important;
}
body .p-message .p-message-icon {
  display: none;
}
body .p-message .p-message-wrapper {
  padding: unset;
}

@media (min-width: 961px) {
  .custom-message {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .custom-message {
    width: 50%;
  }
}
@media (min-width: 1281px) {
  .custom-message {
    width: 50%;
  }
}
.custom-message {
  max-width: 90%;
}
.custom-message .p-dialog-footer {
  border-top: unset;
  margin-bottom: 4%;
}
.custom-message .p-dialog-footer .p-button {
  background-color: #FF6B06;
  color: #ffffff;
  margin-right: 0%;
}

body .formulario-cadastro {
  margin: auto;
}
body .title-cadastro {
  margin-block-end: 0;
}
body .subtitle-cadastro {
  margin-block-start: 0.2rem;
}
body .tabela-demonstrativo-pagamento {
  padding: 20px;
}
body .tabela-demonstrativo-pagamento .desconto-retroativo {
  color: #3cc13b !important;
}
body .tabela-demonstrativo-pagamento .valor-total {
  color: #FF6B06 !important;
  border-bottom: 0 !important;
}
body .custom-dropdown {
  padding: 7px !important;
  border-radius: 4px;
}
body .custom-dropdown-posicao > span {
  padding: 0px !important;
}
body .cirulo-tabela-pagamento {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  position: relative;
  background-color: rgba(255, 149, 0, 0.6);
}
body .cirulo-tabela-pagamento-last {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  position: relative;
  background-color: rgba(255, 149, 0, 0.6);
}
body .cirulo-tabela-pagamento:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  border: 1px solid rgba(0, 0, 0, 0.219);
  border-width: 0 0 0 1px;
  width: 1px;
  height: 41px;
}
@media screen and (max-width: 790px) {
  body .cirulo-tabela-pagamento:before {
    height: 0;
  }
}
body .div-circulo:first-child {
  padding-top: 16%;
}
body .div-circulo {
  padding-top: 65%;
}
body .linha-circulo {
  width: 5%;
  border-bottom: unset !important;
}
body .text-bold {
  font-weight: bold !important;
}
body .calendar-icon {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.356) !important;
}
body .cardFlag .half-opacity {
  opacity: 0.5;
}
body .mesValidade.ui-dropdown {
  min-width: 100%;
}
body .anoValidade.ui-dropdown {
  min-width: 100%;
}
body .title-pagamento {
  font-size: 0.975rem;
  font-weight: 700 !important;
  padding-bottom: 20px;
}
body .span-icon-pagamento {
  float: left;
  margin-top: -4px;
}
body .span-icon-pagamento i {
  color: #bdbdbd;
}
body .span-icon-pagamento a i {
  color: #bdbdbd;
}
body .span-label-pagamento {
  float: left;
  width: 92%;
}
body a:hover .codigo-ccv {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 45%;
  right: 1%;
  background: #ff8933;
}
body a .codigo-ccv {
  display: none;
  cursor: pointer;
  border-radius: 6px;
}
body .text-uppercase {
  text-transform: uppercase;
}

.divisao {
  border-left: 1px solid #bdbdbd;
  height: 200px;
  position: absolute;
  left: 55%;
  margin-left: -3px;
  top: 233px;
}

.floating-label {
  position: absolute;
  margin-top: -30px;
  font-size: 12px;
}

.green-label, body .ui-table .ui-table-tfoot > tr > .green-label {
  color: green;
}

.red-label, body .ui-table .ui-table-tfoot > tr > .red-label {
  color: #C62222;
}

.ta-left {
  text-align: left !important;
}

.ta-right {
  text-align: right !important;
}

.acao-col-size {
  width: 6em;
}

.all-col-size {
  width: 9em;
}

.mw-150 {
  min-width: 150px;
}

.linha-check-termo {
  padding-top: 2rem;
}

.checkbox-termo {
  margin-left: 6%;
}

.label-politica-privacidade {
  margin-top: 0.15rem;
}

.input-filled.ui-inputtext {
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  padding: 0.5rem;
  min-width: 300px;
  background-image: none;
}
.input-filled.ui-inputtext:focus {
  padding: 0.5rem;
}

.input-filled-container {
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.icon-button {
  background-color: #FF6B06;
  padding: 1rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.icon-button .material-icons {
  font-size: 1.2em;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.icon-button-clear {
  background-color: transparent;
  color: #ff8933;
  margin-top: 7px;
  margin-left: -30px;
  cursor: pointer;
}

.input-container .label {
  margin-bottom: 7px;
  font-size: 12px;
}
.input-container input {
  height: 40px !important;
  padding: 10px;
  width: 100% !important;
}
.input-container .p-chips .p-chips-multiple-container {
  padding: 0px !important;
}
.input-container .p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0px !important;
}
.input-container .p-chips .p-chips-multiple-container .p-chips-input-token input {
  padding: 10px !important;
}

@media (max-width: 400px) {
  body .ui-accordion-toggle-icon {
    right: -80% !important;
  }
}
@media (min-width: 400px) {
  body .div-esquerda-integracao {
    padding-right: 3.5rem;
    padding-left: 2rem;
    border-right: 1px solid #bdbdbd;
  }
  body .div-direita-integracao {
    padding-left: 3.5rem;
  }
}
body .ui-accordion-toggle-icon {
  position: relative;
  text-align: right;
  right: -60%;
  border-radius: 60px;
  background-color: #dfdfdf;
  color: #fff;
}
body .ui-state-active .pi,
body .ui-state-highlight .pi.ui-accordion-toggle-icon {
  color: #fff !important;
}
body .radios-pagamento .ui-state-active .pi,
body .radios-pagamento .ui-state-highlight .pi.ui-accordion-toggle-icon {
  color: #FF6B06 !important;
}
body .ui-accordion .ui-accordion-header {
  margin-left: -24px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: bold;
}
body .ui-accordion .ui-accordion-header > a {
  padding-left: 0px;
}
body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon,
body .ui-accordion .ui-accordion-header > a .ui-accordion-header-text {
  vertical-align: middle;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: unset;
}
body .ui-accordion .ui-accordion-header.ui-state-active {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-accordion .ui-accordion-header :focus {
  outline: unset;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  font-size: 0.8rem;
}

body .link {
  color: #ff6b06;
  text-decoration: underline;
  text-decoration-color: #ff6b06;
}
body .redefinir-senha-dialog {
  border-radius: 0.7rem;
  width: 27vw;
}
@media (max-width: 600px) {
  body .redefinir-senha-dialog {
    width: 90vw;
  }
}
body .redefinir-senha-dialog .redefinir-senha-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.2rem;
}
body .redefinir-senha-dialog .redefinir-senha-content .confir-senha-icon {
  position: relative;
}
body .redefinir-senha-dialog .redefinir-senha-content img {
  width: auto;
  max-width: 200px;
}
body .redefinir-senha-dialog .redefinir-senha-content form {
  width: 100%;
}
body .redefinir-senha-dialog .redefinir-senha-content input {
  padding: 0.3rem;
}
body .redefinir-senha-dialog .title {
  font-size: 1em;
  text-align: center;
}
body .redefinir-senha-dialog .ui-button-enviar {
  width: 100%;
  padding: 0.6rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .redefinir-senha-dialog .ui-button-cancelar {
  width: 100%;
  padding: 0.1rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #eee;
  color: black;
}
body .redefinir-senha-dialog .ui-button-cancelar:hover {
  background-color: #eee !important;
}
body .custom-dialog p {
  padding: 1rem;
  font-size: 1.2em;
}
body .custom-dialog .ui-dialog-content {
  margin-top: -2rem;
}
body .custom-dialog .ui-dialog-titlebar {
  z-index: 100;
  background-color: transparent;
}
body .card-light {
  background-color: #fafafa;
}
body .card-analise-perfil {
  max-width: 650px;
  margin: auto;
}
body .img-analise-perfil {
  text-align: center;
  margin-top: 2rem;
}
body .titulo-analise-perfil {
  text-align: center;
  font-weight: bold;
  margin-top: 1.5rem;
}
body .paragrafo-analise-perfil {
  text-align: center;
  margin-left: 2rem;
  margin-top: 2rem;
  margin-right: 2rem;
  margin-bottom: 3rem;
}
body .paragrafo-aguardando-aprovacao {
  text-align: justify;
  margin-left: 2rem;
  margin-top: 2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
body .link-cei {
  color: #FF6B06;
}
body .custom-link {
  color: #FF6B06;
  text-decoration: underline;
}
body .txt-align-center {
  text-align: center;
}
body .evolucao-patrimonial__topo .progress {
  width: 2rem;
}
body .layout-wrapper {
  margin-top: 54px;
}
body .layout-wrapper .layout-main .layout-content {
  background-color: #ededed;
}

.no-shadow {
  box-shadow: none !important;
}

.evolucao-patrimonial p,
.evolucao-patrimonial h1,
.evolucao-patrimonial h2,
.evolucao-patrimonial h3,
.evolucao-patrimonial h4,
.evolucao-patrimonial div {
  margin: 0;
}
.evolucao-patrimonial__conteiner {
  padding: 1rem 0.8rem 1rem 1rem;
  color: #3a3a3a;
}
@media (max-width: 600px) {
  .evolucao-patrimonial__conteiner {
    margin: 0.5rem;
  }
}
.evolucao-patrimonial__topo {
  display: flex;
}
.evolucao-patrimonial__topo .p-progress-spinner-svg {
  top: 50%;
  left: 50%;
}
.evolucao-patrimonial__titulo {
  margin-top: 0.5rem;
  font-size: 24px !important;
  margin-bottom: 0;
}
.evolucao-patrimonial__grafico {
  border-radius: 10px;
  padding: 1rem 0.8rem 1rem 0rem;
  margin-top: 1.5rem;
}
@media (max-width: 600px) {
  .evolucao-patrimonial__grafico {
    padding: 1rem 0;
  }
}
.evolucao-patrimonial__infos {
  display: flex;
  justify-content: space-between;
  margin: 0 1rem 3rem 1rem;
}
@media (max-width: 900px) {
  .evolucao-patrimonial__infos {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    width: auto;
  }
}
.evolucao-patrimonial__infos .aplicacao {
  background-color: #ff8933;
}
.evolucao-patrimonial__infos .patrimonio {
  background-color: #263FA8;
}
.evolucao-patrimonial__infos .cdi {
  background-color: #46a885;
}
.evolucao-patrimonial__infos .variacao-ibovespa {
  background-color: #EF2323;
}
.evolucao-patrimonial__infos__cards {
  width: 23%;
  height: 6rem;
  border-radius: 10px;
  background-color: white;
  display: flex;
}
@media (max-width: 900px) {
  .evolucao-patrimonial__infos__cards {
    min-width: 30%;
    margin: 0 1.5rem 1rem 1.5rem;
    flex-grow: 1;
    height: 5.4rem;
  }
}
@media (max-width: 450px) {
  .evolucao-patrimonial__infos__cards {
    min-width: 50%;
    flex-grow: 1;
    height: 5.4rem;
  }
}
.evolucao-patrimonial__infos__cards span {
  height: 100%;
  width: 0.8rem;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-right: 1.3rem;
}
.evolucao-patrimonial__infos__cards p {
  padding: 0.3rem 0.9rem 0.2rem 0.9rem;
  border-radius: 5px;
  color: white;
  text-align: center;
  font-size: 0.9rem;
  margin: 0.8rem 0 0 0 !important;
  width: 12vw;
}
@media (max-width: 900px) {
  .evolucao-patrimonial__infos__cards p {
    padding: 0.1rem 0.4rem;
    font-size: 0.8rem;
    margin-right: 1.3rem;
    width: 50%;
  }
}
.evolucao-patrimonial__infos__cards h3 {
  font-size: 1.3rem;
  margin: 0.9rem 0;
}
@media (max-width: 600px) {
  .evolucao-patrimonial__infos__cards h3 {
    font-size: 1rem;
  }
}
.evolucao-patrimonial__variacao {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
@media (max-width: 840px) {
  .evolucao-patrimonial__variacao {
    justify-content: center;
  }
}
@media (max-width: 520px) {
  .evolucao-patrimonial__variacao {
    flex-wrap: wrap;
  }
}
.evolucao-patrimonial__variacao .card-evolucao-patrimonial {
  margin-left: 1rem;
  height: auto;
  min-width: 20%;
}
.evolucao-patrimonial__variacao__cards {
  border-radius: 10px;
  width: auto;
  height: 3rem;
  line-height: 0.1px;
  padding: 0.5rem 1rem 1rem 1rem;
  font-size: 1rem;
  background-color: white;
}
@media (min-width: 1440px) {
  .evolucao-patrimonial__variacao__cards {
    width: 17%;
    font-size: 1.1rem;
  }
}
@media (max-width: 1690px) {
  .evolucao-patrimonial__variacao__cards {
    width: 25%;
  }
}
@media (max-width: 1196px) {
  .evolucao-patrimonial__variacao__cards {
    width: auto;
    height: auto;
  }
}
@media (max-width: 840px) {
  .evolucao-patrimonial__variacao__cards {
    width: auto;
    margin: 0 0.5rem;
  }
}
@media (max-width: 520px) {
  .evolucao-patrimonial__variacao__cards {
    flex-wrap: wrap;
    margin: 0.5rem 0;
  }
}
@media (max-width: 460px) {
  .evolucao-patrimonial__variacao__cards {
    margin-bottom: 1rem;
    width: 70%;
  }
  .evolucao-patrimonial__variacao__cards p {
    font-size: 0.9rem;
  }
}
.evolucao-patrimonial__variacao__cards .variacao {
  display: flex;
  margin-top: -0.5rem;
  align-items: center;
}
.evolucao-patrimonial__variacao__cards .variacao h3 {
  font-size: 1.3rem;
  margin-bottom: 0;
}
.evolucao-patrimonial__variacao__cards .variacao #sinal {
  font-weight: 800;
  font-size: 0.7rem;
  margin-right: -0.1rem;
  margin-left: 0.2rem;
}
.evolucao-patrimonial__variacao__cards .variacao .positivo {
  background-color: #cfe5dd;
  color: #46a885;
  padding: 0 0.1rem 0.2rem 0.4rem;
  margin-left: 0.5rem;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 800;
}
@media (min-width: 1440px) {
  .evolucao-patrimonial__variacao__cards .variacao .positivo {
    font-size: 0.9rem;
  }
}
.evolucao-patrimonial__variacao__cards .variacao .positivo span {
  font-size: 1rem;
  color: #46a885;
}
.evolucao-patrimonial__variacao__cards .variacao .negativo {
  background-color: #ffebee;
  color: #C62222;
  padding: 0 0.1rem 0.2rem 0.4rem;
  margin-left: 0.5rem;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 800;
}
@media (min-width: 1440px) {
  .evolucao-patrimonial__variacao__cards .variacao .negativo {
    font-size: 0.9rem;
  }
}
.evolucao-patrimonial__variacao__cards .variacao .negativo span {
  font-size: 1rem;
  color: #C62222;
}
.evolucao-patrimonial__variacao__cards .variacao .red {
  color: #C62222;
  margin-left: 0.5rem;
}
.evolucao-patrimonial__variacao__cards .variacao .green {
  color: #46a885;
}
.evolucao-patrimonial__variacao__cards .variacao .zero {
  background-color: #ffe1cc;
  color: #ff8933;
  padding: 0.1rem 0.2rem;
  margin-left: 0.5rem;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 800;
  margin-bottom: 0;
}
.evolucao-patrimonial__variacao__cards .variacao .zero span {
  font-size: 0.7rem;
  color: #ffe1cc;
}

.evolucao-patrimonial__conteiner {
  /* Remove spin input number */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.evolucao-patrimonial__conteiner #titulo-width {
  font-size: 1.7rem;
}
.evolucao-patrimonial__conteiner .posicao-grafico {
  padding-left: 1rem;
}
@media (max-width: 500px) {
  .evolucao-patrimonial__conteiner .posicao-grafico {
    padding-right: 1rem;
  }
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__titulo {
  position: relative;
  margin-top: 1rem;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__topo {
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  align-items: center;
}
@media (max-width: 500px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__topo {
    flex-direction: column;
    align-items: center;
  }
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__topo .p-progress-spinner-svg {
  top: 5rem;
  bottom: 5.2rem;
  width: 4rem;
  right: 1rem;
  left: 1rem;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card {
  width: 20%;
  font-size: 1rem;
  padding: 0.6rem 1.2rem;
  white-space: nowrap;
  flex-wrap: wrap;
  height: auto;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card:first-child {
  width: 22%;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card:nth-child(2) {
  width: 22%;
}
@media (min-width: 1600px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card {
    font-size: 1.1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1021px) and (max-width: 1080px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card {
    font-size: 0.5rem;
  }
}
@media screen and (min-width: 1030px) and (max-width: 1200px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card {
    padding: 0.6rem 0.5rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 880px) and (max-width: 955px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card {
    font-size: 0.8rem;
    margin: 0 0.2rem;
  }
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card {
    width: 20%;
  }
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa {
  width: auto;
  height: 4.8rem;
  text-align: left;
  padding: 0.6rem 1rem 1.4rem 1.5rem;
  margin-top: 0;
  font-size: 0.9rem;
  margin-right: 3%;
  white-space: nowrap;
}
@media (max-width: 550px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa {
    width: 100%;
    margin-top: 1rem;
  }
}
@media (max-width: 360px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa {
    height: auto;
    margin-bottom: 1rem;
  }
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa h3 {
  padding-right: 1rem;
  font-size: 1.2rem;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa h4 {
  font-size: 1rem;
  margin: 0;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa p {
  background-color: #ff8933;
  border-radius: 5px;
  padding: 0.1rem 0.4rem;
  color: white;
  width: 5rem;
  font-size: 0.9rem;
  margin: 0 2rem 0.5rem 0;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa .ibovespa-infos {
  display: flex;
  margin-top: 0;
}
@media (max-width: 360px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real__card__ibovespa .ibovespa-infos {
    flex-direction: column;
    align-items: flex-start;
  }
}
.evolucao-patrimonial__conteiner .posicao-tempo-real .p-dropdown {
  background: transparent no-repeat !important;
}
.evolucao-patrimonial__conteiner .ibovespa {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table {
    overflow: auto;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-tbody > tr {
    width: 100%;
    display: flex;
  }
}
@media (max-width: 900px) {
  .evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-thead > tr {
    width: 120%;
    display: flex;
    background-color: white;
    height: 0.5rem;
  }
}
.evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-tbody > tr > td,
.evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-thead > tr > th {
  border: unset;
  width: 20%;
}
@media (max-width: 900px) {
  .evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-tbody > tr > td,
.evolucao-patrimonial__conteiner #tablePatrimonioTempoReal .p-table .p-table-thead > tr > th {
    width: 100%;
    margin: auto 1rem;
  }
}
.evolucao-patrimonial__conteiner .p-table .p-table-thead > tr > th {
  padding-bottom: 0;
}
.evolucao-patrimonial__conteiner .aplicacao p {
  background-color: #e9a23b;
}
.evolucao-patrimonial__conteiner .patrimonio p {
  background-color: #004485;
}
.evolucao-patrimonial__conteiner .cdi p {
  background-color: #5bdaac;
}
.evolucao-patrimonial__conteiner .variacao-ibovespa p {
  background-color: #C62222;
}
.evolucao-patrimonial__conteiner input::-webkit-outer-spin-button,
.evolucao-patrimonial__conteiner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.evolucao-patrimonial__conteiner input[type=number] {
  -moz-appearance: textfield;
}
.evolucao-patrimonial__conteiner .posicao-tempo-real-allcards {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real-allcards {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real-allcards > div {
    flex: 0 40%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 550px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real-allcards > div {
    flex: 0 50%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 380px) {
  .evolucao-patrimonial__conteiner .posicao-tempo-real-allcards > div {
    flex: 0 100%;
    margin-bottom: 1rem;
  }
}
.evolucao-patrimonial__conteiner .menor {
  width: 20% !important;
}
@media (max-width: 550px) {
  .evolucao-patrimonial__conteiner .menor {
    width: 100%;
  }
}
.evolucao-patrimonial__conteiner #variacao-tempo-real {
  width: 25%;
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner #variacao-tempo-real {
    width: 35%;
  }
}
.evolucao-patrimonial__conteiner .filtro__container {
  display: flex;
  margin: 0 0 1rem 1rem;
  background-color: white;
  box-shadow: 3px 3px 10px -10px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 0 1.5rem 0.8rem 1.5rem;
  align-items: flex-start;
  flex-direction: column;
}
.evolucao-patrimonial__conteiner .filtro__container h3 {
  margin: 0.7rem 0;
}
@media (max-width: 880) {
  .evolucao-patrimonial__conteiner .filtro__container {
    flex-wrap: wrap;
  }
}
.evolucao-patrimonial__conteiner .filtro__container__filtros {
  flex-wrap: wrap-reverse;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
.evolucao-patrimonial__conteiner .filtro__button {
  margin: 0 0.3rem;
  border-radius: 1rem;
  border-style: none;
  background-color: #e6e6e6;
  padding: 0.4rem 1rem;
  font-weight: bold;
  box-shadow: 4px 4px 18px -10px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  outline: none;
}
.evolucao-patrimonial__conteiner .filtro__button:hover {
  box-shadow: 5px 5px 20px -3px rgba(255, 148, 0, 0.3);
  transition: 0.2s;
}
.evolucao-patrimonial__conteiner .filtro__button:focus {
  background-color: #FF6B06;
  color: white;
}
@media (max-width: 1150px) {
  .evolucao-patrimonial__conteiner .filtro__button {
    width: auto;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    margin-left: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .evolucao-patrimonial__conteiner .filtro__button {
    font-size: 0.7rem;
    padding: 0.4rem 0.5rem;
  }
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner .filtro__button {
    margin: 1.5rem 0.5rem 0.5rem 0.5rem;
  }
}
.evolucao-patrimonial__conteiner .filtro__button:first-child {
  padding: 0.4rem 1.3rem;
}
.evolucao-patrimonial__conteiner .filtro__calendar p {
  margin-top: -1.4rem;
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
}
@media (max-width: 880px) {
  .evolucao-patrimonial__conteiner .filtro__calendar p {
    margin: 1rem 0 0.3rem 0;
  }
}
.evolucao-patrimonial__conteiner .filtro__calendar__input {
  display: flex;
  align-items: center;
}
.evolucao-patrimonial__conteiner #filtro__calendar .p-inputtext {
  background-image: none;
  background-color: #f3f3f3;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 1.7rem;
  width: 15rem;
  border-top-right-radius: 0;
}
@media (max-width: 1250px) {
  .evolucao-patrimonial__conteiner #filtro__calendar .p-inputtext {
    width: 10rem;
  }
}
.evolucao-patrimonial__conteiner #icone-calendario {
  background-color: #FF6B06;
  padding: 1px 0.3rem 6px 0.3rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -1px;
}
.evolucao-patrimonial__conteiner #icone-calendario .material-icons {
  font-size: 1rem;
  color: white !important;
  position: relative;
  top: 0.3rem;
}
.evolucao-patrimonial__conteiner .small-spinner {
  width: 4.5rem !important;
}
.evolucao-patrimonial__conteiner .layout-container .layout-main .layout-content {
  padding: 0;
}
.evolucao-patrimonial__conteiner .p-dialog-title {
  display: none !important;
}
.evolucao-patrimonial__conteiner .p-dialog-header {
  flex-direction: row-reverse;
  padding: 0.5rem 1.25rem 0 !important;
}
.evolucao-patrimonial__conteiner .p-overlaypanel:after {
  display: none;
}
.evolucao-patrimonial__conteiner .p-overlaypanel:before {
  display: none;
}
.evolucao-patrimonial__conteiner .p-input-filled .p-inputtext {
  background-image: none;
  padding: 0 0.5rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.evolucao-patrimonial__conteiner .p-input-filled .p-inputtext:enabled:hover {
  background-color: #f5f5f5;
  border-color: transparent;
  background-image: none;
}
.evolucao-patrimonial__conteiner #input-nome-grupo {
  padding: 0.3rem 1rem;
  border-radius: 5px;
  width: 20rem;
}
.evolucao-patrimonial__conteiner #add-grupo-btn {
  border-style: none;
  outline: none;
}
.evolucao-patrimonial__conteiner #add-grupo-btn button:disabled {
  background-color: #cecece !important;
  color: #5f5f5f;
}
.evolucao-patrimonial__conteiner button:disabled {
  background-color: #cecece !important;
  border-style: none;
  outline: none;
}

#add-grupo-disabled {
  background-color: #cecece !important;
  border-style: none;
  outline: none;
}

.infos-adicionais {
  padding-top: 1rem;
}
.infos-adicionais p {
  padding: 1rem 0 0 0;
  margin: 0;
}

.onboarding__container {
  margin: 2rem 6rem 1rem 6rem;
  font-size: 14px;
}
@media (min-width: 1500px) {
  .onboarding__container {
    margin: 2rem 9rem 1rem 9rem;
  }
}
@media (max-width: 1000px) {
  .onboarding__container {
    margin: 2rem 2rem 1rem 2rem;
  }
}
@media (max-width: 400px) {
  .onboarding__container {
    margin: 1rem;
  }
}
.onboarding__container h2 {
  font-size: 1.4rem;
  font-weight: bolder;
  margin-left: 0.5rem;
}
.onboarding__container .titulo {
  display: flex;
  align-items: center;
}
.onboarding__container .titulo .icon {
  width: 3.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.onboarding__container .display-flex {
  display: flex;
}
.onboarding__container .disclaimer_error_cei {
  margin: 0 4rem;
  background: #ff000042;
  border-radius: 6px;
}
.onboarding__container .disclaimer_error_cei p {
  padding: 1% 2%;
  color: #721c24;
}
.onboarding__container footer {
  bottom: 0;
  position: fixed;
}
@media (max-width: 400px) {
  .onboarding__container footer {
    position: relative;
  }
}
.onboarding__boas-vindas {
  display: flex;
  margin-top: 4rem;
  justify-content: space-between;
  align-items: center;
}
.onboarding__boas-vindas #h2 {
  font-size: 2rem;
  font-weight: 900;
  margin-left: 0.5rem;
  line-height: 2rem;
  margin-bottom: 0;
}
@media (max-width: 400px) {
  .onboarding__boas-vindas #h2 {
    white-space: nowrap;
  }
}
@media (max-width: 700px) {
  .onboarding__boas-vindas__texto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 700px) {
  .onboarding__boas-vindas {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.onboarding__boas-vindas p {
  width: 90%;
}
@media (max-width: 700px) {
  .onboarding__boas-vindas p {
    width: 100%;
  }
}
.onboarding__boas-vindas button {
  text-align: center;
}
@media (max-width: 700px) {
  .onboarding__boas-vindas button {
    width: auto;
    margin: 0;
  }
}
@media (max-width: 400px) {
  .onboarding__boas-vindas button {
    width: 100%;
    white-space: nowrap;
  }
}
.onboarding__boas-vindas img {
  width: 100%;
}
@media (min-width: 1500px) {
  .onboarding__boas-vindas img {
    width: 80%;
    margin-left: 15%;
  }
}
@media (max-width: 700px) {
  .onboarding__boas-vindas img {
    width: 60%;
  }
}
@media (max-width: 400px) {
  .onboarding__boas-vindas img {
    width: 100%;
  }
}

.menu {
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.05) 0px 7px 40px 0px;
  padding: 0.4rem 6rem;
  font-size: 13.5px;
  display: flex;
  justify-content: space-between;
}
.menu__icons {
  display: flex;
}
@media (max-width: 500px) {
  .menu div:first-child {
    width: 30%;
  }
}
.menu img {
  width: 50%;
}
@media (max-width: 500px) {
  .menu img {
    width: 60%;
  }
}
.menu p {
  margin: 0.1rem 0.9rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.menu p:hover {
  color: #e9a23b;
}
@media (max-width: 500px) {
  .menu p {
    margin: 0.1rem 0.1rem;
  }
}
.menu .material-icons {
  font-size: 1.2rem;
}
@media (min-width: 1500) {
  .menu {
    justify-content: center;
    padding: 0.8rem 8rem;
  }
}
@media (max-width: 900px) {
  .menu {
    justify-content: center;
    padding: 0.8rem 0;
  }
}

.btn-next {
  border-radius: 5rem;
  background-color: #e9a23b;
  padding: 0.3rem 1.5rem;
  border-style: none;
  box-shadow: rgba(253, 144, 1, 0.432) 6px 2px 16px 0px, rgba(255, 136, 0, 0.568) 6px -2px 16px 0px;
  color: white;
  font-weight: 600;
  float: right;
  font-size: 14px;
  margin-bottom: 2rem;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn-next:hover, .btn-next:active, .btn-next:focus {
  outline: none;
  box-shadow: unset;
  background-color: #a86302;
}
.btn-next span {
  color: white !important;
  font-weight: 800;
}

.btn-round {
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: none;
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
  background-color: #e9a23b;
  margin-left: 0.5rem;
  box-shadow: rgba(253, 144, 1, 0.48) 6px 2px 16px 0px, rgba(255, 136, 0, 0.603) 6px -2px 16px 0px;
  outline: none;
  cursor: pointer;
}
.btn-round button:disabled {
  background-color: #dadada !important;
  color: #5f5f5f;
  box-shadow: none;
}
.btn-round:hover, .btn-round:active, .btn-round:focus {
  outline: none;
}
.btn-round span {
  color: white !important;
  font-weight: 900;
}

.btn-back {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  border: 1px solid #e9a23b;
  background-color: white;
  padding: 0.2rem 2.4rem 0.2rem 1.5rem;
  box-shadow: rgba(253, 144, 1, 0.233) 6px 2px 10px 0px, rgba(255, 136, 0, 0.288) 6px -2px 16px 0px;
  color: #e9a23b;
  font-weight: 600;
  margin-right: 2rem;
  font-size: 14px;
  margin-bottom: 2rem;
  outline: none;
  cursor: pointer;
}
@media (max-width: 400px) {
  .btn-back {
    margin-right: 0;
  }
}
.btn-back span {
  color: #e9a23b !important;
  font-weight: 800;
}
.btn-back:hover, .btn-back:active, .btn-back:focus {
  outline: none;
  background-color: #f5f2f2;
}

#btn-group-fixed {
  background-color: whitesmoke;
  bottom: 0;
  left: 0;
  padding: 1rem 0 2rem 0;
  position: fixed;
  width: 100%;
}
@media (max-width: 500px) {
  #btn-group-fixed {
    padding: 0 0 5rem 0;
    margin-top: 0;
  }
}
@media (max-width: 400px) {
  #btn-group-fixed {
    height: 5rem;
    display: flex;
    align-items: center;
    margin-top: -6rem;
  }
}

#button-fixed {
  margin: 0 6rem;
}
@media (min-width: 1500px) {
  #button-fixed {
    margin: 0 9rem;
  }
}
@media (max-width: 1000px) {
  #button-fixed {
    margin: 0 2rem;
  }
}
@media (max-width: 400px) {
  #button-fixed {
    margin: 0.5rem 0;
    padding: 0.5rem 0;
    width: 70%;
  }
}

.btn-group {
  margin-top: 3rem;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 700px) {
  .btn-group {
    justify-content: center;
  }
}
@media (max-width: 400px) {
  .btn-group {
    flex-direction: column-reverse;
  }
}

.baixar-app {
  display: flex;
  justify-content: center;
  margin: 3rem 7rem;
  align-items: center;
}
.baixar-app__texto {
  padding-right: 2rem;
}
@media (min-width: 1400px) {
  .baixar-app__texto {
    padding-right: 7rem;
  }
}
@media (max-width: 900px) {
  .baixar-app__texto {
    padding-right: 0;
  }
}
.baixar-app__texto h2 {
  line-height: 2rem;
}
@media (max-width: 900px) {
  .baixar-app {
    flex-direction: column-reverse;
    text-align: center;
    margin: 3rem 7rem;
  }
}
@media (max-width: 500px) {
  .baixar-app {
    margin: 3rem 2rem;
  }
}
.baixar-app .btn-download {
  display: flex;
}
@media (max-width: 900px) {
  .baixar-app .btn-download {
    justify-content: center;
  }
}
.baixar-app .btn-download #img-ap {
  width: 60%;
  margin-right: 1rem;
}
@media (min-width: 1400px) {
  .baixar-app .btn-download #img-ap {
    width: 50%;
  }
}
@media (max-width: 700px) {
  .baixar-app .btn-download #img-ap {
    width: 60%;
  }
}
.baixar-app .btn-download #img-ps {
  width: 53%;
  margin-right: 1rem;
}
@media (min-width: 1400px) {
  .baixar-app .btn-download #img-ps {
    width: 44%;
  }
}
@media (max-width: 700px) {
  .baixar-app .btn-download #img-ps {
    width: 50%;
  }
}
.baixar-app img {
  width: 44vw;
  margin-left: 1rem;
}
@media (min-width: 1400px) {
  .baixar-app img {
    margin-left: 3rem;
  }
}

.btn-ultimo {
  display: flex;
  justify-content: center;
}
@media (max-width: 400px) {
  .btn-ultimo {
    width: 100%;
  }
}

#btn-ultimo {
  padding: 0.5rem 2rem;
}

.display-flex {
  display: flex;
  justify-content: center;
}
@media (max-width: 800px) {
  .display-flex {
    flex-wrap: wrap;
  }
}

.ui-dialog {
  max-width: 70%;
}

body .custom-message.ui-dialog .ui-dialog-footer .ui-button {
  display: unset !important;
}

body .ui-messages.ui-messages-warn {
  display: none;
}

.corretoras {
  display: flex;
  justify-content: center;
}
.corretoras__selecionar-corretoras {
  display: flex;
  justify-content: center;
  margin: 3rem 1rem 2rem 1rem;
  width: 90%;
  flex-wrap: wrap;
  /* new stuff */
}
@media (max-width: 900px) {
  .corretoras__selecionar-corretoras {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 360px) {
  .corretoras__selecionar-corretoras {
    justify-content: center;
  }
}
.corretoras__selecionar-corretoras #selec {
  display: none;
}
.corretoras__selecionar-corretoras #nao-selec {
  display: block;
}
.corretoras__selecionar-corretoras #texto {
  width: 80%;
}
.corretoras__selecionar-corretoras .material-icons {
  color: #36d462 !important;
  font-size: 0.9rem;
  float: left;
  position: relative;
  bottom: 0.2rem;
  right: 1.2rem;
}
.corretoras__selecionar-corretoras input:checked + label {
  border: solid 1px #36d462;
  color: #36d462;
}
.corretoras__selecionar-corretoras input:checked + label #selec {
  display: block;
  margin-right: -1rem;
}
.corretoras__selecionar-corretoras input:checked + label #nao-selec {
  display: none;
}
.corretoras__selecionar-corretoras label {
  border: 1px solid #e9a23b;
  padding: 0.6rem;
  border-radius: 8px;
  width: 8rem;
  color: #e9a23b;
  font-weight: 900;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  font-size: 0.9rem;
  height: 46%;
  display: flex;
  justify-content: center;
  margin: 0.9rem 0.7rem;
}
@media (min-width: 1700px) {
  .corretoras__selecionar-corretoras label {
    width: 10rem;
  }
}
@media (max-width: 900px) {
  .corretoras__selecionar-corretoras label {
    margin: 0 1rem 2rem 1rem;
    width: 9rem;
  }
}
@media (max-width: 500px) {
  .corretoras__selecionar-corretoras label {
    width: 12rem;
  }
}
.corretoras__selecionar-corretoras label:hover {
  background-color: #f5f2f2;
}
.corretoras__selecionar-corretoras input[type=checkbox] {
  display: none;
}
.corretoras__selecionar-corretoras .check {
  visibility: hidden;
}
.corretoras__selecionar-corretoras input:checked + label .check {
  visibility: visible;
}
.corretoras__selecionar-corretoras input.checkbox:checked + label:before {
  content: "";
}
.corretoras__selecionar-corretoras .badge-parceira {
  position: relative;
  left: 84%;
  top: 0.5rem;
  margin-bottom: -2.5rem;
  width: 2.3rem;
}
@media (max-width: 900px) {
  .corretoras__selecionar-corretoras .badge-parceira {
    bottom: 3.5rem;
    margin-bottom: -2rem;
    left: 81%;
  }
}

.campo-busca-autocomplete {
  margin: 0 0 2rem 6rem;
  border-bottom: 1px solid grey !important;
}
.campo-busca-autocomplete .p-autocomplete .p-autocomplete-multiple-container {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
  padding-bottom: 0;
  background: transparent;
}
.campo-busca-autocomplete .p-autocomplete .p-autocomplete-multiple-container:not(.disabled).p-focus {
  box-shadow: none;
}
@media (max-width: 1200px) {
  .campo-busca-autocomplete {
    margin-left: 4rem;
  }
}
@media (max-width: 800px) {
  .campo-busca-autocomplete {
    margin-left: 1rem;
  }
}
@media (max-width: 500px) {
  .campo-busca-autocomplete .p-autocomplete {
    margin-bottom: 4rem;
  }
}
.campo-busca-autocomplete .p-autocomplete-input-token {
  padding: 0.25em 2rem 0.25em 0;
}

.campo-busca {
  background-color: #ededed;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 2.5rem;
  display: flex;
  align-items: center;
  width: 30%;
  margin: 2rem 0;
}

body .ui-inputtext {
  width: 82%;
}
@media (min-width: 320px) {
  body .ui-inputtext {
    width: 76%;
  }
}
@media (min-width: 360px) {
  body .ui-inputtext {
    width: 81%;
  }
}
@media (min-width: 576px) {
  body .ui-inputtext {
    width: 88%;
  }
}
@media (min-width: 768px) {
  body .ui-inputtext {
    width: 86%;
  }
}
@media (min-width: 992px) {
  body .ui-inputtext {
    width: 89%;
  }
}
@media (min-width: 1000px) {
  body .ui-inputtext {
    width: 88%;
  }
}
body .ui-inputtext::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 0.5;
  /* Firefox */
}

.onboarding__container .titulo_cadastro_cei {
  font-size: 16px;
}

.texto-cei ol,
.texto-cei ul {
  list-style: none;
}
@media (min-width: 768px) {
  .texto-cei ol,
.texto-cei ul {
    margin-left: 6%;
  }
}
.texto-cei p {
  margin-left: 3%;
}
.texto-cei .lista_beneficios_cei {
  position: relative;
}
.texto-cei .lista_beneficios_cei span {
  display: inline-block;
  position: relative;
}
.texto-cei .lista_beneficios_cei span.material-icons {
  font-size: 16px;
  position: relative;
  top: 0.2rem;
  color: #3bd6ac;
}
.texto-cei .lista_beneficios_cei h2 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
}
.texto-cei .lista_beneficios_cei p {
  margin-top: 0px;
  font-size: 14px;
  margin-left: 5%;
}

.card_login_cei {
  padding: 1rem;
  border-radius: 18px;
  background: white;
  box-shadow: 0.5px 0.5px 20px -6px #000000bd;
}
.card_login_cei .p-fluid .p-inputtext {
  border: 0px;
  background: #f3f3f3 !important;
  padding: 1rem;
  border-radius: 0.5rem;
}
.card_login_cei .form_login {
  margin: 8% 6%;
}
.card_login_cei .form_login h2 {
  margin-left: unset;
  font-size: 16px;
}
@media (max-width: 768px) {
  .card_login_cei {
    margin-top: 5%;
  }
}

.cadastro-cei .p-inputtext {
  border: none;
  background-color: transparent;
}
.cadastro-cei__cei {
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}
.cadastro-cei__cei .ui-messages-warn {
  background-color: #fff4e4 !important;
  color: black !important;
  padding-right: 2rem;
  border-left: 0.5rem solid #e9a23b;
}
.cadastro-cei__cei .pi,
.cadastro-cei__cei .pi-times:before {
  color: #252525;
}
@media (max-width: 300px) {
  .cadastro-cei__cei__senha {
    padding: 1.5rem 0rem 2rem 0rem;
  }
}
.cadastro-cei__cei__senha #btn-mrg {
  margin-top: 1.4rem;
  padding: 1.4rem;
  font-weight: 600;
}
@media (max-width: 371px) {
  .cadastro-cei__cei__senha #btn-mrg {
    margin-bottom: 0;
  }
}
.cadastro-cei__cei__senha a:visited {
  color: #e9a23b;
}
.cadastro-cei__cei__senha .form-group {
  margin-bottom: 1rem;
}
.cadastro-cei__cei__senha label {
  position: relative;
  top: 15%;
  font-weight: bold;
}
.cadastro-cei__cei__senha #input-senha {
  background-color: #ededed;
  border-radius: 5px;
  padding: 0.6rem;
}
.cadastro-cei__cei__senha #input-senha .ui-inputtext {
  background-image: none;
}
.cadastro-cei__cei__senha #input-senha .material-icons {
  font-size: 0.9rem;
}
.cadastro-cei__cei__senha p {
  padding-top: 0.2rem;
}
@media (max-width: 300px) {
  .cadastro-cei__cei__senha p {
    padding: 1rem 1rem 0 1rem;
  }
}
.cadastro-cei__cei__senha .div_input {
  padding-top: 2% !important;
  position: relative;
}
.cadastro-cei__cei__senha .div_anchor p {
  margin-left: 2%;
  color: #0a6ffa;
}
.cadastro-cei__cei__senha .div_anchor p a {
  text-decoration: underline;
  color: #0a6ffa;
}
.cadastro-cei__cei__senha .div_button .btn-round.btn_senha_cei {
  border-radius: 9px;
  width: 98%;
}
.cadastro-cei__cei__senha .div_button .btn-round.btn_senha_cei:hover span {
  color: rgba(0, 0, 0, 0.04) !important;
}
.cadastro-cei__cei__senha .div_button .btn-round.btn_senha_cei span {
  font-size: 14px;
  font-weight: unset;
  color: #ffffff;
}

.btn-group-cei {
  margin-top: 0;
}
@media (max-width: 380px) {
  .btn-group-cei {
    display: flex;
    flex-direction: column-reverse;
  }
}

.video_cei {
  margin-top: 1%;
}
@media (max-width: 768px) {
  .video_cei {
    margin-left: 10%;
  }
}

.recuperar-senha {
  margin-bottom: 2rem;
}
.recuperar-senha a,
.recuperar-senha a:visited {
  color: #e9a23b;
  text-decoration: underline;
}

.msg-erro {
  border-radius: 5px;
  border-left: 0.5rem solid #e90c0c;
  border-right: 1px solid #e90c0c;
  border-top: 1px solid #e90c0c;
  border-bottom: 1px solid #e90c0c;
  background-color: #f5eaea;
  padding: 0.8rem 0.5rem 0.8rem 0.8rem;
  color: black;
  margin: 0 10% 2rem 10%;
}
.msg-erro .btn-saber-mais {
  border-style: none;
  border-radius: 1rem;
  padding: 0.2rem 1rem;
  box-shadow: rgba(83, 7, 7, 0.308) 0px 8px 24px;
  margin-left: 1rem;
  background-color: #e90c0c;
  color: white;
}
.msg-erro .btn-saber-mais:active, .msg-erro .btn-saber-mais:focus {
  outline: none;
}
.msg-erro button {
  border-style: none;
  background-color: none;
}
.msg-erro .material-icons {
  color: #e90c0c !important;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.msg-erro .fechar-modal {
  position: relative;
  bottom: 10px;
  float: right;
  color: black;
}
.msg-erro .fechar-modal .material-icons {
  color: black !important;
  font-size: 1.3rem;
  margin-right: 0rem !important;
}

.saldo-inicial .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
  margin: 0 auto;
}
.saldo-inicial__texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 0 4rem;
}
@media (min-width: 1300px) {
  .saldo-inicial__texto {
    padding: 0 8rem;
  }
}
@media (max-width: 800px) {
  .saldo-inicial__texto {
    padding: 0;
  }
}
.saldo-inicial__mensagem-aluguel {
  margin: 0 10% 2rem 10%;
  padding: 0.5rem 1rem 0.5rem 2%;
  background: linear-gradient(90deg, #0a6ffa 1.5%, white 0%);
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .saldo-inicial__mensagem-aluguel {
    flex-direction: column;
    background: linear-gradient(90deg, #0a6ffa 2%, white 0%);
    text-align: center;
  }
}
.saldo-inicial__mensagem-aluguel b {
  color: #0a6ffa;
}
.saldo-inicial__mensagem-aluguel .material-icons {
  color: #0a6ffa;
  font-size: 1.8rem;
  margin-right: 0.8rem;
}
.saldo-inicial__titulo-saldoinvalido {
  text-align: center;
  line-height: 1.5em;
}
.saldo-inicial__mobilespacer-saldoinvalido {
  padding-top: 8em;
}
@media (max-width: 640px) {
  .saldo-inicial__mobilespacer-saldoinvalido {
    margin-top: 15rem;
  }
}
.saldo-inicial__mensagem-saldoinvalido {
  margin: 0 10% 1rem 10%;
  padding: 0.5rem 1rem 0.5rem 2%;
  background: linear-gradient(90deg, #fa0a0a 1.5%, white 0%);
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .saldo-inicial__mensagem-saldoinvalido {
    flex-direction: column;
    background: linear-gradient(90deg, #fa0a0a 2%, white 0%);
    text-align: center;
  }
}
.saldo-inicial__mensagem-saldoinvalido b {
  color: #fa0a0a;
}
.saldo-inicial__mensagem-saldoinvalido .material-icons {
  color: #fa0a0a;
  font-size: 1rem;
  margin-right: 0.8rem;
}
.saldo-inicial__tabela {
  margin: 0 0 8rem 0;
}
@media (max-width: 900px) {
  .saldo-inicial__tabela {
    margin: 0;
  }
}
.saldo-inicial__tabela .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
  text-align: center;
}
.saldo-inicial__tabela .p-inputtext:enabled:hover {
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.saldo-inicial__tabela .p-inputtext:enabled:focus {
  background-color: #ededed;
}
.saldo-inicial__tabela .p-inputtext {
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  width: 80%;
  text-align: center;
}
.saldo-inicial__tabela .p-dropdown {
  background-color: #ededed;
  border-style: none;
  padding: 0.4rem;
  border-radius: 5px;
  background-image: none;
  min-width: 5rem;
  height: 2rem;
  width: 80%;
  left: 1.5%;
}
.saldo-inicial__tabela .p-dropdown-trigger {
  width: 1rem;
}
@media (max-width: 640px) {
  .saldo-inicial__tabela .p-dropdown-label {
    margin-top: -1.2rem;
    padding: 1rem;
  }
}
@media (max-width: 800px) {
  .saldo-inicial__tabela .p-dropdown {
    padding: 0.7rem 0;
    width: 70%;
  }
}
@media (max-width: 600px) {
  .saldo-inicial__tabela .p-dropdown {
    padding: 0.7rem 0;
    width: 100%;
  }
}
.saldo-inicial__tabela #input-tabela-aluguel {
  width: 9rem !important;
  background-color: #0a6ffa;
}
.saldo-inicial__tabela .input-tabela {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 12%;
  border-radius: 5px;
  height: 2rem;
}
.saldo-inicial__tabela .input-tabela .p-inputnumber {
  width: 100%;
  height: 2rem;
}
.saldo-inicial__tabela .input-tabela.error {
  color: #ff8933;
  font-weight: bold;
}
.saldo-inicial__tabela .output-tabela {
  background-color: #ededed !important;
  border-style: none;
}
.saldo-inicial__tabela .p-autocomplete {
  display: inline-flex;
  position: relative;
  width: 100%;
  left: 12%;
  height: 2rem;
}
.saldo-inicial__tabela .p-calendar {
  width: 80%;
  left: 1.3%;
  height: 2rem;
}
.saldo-inicial__tabela .futuro-corretoras .p-dropdown .p-dropdown-label.p-inputtext {
  width: 50%;
}
.saldo-inicial__tabela .acoes-vendidas-condicional {
  padding-top: 2.5rem !important;
}
@media (max-width: 1200px) {
  .saldo-inicial__tabela .acoes-vendidas-condicional {
    padding-top: 2rem !important;
  }
}
.saldo-inicial__tabela .acoesvendidas {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.saldo-inicial__tabela .acoes-vendidas-tootip .material-icons {
  color: #c2c2c2 !important;
  font-size: 1rem !important;
  text-align: center;
  margin-bottom: 0.1rem;
  top: 0.1rem;
  position: relative;
}
@media (max-width: 900px) {
  .saldo-inicial__tabela .acoes-vendidas-tootip .material-icons {
    top: 0.1rem;
  }
}
.saldo-inicial__tabela .radiobox {
  width: auto;
  text-align: center;
  margin-top: -0.09rem;
  margin-bottom: 0.3rem;
}
.saldo-inicial__tabela .radiobox #acoesVendidas {
  width: 10% !important;
}
@media (max-width: 640px) {
  .saldo-inicial__tabela .radiobox #acoesVendidas {
    width: 5% !important;
  }
}
@media (max-width: 1300px) {
  .saldo-inicial__tabela .radiobox {
    line-height: 1.2rem;
    font-size: 0.8rem;
    margin-top: 3%;
    width: 100%;
    padding: 0 1rem;
    text-align: center;
    padding-bottom: 0.1rem;
  }
}
@media (max-width: 640px) {
  .saldo-inicial__tabela .radiobox {
    line-height: 1.2rem;
    font-size: 0.8rem;
    margin-top: 0;
  }
}
.saldo-inicial__tabela .tooltip {
  position: relative;
  display: inline-block;
}
.saldo-inicial__tabela .tooltip .tooltiptext {
  visibility: hidden;
  width: 13rem;
  background-color: #d1cfcf;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1000;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  line-height: 1rem;
  font-weight: 400;
}
.saldo-inicial__tabela .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #d1cfcf transparent transparent transparent;
}
.saldo-inicial__tabela .tooltip:hover .tooltiptext {
  visibility: visible;
}
.saldo-inicial__tabela .p-datatable .p-datatable-thead > tr > th {
  border-radius: 5px;
  font-weight: 800;
  border-bottom: solid 2px rgba(66, 66, 66, 0.05);
  text-align: center;
  padding: 1.5rem 0 1rem 0;
  color: #3a3a3a;
}
.saldo-inicial__tabela .p-datatable .p-datatable-thead > tr .material-icons {
  color: #c2c2c2 !important;
  font-size: 1rem !important;
  text-align: center;
  margin-bottom: 0.1rem;
  top: 0.2rem;
  position: relative;
}
@media (max-width: 800px) {
  .saldo-inicial__tabela .p-datatable .p-head-tbody {
    width: 200%;
  }
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr {
  background-color: white;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr > td {
  border-bottom: 0;
  background-color: white;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0 1rem 0;
}
@media (max-width: 640px) {
  .saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr > td .p-datepicker {
    left: -75% !important;
  }
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr > td input {
  background-color: #ededed;
  border-style: none;
  padding: 0.4rem;
  border-radius: 5px;
  max-width: 100%;
}
@media (max-width: 800px) {
  .saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr > td input {
    padding: 0.7rem 0;
  }
}
@media (max-width: 600px) {
  .saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr > td input {
    padding: 0.7rem 0;
    width: 100%;
  }
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr:nth-child(odd) {
  background-color: white;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error {
  background: rgba(255, 149, 0, 0.12);
  border: 2px solid #ff8933;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error td {
  background-color: unset;
  color: #ff8933 !important;
  font-weight: bold;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error td.error-icon {
  padding-left: 2%;
  width: 3rem;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error td.error-icon .mensagem_erro_mobile {
  color: #ec0000;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error .p-datatable .p-datatable-tbody > tr:nth-child(odd) {
  background-color: transparent !important;
}
.saldo-inicial__tabela .p-datatable .p-datatable-tbody > tr.error input {
  color: #ff8933;
  font-weight: bold;
}
.saldo-inicial__tabela ::-webkit-scrollbar-thumb {
  border-radius: 20rem;
  background-color: rgba(70, 70, 70, 0.5);
  box-shadow: 0 0 0.5px rgba(255, 255, 255, 0.5);
}
.saldo-inicial__tabela .p-datatable table {
  box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 1rem 2rem;
  background-color: white;
}
@media (max-width: 800px) {
  .saldo-inicial__tabela .p-datatable table {
    overflow: scroll;
    width: 100%;
    padding: 1rem 0;
  }
}
.saldo-inicial__tabela #trash {
  width: 5%;
}
.saldo-inicial__tabela .add-saldo {
  border-radius: 20rem;
  padding: 0.2rem 0.4rem 0.2rem 0.2rem;
  border-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  font-weight: 300;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  cursor: pointer;
}
.saldo-inicial__tabela .add-saldo:active, .saldo-inicial__tabela .add-saldo:hover, .saldo-inicial__tabela .add-saldo:focus {
  outline: none;
}
.saldo-inicial__tabela .add-saldo .material-icons {
  margin-right: 0.3rem;
  font-size: 1rem !important;
}
.saldo-inicial__tabela .retroagir-saldo {
  float: right;
  margin-top: -1rem;
  display: flex;
  flex-direction: column;
}
.saldo-inicial__tabela .retroagir-saldo span {
  font-size: 0.8rem;
}
.saldo-inicial__tabela .retroagir-saldo u {
  color: #FF6B06;
  cursor: pointer;
}
@media (max-width: 800px) {
  .saldo-inicial__tabela .retroagir-saldo {
    float: left !important;
    margin-top: 0.5rem;
  }
}
.saldo-inicial__tabela .p-calendar .p-datepicker {
  min-width: 20vw;
  top: 0;
}
.saldo-inicial__tabela .p-calendar .p-datepicker table td {
  padding: 0rem;
}
.saldo-inicial__tabela .p-calendar .p-datepicker table td > span {
  height: 2rem;
}
.saldo-inicial__tabela .p-calendar .p-datepicker-header {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.saldo-inicial__botoes .acao-futuro {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
  background-color: white;
  border-radius: 20rem;
  display: flex;
  justify-content: space-between;
  width: 60%;
  float: left;
  z-index: 100;
  margin-bottom: 0.5rem;
}
@media (max-width: 900px) {
  .saldo-inicial__botoes .acao-futuro {
    width: 70%;
  }
}
@media (max-width: 800px) {
  .saldo-inicial__botoes .acao-futuro {
    margin-bottom: 0.7rem;
    width: 100%;
  }
}
.saldo-inicial__botoes .acao-futuro:active {
  outline: none;
}
.saldo-inicial__botoes .acao-futuro button {
  background-color: transparent;
  width: 50%;
  padding: 2rem 0;
  padding: 0.3rem;
  outline: none;
  border-style: none;
  color: #3a3a3a;
  cursor: pointer;
}
.saldo-inicial__botoes .acao-futuro button:active {
  outline: none;
}
.saldo-inicial__botoes .acao-futuro button:not(:enabled) {
  padding: 0.3rem;
  border-style: none;
  border-radius: 20rem;
  background-color: #FF6B06;
  width: 50%;
  color: white;
  outline: none;
  cursor: pointer;
}
.saldo-inicial__botoes .acao-futuro button:not(:enabled):active {
  outline: none;
}
.saldo-inicial .p-tooltip-arrow {
  border-width: 5px;
  border-style: solid;
  border-color: #d1cfcf transparent transparent transparent !important;
}
.saldo-inicial .p-tooltip .p-tooltip-text {
  background-color: #d1cfcf !important;
  color: white !important;
  width: auto !important;
  font-size: 0.9rem !important;
}

.modal-mudar-data .p-dialog {
  width: 70% !important;
  overflow: auto;
}
@media (min-width: 1400px) {
  .modal-mudar-data .p-dialog {
    width: 50% !important;
  }
}
@media (max-width: 700px) {
  .modal-mudar-data .p-dialog {
    width: 90% !important;
    height: 70% !important;
  }
}
.modal-mudar-data .p-dialog-content {
  text-align: center;
  height: 40rem;
}
.modal-mudar-data .p-dialog-content .conteudo {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 500px) {
  .modal-mudar-data .p-dialog-content .conteudo {
    justify-content: flex-start;
  }
}
@media (max-width: 350px) {
  .modal-mudar-data .p-dialog-content .conteudo {
    padding-left: 0 !important;
  }
}
.modal-mudar-data .p-dialog-content input {
  background-color: #f3f3f3;
  border-style: none;
  padding: 0.4rem;
  border-radius: 5px;
  border-bottom: none;
}
.modal-mudar-data .p-dialog-content .p-inputtext {
  background-image: none !important;
}
.modal-mudar-data .resumo-contratacao {
  background-color: #e0e0e0;
  border-radius: 1rem;
  padding: 1.5rem;
  margin: 3rem 0;
  width: 70%;
}
@media (max-width: 500px) {
  .modal-mudar-data .resumo-contratacao {
    width: 90% !important;
  }
}
.modal-mudar-data .resumo-contratacao h2 {
  font-size: 1.2rem;
}
@media (max-width: 500px) {
  .modal-mudar-data .resumo-contratacao p {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.modal-mudar-data .resumo-contratacao .divisor {
  border-bottom: 2px dotted #FF6B06;
  margin: 0.5rem 0 1.5rem 0;
  width: 70%;
  margin-left: 15%;
}
.modal-mudar-data .resumo-contratacao .valores {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-mudar-data .resumo-contratacao .valores u {
  color: #ff941a;
  font-size: 0.7rem;
  cursor: pointer;
}
@media (max-width: 460px) {
  .modal-mudar-data .resumo-contratacao .valores {
    flex-direction: column;
    margin-bottom: 1rem;
    align-items: flex-start;
    text-align: left;
    padding-left: 10%;
  }
}
.modal-mudar-data .resumo-contratacao .valor-total {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.modal-mudar-data .resumo-contratacao .valor-total h3 {
  font-weight: 600;
  color: #FF6B06;
}
.modal-mudar-data .resumo-contratacao .hr {
  border-bottom: 0.1px solid #FF6B06;
  border-top: 0.1px solid #FF6B06;
  margin: 1.5rem 4rem 1.5rem 4rem;
}
.modal-mudar-data .resumo-contratacao .tag-cobrança {
  background-color: #FF6B06;
  font-size: 9px;
  padding: 0.3px 0.4rem 0 0.4rem !important;
  border-radius: 5rem;
  color: white;
  font-weight: 800;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
}
@media (max-width: 460px) {
  .modal-mudar-data .resumo-contratacao .tag-cobrança {
    padding: 0.8rem 0.4rem 0 0.4rem;
    width: 7rem;
  }
}
@media (max-width: 280px) {
  .modal-mudar-data .resumo-contratacao .tag-cobrança {
    margin: 0.2rem 0 0.2rem 0;
  }
}
.modal-mudar-data .resumo-contratacao .tag-cobrança p {
  margin-bottom: 0 !important;
}

@media (max-width: 800px) {
  #esconder-btn {
    display: none;
  }
}

@media (min-width: 801px) {
  #mostrar-btn {
    display: none;
  }
}
@media (max-width: 800px) {
  #mostrar-btn {
    margin-top: -1.4rem;
  }
}
@media (max-width: 350px) {
  #mostrar-btn {
    margin: 0.8rem 0;
    float: none;
  }
}

.restaurar-valores {
  background-color: white;
  border-radius: 20rem;
  padding: 0.2rem 0.5rem 0.2rem 0.3rem;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  border-style: none;
  outline: none;
  cursor: pointer;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
}
.restaurar-valores .material-icons {
  font-size: 1rem !important;
  margin-right: 0.3rem !important;
}

#msg-div-calculo {
  bottom: 1rem;
  /* right: 10%; */
  width: auto;
  position: absolute;
}

.msg-div {
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: 6rem;
  z-index: 10;
  width: 70vw;
}
@media (max-width: 900px) {
  .msg-div {
    width: 90vw;
  }
}
@media (max-width: 400px) {
  .msg-div {
    bottom: 7rem;
  }
}

.msg {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: relative;
  background: #ffffff;
  border-radius: 0.4em;
  width: 15rem;
  padding: 2rem;
  text-align: center;
}
.msg p {
  margin-bottom: 0.8rem;
}
.msg span {
  display: flex;
  justify-content: center;
}
.msg .close {
  float: right;
}
.msg .close .material-icons {
  font-size: 0.1rem;
  color: black !important;
}
.msg .sim {
  background-color: white;
  border-radius: 20rem;
  padding: 0.2rem 1.5rem;
  font-weight: 900;
  font-size: 1rem;
  border-style: none;
  border: 1px solid #FF6B06;
  color: #FF6B06;
  cursor: pointer;
  margin: 0.5rem;
}
.msg .sim:active, .msg .sim:hover, .msg .sim:focus {
  outline: none;
}
.msg .nao {
  background-color: #FF6B06;
  border-radius: 20rem;
  padding: 0.2rem 1.5rem;
  font-weight: 900;
  font-size: 1rem;
  border-style: none;
  border: 1px solid #FF6B06;
  color: white;
  cursor: pointer;
  margin: 0.5rem;
}
.msg .nao:active, .msg .nao:hover, .msg .nao:focus {
  outline: none;
}
.msg .material-icons {
  float: right;
  margin: -1rem -1rem 0 -1rem !important;
  cursor: pointer;
}

.msg:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 70%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #ffffff;
  border-bottom: 0;
  margin-left: -10px;
  margin-bottom: -10px;
  z-index: 10rem;
}

#msg {
  width: 25rem;
}
@media (max-width: 400px) {
  #msg {
    width: 20rem;
    top: 6rem;
  }
}

#msg:after {
  left: 50%;
}

#input {
  background-color: #ededed;
  border-style: none;
  border-radius: 5px;
  padding: 0 0.5rem;
  background-image: none;
  width: 30%;
  height: 2rem;
  margin-left: 1rem;
  outline: none;
}
@media (max-width: 600px) {
  #input {
    margin-top: 0.5rem;
    margin-left: 0;
    width: 50%;
  }
}

.p-datatable .p-datatable-tbody > tr > td.p-editing-cell p-celleditor > * {
  outline: none;
}
@media (max-width: 900px) {
  .p-datatable .p-datatable-tbody > tr > td.p-editing-cell p-celleditor > * {
    width: 60%;
  }
}

@media (min-width: 1300px) {
  .acoes-aluguel .input-tabela {
    width: 80% !important;
  }
}
.acoes-aluguel .input-tabela #valorCustoMedioAluguel1 {
  max-width: 100%;
}

.div-btn-vistavendida {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

#btn-disabled button:disabled {
  background-color: #dadada !important;
  color: #5f5f5f;
  box-shadow: none;
}

.modal-aviso-nao-integra {
  text-align: center;
}
.modal-aviso-nao-integra .p-dialog {
  width: 50% !important;
  overflow: auto;
  height: auto;
}
@media (min-width: 1400px) {
  .modal-aviso-nao-integra .p-dialog {
    width: 30% !important;
    font-size: 1.1rem;
  }
}
@media (max-width: 700px) {
  .modal-aviso-nao-integra .p-dialog {
    width: 90% !important;
  }
}
.modal-aviso-nao-integra h2 {
  padding: 0 10% 1rem 10%;
  line-height: 1.5rem;
}
@media (max-width: 900px) {
  .modal-aviso-nao-integra h2 {
    padding: 0 5% 1rem 5%;
  }
}
.modal-aviso-nao-integra p {
  padding: 0 20%;
}
@media (max-width: 900px) {
  .modal-aviso-nao-integra p {
    padding: 0 5%;
  }
}
.modal-aviso-nao-integra u {
  color: #FF6B06;
  cursor: pointer;
}

.error-icon {
  width: 4rem !important;
}

.p-datatable .p-datatable-tbody > tr > td.p-editing-cell {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.prejuizo-acumulado__texto {
  padding: 0 4rem;
}
@media (min-width: 1300px) {
  .prejuizo-acumulado__texto {
    padding: 2rem 8rem;
  }
}
@media (max-width: 800px) {
  .prejuizo-acumulado__texto {
    padding: 0;
  }
}
.prejuizo-acumulado__tabela-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.prejuizo-acumulado__tabela {
  box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  margin: 3rem 0 3rem 0;
}
@media (max-width: 900px) {
  .prejuizo-acumulado__tabela {
    width: 100%;
  }
}
@media (min-width: 1300px) {
  .prejuizo-acumulado__tabela {
    width: 60%;
  }
}
.prejuizo-acumulado__tabela .prejuizo-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  color: #3a3a3a;
}
@media (max-width: 600px) {
  .prejuizo-acumulado__tabela .prejuizo-group {
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .prejuizo-acumulado__tabela .prejuizo-group p {
    padding-bottom: 0.5rem;
  }
}

#tabela2 {
  margin-top: -5rem !important;
}

#container-conclusao {
  margin: 2rem 3rem 1rem 3rem;
}
@media (min-width: 1500px) {
  #container-conclusao {
    margin: 2rem 4.5rem 1rem 4.5rem;
  }
}
@media (max-width: 1000px) {
  #container-conclusao {
    margin: 2rem 0 1rem 0;
  }
}
@media (max-width: 400px) {
  #container-conclusao {
    margin: 2rem 0 1rem 0;
  }
}

#btn-group-conclusao {
  margin: 3rem;
}
@media (min-width: 1500px) {
  #btn-group-conclusao {
    margin: 2rem 9rem 1rem 9rem;
  }
}
@media (max-width: 400px) {
  #btn-group-conclusao {
    margin: 2rem;
  }
}

#notas-pendencia {
  display: flex;
  justify-content: flex-start;
  margin-left: 5%;
}
@media (max-width: 800px) {
  #notas-pendencia {
    margin: 3rem 1rem 3rem 0rem;
  }
}

.conclusao__texto {
  padding: 0 8rem;
  text-align: center;
}
@media (min-width: 1300px) {
  .conclusao__texto {
    padding: 0 12rem;
  }
}
@media (max-width: 800px) {
  .conclusao__texto {
    padding: 0;
  }
}
.conclusao__notas {
  display: flex;
  justify-content: center;
  margin: 3rem 1rem;
  flex-wrap: wrap;
}
.conclusao__notas a:visited {
  color: black;
}
@media (max-width: 800px) {
  .conclusao__notas {
    flex-direction: column;
  }
}
.conclusao__notas #playlist-card {
  width: 50%;
  margin-bottom: 0.5rem;
}
.conclusao__notas #playlist-card a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.conclusao__notas #playlist-card a:visited {
  color: black;
}
.conclusao__notas #playlist-card a:visited {
  color: #e9a23b;
}
.conclusao__notas #playlist-card b {
  margin-right: 1rem;
}
.conclusao__notas #playlist-card .material-icons {
  float: right;
  margin-left: 1rem !important;
}
.conclusao__notas .playlist-card {
  cursor: pointer;
}
.conclusao__notas .playlist-card:hover {
  box-shadow: rgba(253, 144, 1, 0.342) 6px 2px 16px 2px;
  border: 1px solid #e9a23b;
}
.conclusao__notas .playlist-card:hover #hide {
  display: none;
}
.conclusao__notas .playlist-card:hover #hide .material-icons {
  font-size: 1.2rem !important;
}
.conclusao__notas .playlist-card:hover #show {
  display: inline;
}
.conclusao__notas .card-statuspendencia {
  flex-basis: 25%;
  margin: 0 0.5rem 1rem 0.5rem !important;
}
.conclusao__notas .notas-card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  padding: 1rem 1rem 1rem 2rem;
  width: 26%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0.5rem;
  cursor: auto;
}
@media (max-width: 800px) {
  .conclusao__notas .notas-card {
    width: 90%;
    margin: 0.5rem 0;
    padding: 0 1rem 0.5rem 1rem;
  }
}
.conclusao__notas .notas-card #hide {
  display: inline-block;
}
.conclusao__notas .notas-card #show {
  display: none;
}
.conclusao__notas p {
  padding: 0;
  margin: 0;
}
@media (max-width: 800px) {
  .conclusao__notas p {
    padding-top: 0.8rem;
  }
}
.conclusao__notas .material-icons {
  margin-left: 90%;
}

.conclusao-conteudo {
  margin: 0 3rem;
}
.conclusao-conteudo a {
  text-decoration: none;
  color: black;
}
.conclusao-conteudo a:visited {
  color: black;
}
@media (max-width: 1000px) {
  .conclusao-conteudo {
    margin: 0 2rem;
  }
}
.conclusao-conteudo .texto {
  text-align: center;
  padding: 1rem 5rem;
}
.conclusao-conteudo .status h3 {
  text-align: center;
  padding: 1rem 0 0.1rem 0;
}
.conclusao-conteudo .status .status-texto {
  padding: 1rem;
  margin: 0 15%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  border-radius: 5px;
}
@media (max-width: 400px) {
  .conclusao-conteudo .status .status-texto {
    margin: 5%;
  }
}
.conclusao-conteudo .btn-exemplo-pdf {
  margin-top: 0.3rem;
}
.conclusao-conteudo .btn-exemplo-pdf u {
  color: #e9a23b;
  margin-right: 2rem;
  cursor: pointer;
}
.conclusao-conteudo .btn-exemplo-pdf div {
  margin-top: 1rem;
}
.conclusao-conteudo .btn-exemplo-pdf .img-exemplo {
  width: 33rem;
  height: 30rem;
  overflow-y: scroll;
  line-height: 1.3rem;
}
@media (max-width: 800px) {
  .conclusao-conteudo .btn-exemplo-pdf .img-exemplo {
    width: 85%;
  }
}
.conclusao-conteudo .btn-exemplo-pdf img {
  width: 30rem;
}
.conclusao-conteudo .btn-exemplo-pdf .material-icons {
  font-size: 1rem;
  margin-right: 0.2rem;
  margin-left: 0.7rem;
}

@media (max-width: 700px) {
  .conclusao-prazo {
    margin-bottom: 8rem;
  }
}
@media (max-width: 400px) {
  .conclusao-prazo {
    margin-bottom: 13rem;
  }
}

.pagamento {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.pagamento__container {
  width: 50%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 6rem;
  line-height: 1px;
  text-align: center;
}
@media (max-width: 1000px) {
  .pagamento__container {
    padding: 2rem;
  }
}
@media (max-width: 700px) {
  .pagamento__container {
    padding: 1rem;
    width: 80% !important;
  }
}
@media (max-width: 450px) {
  .pagamento__container {
    line-height: 1.5rem;
  }
}
.pagamento__container h2 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem 0;
}
.pagamento__container p,
.pagamento__container button {
  line-height: 25px;
}
.pagamento__container button {
  margin-top: 3rem;
}
@media (max-width: 750px) {
  .pagamento__container button {
    width: 100%;
    white-space: nowrap;
  }
}
.pagamento__container u {
  color: #e9a23b;
}
.pagamento__container .custom-spinner {
  margin-top: 1rem;
}
.pagamento__container h4 {
  margin-bottom: 2rem;
}

.sincronizar-cei {
  padding: 6rem;
  line-height: 1.5rem;
}
@media (max-width: 1000px) {
  .sincronizar-cei {
    padding: 2rem;
  }
}
.sincronizar-cei p,
.sincronizar-cei button {
  line-height: 25px;
}
.sincronizar-cei button {
  margin-top: 3rem;
}
@media (max-width: 750px) {
  .sincronizar-cei button {
    width: 100%;
    white-space: nowrap;
  }
}
.sincronizar-cei u {
  color: #e9a23b;
}
.sincronizar-cei .custom-spinner {
  margin-top: 1rem;
}
.sincronizar-cei h2 {
  font-size: 1.5rem;
  margin-top: 2rem;
}
.sincronizar-cei h4 {
  margin-bottom: 2rem;
  font-weight: normal;
  font-size: 1rem;
}

@media (min-width: 450px) {
  .dialog-erro-cei {
    width: 50vw;
  }
}

@keyframes scaleIn {
  from {
    opacity: 0.4;
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
.notificacoes-onboarding__container h5 {
  font-size: 1.2rem;
}
.notificacoes-onboarding__container .notificacao-onboarding {
  animation: scaleIn 0.2s;
  grid-template-columns: 50px 2fr 1fr;
}
@media (max-width: 974px) {
  .notificacoes-onboarding__container .notificacao-onboarding {
    grid-template-columns: 30px 3fr 1fr;
  }
}
@media (max-width: 500px) {
  .notificacoes-onboarding__container .notificacao-onboarding {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
}
.notificacoes-onboarding__container .notificacao-onboarding.borda-laranja {
  border: 2px solid #FF6B06;
}
.notificacoes-onboarding__container .notificacao-onboarding.borda-laranja > .notificacao-onboarding__icon > img {
  transform: scale(1.08);
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__icon > .material-icons {
  color: #136ffa;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__text > .notificacao-onboarding__text__content a {
  text-decoration: underline;
  color: #FF6B06;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__text > .notificacao-onboarding__text__content a:hover {
  color: #FF6B06;
  cursor: pointer;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__text > .notificacao-onboarding__text__content > a {
  text-decoration: underline;
  color: #FF6B06;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__text > .notificacao-onboarding__text__content > a:hover {
  color: #FF6B06;
  cursor: pointer;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 500px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button {
    flex-direction: column;
    width: 100%;
  }
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-2-botoes {
  display: flex;
}
@media (max-width: 900px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-2-botoes {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-2-botoes {
    flex-direction: row;
    width: 100%;
  }
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-2-botoes button {
  margin: 0 0.5rem;
}
@media (min-width: 500px) and (max-width: 900px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-2-botoes button {
    margin: 0.2rem 0.5rem;
  }
}
@media (max-width: 500px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button .layout-3-botoes {
    margin-top: 0.5rem;
    display: flex;
  }
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button:not(.myc-component) {
  display: inline-block;
  width: auto !important;
  white-space: nowrap;
}
@media (max-width: 500px) {
  .notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button:not(.myc-component) {
    width: 100% !important;
  }
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-outlined:not(.myc-component) {
  background: #fff;
  border: 2px solid #FF6B06;
  color: #FF6B06;
  font-weight: 500;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-terminei:not(.myc-component) {
  background: #46a885;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-terminei:not(.myc-component):hover {
  background: #126c43;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-terminei:not(.myc-component).botao-terminei-laranja {
  background: #FF6B06;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-terminei:not(.myc-component).botao-terminei-vermelho {
  background: #EF2323;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-onboarding__button button.botao-terminei:not(.myc-component).botao-terminei-vermelho:hover {
  background: #C62222;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-home__button.botoes-b3 button:not(.botao-terminei) {
  background-color: #003173 !important;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-home__button.botoes-b3 button:not(.botao-terminei).botao-outlined {
  background: #fff !important;
  border: 2px solid #003173 !important;
  color: #003173 !important;
}
.notificacoes-onboarding__container .notificacao-onboarding > .notificacao-home__button.botoes-b3 button:not(.botao-terminei).botao-outlined:hover {
  border: 2px solid #1368d6 !important;
  color: #1368d6 !important;
}

.dialogo-confirmacao .p-dialog-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 2rem 2rem 0 !important;
}
.dialogo-confirmacao .p-dialog-header > .p-dialog-title {
  display: inline !important;
}
.dialogo-confirmacao .p-dialog-content {
  padding: 0 2rem 2rem !important;
}
.dialogo-confirmacao .p-dialog-content > .p-confirm-dialog-message {
  margin-left: 0;
  margin-top: 0.75rem;
}
.dialogo-confirmacao .p-dialog-footer {
  display: flex;
  padding: 0 2rem 2rem;
  justify-content: space-around;
}
.dialogo-confirmacao .p-dialog-footer button {
  font-size: 13px;
  padding: 1.5rem 1.5rem;
  width: auto;
  white-space: nowrap;
  font-weight: bold;
  box-shadow: none !important;
  flex: 1;
  width: 100%;
}
.dialogo-confirmacao .p-dialog-footer button .p-button-icon {
  display: none !important;
}
@media (max-width: 500px) {
  .dialogo-confirmacao .p-dialog-footer button {
    white-space: normal;
  }
}
.dialogo-confirmacao .p-dialog-footer .botao-cancelar {
  background: #fff;
  border: 1px solid #FF6B06;
  color: #FF6B06;
}

.tooltip-notificacao-onboarding.p-tooltip {
  max-width: 500px;
  padding: 0;
}
.tooltip-notificacao-onboarding.p-tooltip .p-tooltip-text {
  padding: 1rem;
}

.crud-container .p-sidebar {
  padding: 0 !important;
  overflow: scroll;
  border: none;
  width: 25rem;
}
@media (max-width: 400px) {
  .crud-container .p-sidebar {
    width: 100%;
  }
}
@media (max-width: 300px) {
  .crud-container .p-sidebar {
    width: 98%;
  }
}
.crud-container .p-grid {
  margin-right: 0;
  margin-left: 0;
}
.crud-container__head {
  background-color: #343F51;
  color: white;
  padding: 1.5rem 1.6rem 0.5rem 1rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.crud-container__head .material-icons {
  color: white !important;
  margin-right: 0.3rem;
  cursor: pointer;
}
.crud-container__head h3 {
  font-weight: 400;
  margin: 0;
  font-size: 1.15rem;
}
.crud-container__head p {
  margin: 0;
  font-size: 1.1rem;
}
.crud-container__titulo {
  padding: 2rem 1.8rem 0 1.5rem;
}
.crud-container__titulo img {
  width: 3.2rem;
}
.crud-container__titulo .material-icons {
  font-size: 1rem !important;
}
.crud-container__titulo u {
  color: #FF6B06;
  margin-right: 0.1rem;
  cursor: pointer;
  font-size: 1rem;
}
.crud-container__nome h2 {
  margin: 0;
  font-size: 1.5rem;
}
.crud-container__nome p {
  margin: 0;
}
.crud-container__nome span {
  margin-right: 1rem;
}
.crud-container__nome div {
  line-height: 0.5rem;
}
.crud-container__nome div p {
  color: #3a3a3a;
  font-size: 1rem;
}
.crud-container__body {
  padding: 0 1.5rem 1rem 1.5rem;
  font-size: 1rem;
  color: #3a3a3a;
  margin-bottom: 2rem;
}
.crud-container__body .p-grid p {
  margin: 0.7rem 0;
  font-size: 1.1rem;
}
.crud-container__body div:last-of-type {
  border-bottom: none;
}
.crud-container__body .card-input {
  background-color: #efefef;
  padding: 0.3rem 0.5rem;
  border-style: none;
  width: 30%;
  border-radius: 5px;
  color: black;
  font-weight: 600;
  font-size: 0.9rem;
  outline: none;
  height: 1.7rem;
}
.crud-container__body div {
  border-bottom: 1px solid #e0e0e0;
  margin-top: 0.1rem;
}
.crud-container__body u {
  color: #999999;
  font-size: 0.9rem;
  font-weight: 500;
}
.crud-container__body .ir-retido-titulo {
  margin-left: -0.4rem;
  border-bottom: 0;
  color: black;
}
.crud-container__body .ir-retido-titulo h4 {
  background-color: #e0e0e0;
  padding: 0.4rem 0.5rem 0.2rem 0.5rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 6rem;
  margin: 1rem 0 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  color: black;
}
.crud-container__body h3 {
  color: black;
  margin: 0.2rem 0 0 0;
  font-size: 1.3rem;
}
.crud-container__body .checkbox-debitar {
  padding: 1rem 0 1rem 0;
  border-bottom: none;
}
.crud-container__body .checkbox-debitar .p-widget {
  margin: 0.3rem;
}
.crud-container__body .checkbox-debitar .p-checkbox-icon {
  font-size: 0.8em !important;
  margin: 0;
}
.crud-container__body .checkbox-debitar .p-checkbox-icon.pi-check:before {
  top: 4px !important;
  left: 0 !important;
}
.crud-container__body .checkbox-debitar .p-checkbox .p-checkbox-box {
  border: 1px solid #999999;
  width: 1em !important;
  height: 1em !important;
}
.crud-container__body .checkbox-debitar .p-checkbox-label {
  margin-left: none;
  font-size: 0.9rem;
  margin-top: 0.4rem;
}
.crud-container__body .checkbox-debitar .p-checkbox-label:checked {
  color: #FF6B06;
}
.crud-container__body .checkbox-debitar .body .p-chkbox .p-chkbox-box .p-chkbox-icon {
  font-size: 0.8em;
  margin: 0;
}
.crud-container button {
  border-style: none;
  border-radius: 5px;
  font-weight: 800;
  outline: none;
  cursor: pointer;
}
.crud-container button.btn-lancar-nota {
  background-color: #FF6B06;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  margin-left: 1rem;
  cursor: pointer;
  padding: 0.5rem 1.3rem;
  margin-top: 0.4rem;
}
.crud-container .btns-crud-group {
  display: flex;
  justify-content: space-between;
  margin: 3rem -0.5rem 0 -0.5rem;
}
.crud-container .btn-salvar {
  background-color: #5bdaac;
  border: 1px solid #46a885;
  color: white;
  margin-bottom: 0.4rem;
  padding: 0.8rem 0;
  width: 90%;
}
.crud-container .btn-excluir {
  background-color: white;
  border: 1px solid #999999;
  margin-right: 0.5rem;
  padding: 0.1rem 0.7rem !important;
  height: 2.6rem;
}
.crud-container .p-dialog {
  text-align: left;
  padding-bottom: 0.1rem;
  width: 25rem;
  border-radius: 10px;
}
.crud-container .p-dialog .p-dialog-titlebar {
  padding: 0.1rem 1em !important;
  height: 1.6rem;
  border-radius: 10px;
}
.crud-container .p-dialog i {
  color: #3a3a3a;
}
.crud-container .p-dialog a,
.crud-container .p-dialog a:visited {
  color: #FF6B06;
  cursor: pointer;
  text-decoration: none;
}
.crud-container .p-dialog a u,
.crud-container .p-dialog a:visited u {
  font-size: 1.1rem;
  padding: 0 1rem;
}

.card_notacorretagem {
  max-width: 20rem;
  min-width: 18rem;
  padding: 0 0.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  font-size: 1rem;
}
.card_notacorretagem .card_nota {
  background: linear-gradient(to bottom, #343F51 50%, white 50%);
  background-color: #343F51;
  border-radius: 5px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-shadow: 0px 1px 18px 1px rgba(0, 0, 0, 0.11);
}
.card_notacorretagem .card_nota .header_nota p {
  display: inline-block;
  color: #ffffff;
  padding: 0.5rem 1rem;
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
}
.card_notacorretagem .card_nota .header_nota p:nth-child(2) {
  float: right;
}
.card_notacorretagem .card_nota .topo_nota {
  background-color: #e0e0e0;
  position: relative;
  padding-bottom: 0.5rem;
}
.card_notacorretagem .card_nota .topo_nota .icon {
  padding-left: 1rem;
  padding-top: 1rem;
  display: inline-block;
}
.card_notacorretagem .card_nota .topo_nota .icon img {
  max-width: 60px;
}
.card_notacorretagem .card_nota .topo_nota .titulos {
  display: inline-block;
  position: relative;
  bottom: 0.4rem;
  margin-left: 0.8rem;
}
.card_notacorretagem .card_nota .topo_nota .titulos span {
  display: block;
}
.card_notacorretagem .card_nota .topo_nota .titulos span:nth-child(1) {
  color: #3a3a3a;
}
.card_notacorretagem .card_nota .topo_nota .titulos span:nth-child(2) {
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.card_notacorretagem .card_nota .topo_nota .btn_editar {
  display: inline;
  float: right;
  margin-top: 1.5rem;
  margin-right: 0.9rem;
}
.card_notacorretagem .card_nota .topo_nota .btn_editar a {
  color: #FF6B06;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.card_notacorretagem .card_nota .conteudo_nota {
  display: block;
  background-color: #ffffff;
  padding: 0.8rem 1.2rem 0rem 1.2rem;
}
.card_notacorretagem .card_nota .footer_nota {
  background-color: #ffffff;
  padding: 1rem 1.2rem;
  margin-bottom: 0.5rem;
  margin-top: -8px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.card_notacorretagem .card_nota .footer_nota span {
  padding: 0.2rem 0.3rem;
  color: #000000;
  font-weight: bold;
  display: inline;
}
.card_notacorretagem .card_nota .footer_nota span:nth-child(3) {
  float: right;
}
.card_notacorretagem .card_nota .linha {
  margin-bottom: 0.6rem;
}
.card_notacorretagem .card_nota .linha.empty {
  padding-top: 1.2rem;
}
.card_notacorretagem .card_nota .linha span {
  display: inline;
}
.card_notacorretagem .card_nota .linha span:nth-child(1) {
  color: #3a3a3a;
}
.card_notacorretagem .card_nota .linha span:nth-child(2) {
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  float: right;
}
.card_notacorretagem .card_nota .debito {
  font-weight: bold;
  color: #1375FA;
  text-transform: uppercase;
  display: inline;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0px;
  background-color: #1375fa21;
  border-radius: 2px;
  padding: 0.1rem 0.2rem;
}

.footer_line {
  margin-block-start: 0;
  margin-block-end: 0.5rem;
  margin-inline-start: 0;
  margin-inline-end: 0;
  overflow: hidden;
  border: none;
  border-top: 2px dotted #999999;
}

.p-tooltip {
  overflow-wrap: break-word;
}

.card-default {
  padding: 1rem 1.2rem;
  margin: 0.6rem;
  border-radius: 0.5rem;
  background-color: white;
}
@media (max-width: 450px) {
  .card-default {
    margin: 0;
  }
}

.yt-txt {
  font-weight: 900;
}

#yt-video-sucesso {
  height: 19rem;
  width: 100%;
  margin-left: 0;
}
@media (max-width: 500px) {
  #yt-video-sucesso {
    margin-bottom: 35rem;
  }
}
@media (max-width: 350px) {
  #yt-video-sucesso {
    margin-bottom: 40rem;
  }
}

#player-sucesso {
  width: 50%;
  left: 55%;
  top: 23%;
}
@media (max-width: 1000px) {
  #player-sucesso {
    width: 90%;
  }
}

.yt-video {
  display: flex;
  height: 13rem;
  position: relative;
  margin-top: 10rem;
  margin-bottom: 10rem;
  width: 90%;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-left: 5%;
}
@media (max-width: 1000px) {
  .yt-video {
    flex-direction: column;
    align-items: center;
    box-shadow: none;
    margin: 2rem 0 3rem 0;
    padding: 0 !important;
    width: 90;
    margin-left: 5%;
    height: auto;
  }
}
.yt-video h3 {
  width: 27%;
  font-weight: 300;
  padding: 2rem 0 0 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 1500px) {
  .yt-video h3 {
    padding-left: 3rem;
  }
}
@media (max-width: 1000px) {
  .yt-video h3 {
    text-align: center;
    width: 80%;
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .yt-video h3 {
    font-size: 1rem;
  }
}
@media (max-width: 670px) {
  .yt-video h3 {
    padding-bottom: 1rem;
  }
}
.yt-video .h4-senha-cei {
  width: 35%;
  padding: 4% 0 0 10%;
  font-size: 1.4rem;
}
@media (max-width: 1200px) {
  .yt-video .h4-senha-cei {
    width: 30%;
    font-size: 1.3rem;
  }
}
@media (max-width: 1000px) {
  .yt-video .h4-senha-cei {
    width: 100%;
    padding: 0;
    font-size: 1.3rem;
  }
}
.yt-video h4 {
  font-weight: 300;
  padding: 3rem 0 0 20%;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 1500px) {
  .yt-video h4 {
    width: 60%;
  }
}
@media (max-width: 1000px) {
  .yt-video h4 {
    width: 100%;
    padding: 1rem 0;
  }
}
@media (max-width: 767px) {
  .yt-video h4 {
    font-size: 1rem;
  }
}
@media (max-width: 670px) {
  .yt-video h4 {
    text-align: center;
    padding-bottom: 1rem;
  }
}
.yt-video .video-conclusao {
  background-color: white;
  border-radius: 10px;
  bottom: 4rem;
  position: relative;
}
@media (max-width: 1000px) {
  .yt-video .video-conclusao {
    margin-top: 2rem;
  }
}
.yt-video .video-conclusao .atencao-aviso {
  background-color: #ffd9d9;
  padding: 1rem;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  font-weight: 900;
  display: flex;
  align-items: center;
}
.yt-video .video-conclusao .atencao-aviso .material-icons {
  color: red !important;
  margin-right: 1rem;
}
.yt-video .video-conclusao u {
  color: #e9a23b;
}
.yt-video .video-conclusao a:visited {
  color: #e9a23b;
}
.yt-video .video-conclusao p {
  width: 34%;
  padding: 0.1rem 1rem 1rem 1rem;
}
@media (max-width: 1000px) {
  .yt-video .video-conclusao p {
    width: 90%;
  }
}

.player {
  width: 60%;
  position: absolute;
  top: 1rem;
  left: 44%;
  transform: translate(-15%, -28%);
  margin-bottom: 3rem;
}
@media (min-width: 1500px) {
  .player {
    width: 49.5%;
    transform: translate(-15%, -30%);
  }
}
@media (max-width: 1160px) {
  .player {
    transform: translate(-15%, -25%);
  }
}
@media (max-width: 1000px) {
  .player {
    position: static;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
  }
}

.link-group a {
  color: black;
}
.link-group a:visited {
  color: black;
}
.link-group a:hover {
  color: #e9a23b;
}

.links-base-conhecimento {
  width: 54.4%;
  height: 3rem;
  position: relative;
  bottom: 3.8rem;
  left: 44.5%;
  transform: translate(-15%, -28%);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  text-align: center;
  padding-right: 1rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (min-width: 1500px) {
  .links-base-conhecimento {
    width: 44.7%;
    transform: translate(-15%, -30%);
    bottom: 4.4rem;
  }
}
@media (max-width: 1160px) {
  .links-base-conhecimento {
    transform: translate(-15%, -25%);
  }
}
@media (max-width: 1000px) {
  .links-base-conhecimento {
    width: 90.3%;
    height: 3rem;
    left: 18.5%;
    bottom: 6.7rem;
  }
}
@media (max-width: 400px) {
  .links-base-conhecimento {
    margin-bottom: 4rem;
  }
}

#links-base-conhecimento-aviso {
  width: 53%;
  bottom: 5rem;
  left: 44.5%;
}
@media (min-width: 1500px) {
  #links-base-conhecimento-aviso {
    width: 44%;
  }
}
@media (max-width: 1300px) {
  #links-base-conhecimento-aviso {
    width: 53%;
    left: 44.4%;
    bottom: 4rem;
  }
}
@media (max-width: 1000px) {
  #links-base-conhecimento-aviso {
    width: 88.3%;
    left: 18.3%;
  }
}
@media (max-width: 350px) {
  #links-base-conhecimento-aviso {
    width: 86%;
  }
}

body .drag-enter {
  border-radius: 1rem;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.23), 0 3px 20px rgba(65, 26, 26, 0.16);
  -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.23), 0 3px 20px rgba(65, 26, 26, 0.16);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.23), 0 3px 20px rgba(65, 26, 26, 0.16);
}
body .clean-table .p-column-title {
  display: none;
}
body .clean-table .material-icons {
  color: #414141;
}
body .clean-table .p-datatable-tbody > tr > td {
  border-bottom: 1px solid transparent;
  padding: 0.5rem;
  background-color: #fff;
}
body .clean-table .p-datatable-tbody > tr > td:first-child {
  width: 2rem;
}
body .clean-table .p-datatable .p-datatable-thead > tr > th {
  background-color: transparent;
  border-bottom: 0px solid #000;
  padding: 0.9rem;
}
body .grupos-table .p-datatable-reorderablerow-handle {
  cursor: move;
}
body .grupos-table .p-sortable-column-icon {
  font-size: 0.7em;
  opacity: 0.8;
}
body .grupos-table .color-red {
  color: #EF2323 !important;
}
body .grupos-table .color-green {
  color: #46a885 !important;
}
body .grupos-table .margin {
  height: 0.2rem;
}
body .grupos-table .p-column-title {
  display: none;
}
body .grupos-table .expand-icon {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
body .grupos-table .expand-icon .pi {
  color: #000;
}
body .grupos-table .expand-icon:enabled:not(:focus):hover {
  background-color: transparent;
}
body .grupos-table .p-datatable .p-datatable-thead > tr > th {
  background-color: transparent;
  border-bottom: 0px solid #3a3a3a;
  padding: 0.9rem;
  font-weight: 500;
  opacity: 0.8;
  color: #3a3a3a;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr {
  border-bottom: 1px solid transparent;
  padding: 0.7rem;
  background-color: #ededed;
  font-weight: 800;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .p-inputtext {
  width: 100%;
  font-size: 0.9rem;
  color: #3a3a3a;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .p-button-icon {
  cursor: pointer;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .p-button-label {
  display: none;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .p-button:enabled:focus,
body .grupos-table .p-datatable .p-datatable-tbody > tr .p-button:enabled:hover {
  background: transparent;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: none;
  border-width: 0;
  color: #3a3a3a;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td:first-child {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td:first-child .p-button:enabled:active {
  background: transparent !important;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td:nth-child(2) {
  width: 0.1rem;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td:nth-child(2) button {
  display: none;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td .nomeGrupo {
  font-size: 1.3rem;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr > td:last-child {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .variacao {
  display: block;
  font-size: 0.8em;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .icon-button {
  background-color: #ff8933;
  padding: 0.6rem;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: 0.4rem;
  cursor: pointer;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .icon-button .material-icons {
  font-size: 1em;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr .arrow {
  font-size: 1.7em;
  color: #3a3a3a;
  cursor: pointer;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr:last-child {
  padding-left: 2rem;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr:nth-child(2) {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
body .grupos-table .p-datatable .p-datatable-tbody > tr:nth-child(2) button {
  display: none;
}
body .grupos-table .expanded {
  background-color: #f4f4f4;
  padding: 0.3rem !important;
}
body .posicoes-table .p-column-title {
  display: none;
}
body .posicoes-table .p-datatable-tbody > tr:nth-child(odd) {
  background-color: #f7f7f7;
}
body .posicoes-table .p-datatable-tbody > tr.p-highlight {
  color: #000;
  background-color: #d3d3d3;
}
body .posicoes-table .p-datatable-tbody > tr:nth-child(odd).p-highlight {
  color: #000;
  background-color: #d3d3d3;
}
body .posicoes-table .p-datatable .p-datatable-tbody > tr > td:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body .posicoes-table .p-datatable .p-datatable-tbody > tr > td:last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .posicoes-table .p-datatable-tbody > tr > td {
  border-bottom: 1px solid transparent;
  background-color: transparent;
  padding: 1.2rem;
  font-weight: 400;
}
body .posicoes-table .p-datatable-tbody > tr > td:first-child {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
  font-weight: 600;
}
body .posicoes-table .p-datatable-tbody > tr > td:first-child .material-icons {
  font-size: 1.5em;
  margin-left: 0.5rem;
  color: rgba(0, 0, 0, 0.445);
}
body .posicoes-table .p-datatable-tbody > tr > td:first-child:last-child {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}
body .posicoes-table .p-datatable-tbody > tr > td:nth-child(2) {
  font-size: 1em;
}
body .posicoes-table .p-datatable .p-datatable-thead > tr > th {
  background-color: transparent;
  border-bottom: 0px solid #000;
  padding: 0.9rem;
  opacity: 1;
  font-size: 0.9rem;
  font-weight: 600;
}
body .posicoes-table .icon-button {
  background-color: transparent !important;
}
body .posicoes-table .icon-button .material-icons {
  color: #9f9f9f !important;
}
@media screen and (max-width: 40em) {
  body .text-right {
    text-align: inherit !important;
  }
  body .grupos-table .p-column-title,
body .posicoes-table .p-column-title {
    padding: 0.4rem;
    min-width: 30%;
    display: contents;
    margin: -0.4em 1em -0.4em -0.4rem;
    font-weight: 400;
    color: #272727;
  }
  body .p-datatable-responsive .p-datatable-tbody > tr {
    border: 0px;
  }
  body .grupos-table .p-datatable-tbody > tr > td:first-child {
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  body .grupos-table .p-datatable-tbody > tr > td:first-child button {
    display: none;
  }
  body .grupos-table .p-datatable-tbody > tr > td:nth-child(2) {
    display: flex;
    align-items: center;
  }
  body .grupos-table .p-datatable-tbody > tr > td:nth-child(2) button {
    display: block;
  }
  body .grupos-table .p-datatable-tbody > tr > td:last-child {
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  body .grupos-table .p-datatable-tbody > tr > td:last-child .flex-center {
    justify-content: space-between;
    flex-direction: row;
  }
  body .grupos-table .p-datatable-tbody > tr > td {
    display: grid;
  }
  body .grupos-table .p-datatable-tbody > tr > td:last-child {
    border-bottom: 0px !important;
  }
  body .grupos-table tr:first-child {
    border-top: 0px !important;
  }
  body .grupos-table tr td {
    border-bottom: 1px solid #eee !important;
    font-size: 1.1em;
  }
  body .expanded .posicoes-table tr:last-child {
    border-bottom: 0px;
  }
}

.mover-list .p-table .p-datatable > tr > th {
  font-weight: 700;
}

body .login-panel .p-button[name=esquecisenha].secondary {
  background-color: #ffffff;
  color: #FF6B06;
  box-shadow: unset;
}
body .login-panel .p-button[name=esquecisenha].secondary span i {
  color: #FF6B06;
}
body .login-panel .p-button[name=esquecisenha].secondary:hover {
  color: #a86302;
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.04);
}
body .login-panel .p-button[name=esquecisenha].secondary:hover span i {
  color: #a86302;
}
body .login-panel .md-inputfield {
  bottom: 0.02rem;
}
body .login-panel .md-inputfield > label {
  color: #FF6B06;
  left: 0.25em;
  bottom: 0.2rem;
}
body .login-panel .p-inputtext {
  background: transparent no-repeat;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, transparent, transparent);
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-width: 0;
  padding: 2px;
  font-size: 1em;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
body .login-panel input:focus ~ label,
body .login-panel input.p-filled ~ label,
body .login-panel .p-inputwrapper-focus ~ label,
body .login-panel .p-inputwrapper-filled ~ label {
  background-color: transparent;
  color: #FF6B06;
}
body .login-panel .form-label-group {
  position: relative;
  width: 100%;
  top: 0;
}
body .login-panel .form-label-group > label {
  position: absolute;
  top: 0;
  left: 9px;
  margin-bottom: 0;
  line-height: 1.6;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  cursor: text;
  transition: all 0.2s ease-in-out;
}
body .login-panel .form-label-group > .form-control:-ms-input-placeholder,
body .login-panel .form-label-group > .form-control::-ms-input-placeholder {
  color: transparent;
}
body .login-panel .form-label-group > .form-control::placeholder {
  color: transparent;
}
body .login-panel .form-label-group > .form-control:not(:placeholder-shown) ~ label {
  padding-top: 0.00937rem;
  padding-bottom: 0.00937rem;
  font-size: 1rem;
  margin-top: -1rem;
  margin-top: -1.4rem;
  font-size: 0.9rem;
}
@supports (-ms-ime-align: auto) {
  body .login-panel .form-label-group > label {
    display: none;
  }
}
body .login-panel .form-control {
  display: block;
  width: 100%;
  padding: 0.15em 1rem;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.6;
  color: #161c2d;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 0.375rem;
  outline: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .login-panel .form-label-group > .form-control-flush ~ label {
  padding-left: 0;
  padding-right: 0;
}
body .login-panel .form-label-group > .ng-invalid.ng-dirty + label {
  color: #FF6B06;
}
body .login-panel p.mensagem-login.texto-detalhes {
  margin-bottom: 1rem;
}
body .login-panel .p-inputgroup {
  margin-bottom: 0.1rem;
}
body .p-inputtext:-webkit-autofill {
  border-width: 0px;
}
body .p-inputgroup .p-float-label:last-child input {
  border-radius: 4px;
}

.troca-senha .p-inputgroup-addon:last-child, .troca-senha .p-inputgroup button:last-child, .troca-senha .p-inputgroup input:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 0.8rem;
}
.troca-senha .p-inputgroup {
  background-image: none;
}
.troca-senha .p-inputtext:enabled:focus {
  box-shadow: none;
}

body .ultimasImportacoesOverlay {
  margin-top: 0px !important;
  border-radius: 0px !important;
}
body .ultimasImportacoesOverlay:after,
body .ultimasImportacoesOverlay:before {
  bottom: 0;
  content: none !important;
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  display: none;
  border-width: 0px !important;
  margin-left: 0px !important;
}
body .layout-topbar {
  padding: 0 0.7rem;
  background-color: white !important;
  height: 4.8rem;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: none !important;
}
body .layout-topbar .pi {
  font-size: 1.1rem;
}
body .layout-topbar .modalmais-contato {
  display: flex;
  flex-direction: row;
  padding: 24px;
  gap: 24px;
}
body .layout-topbar .modalmais-contato__col {
  flex-direction: column;
  display: flex;
  gap: 4px;
}
body .layout-topbar .modalmais-contato__col span:first-child {
  font-weight: bold;
}
@media (max-width: 991px) {
  body .layout-topbar {
    height: 4rem;
  }
}
body .layout-topbar .layout-topbar-right {
  background-color: white;
}
body .layout-topbar .layout-topbar-right .material-icons {
  color: #3a3a3a;
  font-size: 1.5rem;
}
body .layout-topbar .layout-topbar-right .layout-topbar-item {
  padding: 0 0.2rem 0 0rem;
  cursor: pointer;
}
body .layout-topbar .layout-topbar-right .layout-topbar-item:last-child {
  margin-right: -1rem;
}
body .layout-topbar .layout-topbar-right .layout-topbar-item:hover, body .layout-topbar .layout-topbar-right .layout-topbar-item:active {
  background-color: #eceff1;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 4px;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #FF6B06;
  border-radius: 6px;
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .redirecionamento-interface-antiga:hover {
  cursor: pointer;
}
@media (max-width: 991px) {
  body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .redirecionamento-interface-antiga {
    display: none;
  }
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item {
  width: 5rem;
  justify-content: center;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .p-overlaypanel {
  --overlayArrowLeft: 0 !important;
  top: 56px !important;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .p-overlaypanel:before {
  border-width: 0px !important;
  margin-left: 0px !important;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .p-overlaypanel:before {
  bottom: 0;
  content: " ";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  display: none;
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item.hide-desktop {
  display: none;
}
@media (max-width: 990px) {
  body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item.hide-desktop {
    display: flex;
  }
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item.hide-mobile {
  display: flex;
}
@media (max-width: 990px) {
  body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item.hide-mobile {
    display: none;
  }
}
body .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item span {
  display: flex;
  align-items: center;
  flex-direction: column;
}
body .layout-topbar .layout-topbar-left {
  padding-left: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
}
body .layout-topbar .layout-topbar-left .layout-menu-button {
  left: 0;
  border-radius: 0;
  height: 100%;
  width: 4.7rem;
}
body .layout-topbar .layout-topbar-left .layout-menu-button:hover, body .layout-topbar .layout-topbar-left .layout-menu-button:active {
  background-color: #eceff1 !important;
}
body .layout-topbar .layout-topbar-left .pi {
  font-size: 1.5rem;
  color: #78909c !important;
}
body .layout-topbar .layout-topbar-left .layout-topbar-search {
  position: relative;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .layout-topbar .layout-topbar-left .layout-topbar-search-input {
  width: 100%;
  max-width: 800px;
}
@media (max-width: 990px) {
  body .layout-topbar .layout-topbar-left .layout-topbar-search-input.fullwidth {
    display: none;
  }
}
body .layout-topbar .layout-topbar-left .layout-topbar-logo {
  width: auto;
  position: relative;
  left: 4.5rem;
  margin-right: 4.5rem;
}
body .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #2f2e41 !important;
  background-color: transparent !important;
  box-shadow: none;
}
body .layout-topbar__menu {
  width: 100%;
  margin-top: 0.2rem;
  justify-content: flex-start;
  display: flex;
  margin-left: 5%;
}
body .layout-topbar__menu a {
  font-size: 1rem;
  margin: 0 1rem;
  cursor: pointer;
}
body .layout-topbar__menu a:hover, body .layout-topbar__menu a:active {
  color: #FF6B06;
}
body .layout-topbar__menu .menu-line-hover::after {
  content: "";
  display: block;
  top: 1.6rem;
  position: relative;
  border-bottom: 4px solid transparent;
}
body .layout-topbar__menu .menu-line-hover:hover::after {
  content: "";
  display: block;
  top: 1.6rem;
  position: relative;
  border-bottom: 4px solid #FF6B06;
}
body .layout-topbar__menu .menu-line-hover:active::after {
  content: "";
  display: block;
  top: 1.6rem;
  position: relative;
  border-bottom: 4px solid #FF6B06;
}
body .layout-topbar__menu .menu-line-hover:focus::after {
  content: "";
  display: block;
  top: 1.6rem;
  position: relative;
  border-bottom: 4px solid #FF6B06;
}
body .layout-topbar__menu .periodo-ir {
  padding: 0.2rem 1.5rem;
  border: 1px solid #FF6B06;
  background-color: #E5E5E5;
  border-radius: 10px;
  color: #FF6B06;
  display: flex;
  justify-content: center;
}
body #ajuda li:first-child {
  border-bottom: none;
  padding-top: 1rem;
  cursor: pointer;
}
body #ajuda li:first-child:hover, body #ajuda li:first-child:active {
  background-color: #eceff1;
}
body .layout-topbar__menu-conta {
  position: fixed;
  top: 4.82rem;
  right: 0rem;
  z-index: 1000;
  width: 20rem !important;
  padding: 0;
  transform-origin: top;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
}
body .layout-topbar__menu-conta ul {
  list-style-type: none;
  padding: 0;
}
body .layout-topbar__menu-conta li {
  padding: 1rem 1.3rem;
  color: #3a3a3a !important;
  font-weight: 400;
  font-size: 1rem;
}
body .layout-topbar__menu-conta li:hover, body .layout-topbar__menu-conta li:active {
  background-color: #eceff1;
}
body .layout-topbar__menu-conta li a {
  color: #3a3a3a !important;
}
body .layout-topbar__menu-conta li p {
  font-size: 0.9rem;
}
body .layout-topbar__menu-conta li:first-child {
  border-bottom: 1px solid whitesmoke;
  padding-top: 0;
  cursor: text;
}
body .layout-topbar__menu-conta li:first-child:hover, body .layout-topbar__menu-conta li:first-child:active {
  background-color: white;
}
body .layout-topbar__menu-conta li h4 {
  margin-bottom: 0;
}
body .layout-topbar__menu-conta li span {
  margin-left: 0.3rem;
}
body .layout-topbar__menu-conta li > .layout-topbar__menu-conta__id-atendimento {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
body .layout-topbar__menu-conta li > .layout-topbar__menu-conta__id-atendimento > .layout-topbar__menu-conta__id-atendimento__refresh-icon {
  transition: transform ease-in-out 500ms;
  font-size: 20px;
  line-height: 16px;
}
body .layout-topbar__menu-conta li > .layout-topbar__menu-conta__id-atendimento > .layout-topbar__menu-conta__id-atendimento__refresh-icon:hover {
  cursor: pointer;
  transform: rotateZ(360deg);
}
body .layout-topbar__menu-conta #usuario-nome-phone {
  display: none;
}
@media (max-width: 500px) {
  body .layout-topbar__menu-conta #usuario-nome-phone {
    display: flex;
    flex-direction: column;
    padding: 0 0 0.5rem;
    text-align: center;
    width: 100%;
  }
}
body .layout-topbar__menu-conta #botao-redirecionamento-mobile {
  display: none;
}
@media (max-width: 500px) {
  body .layout-topbar__menu-conta #botao-redirecionamento-mobile {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
}
body .layout-topbar__menu-conta #botao-redirecionamento-mobile button {
  height: 26px;
  background: none;
  border: solid 2px #ff8933;
  border-radius: 6px;
  color: #ff8933;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
body .p-badge-dot {
  width: 0.9rem;
  min-width: 0.9rem;
  height: 0.9rem;
}
body .p-overlay-badge .p-badge {
  position: absolute;
  top: 0.2rem;
  right: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
}
body .p-badge.p-badge-warning {
  background-color: #C62222;
  color: white;
}
body .menu-subitem {
  padding-left: 1.5rem;
}

.menu-wrapper {
  width: 21.5rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  background-color: white;
}
.menu-wrapper .pi {
  font-size: 1.2rem;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul {
  padding: 0;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li {
  border-bottom: 1px solid #d3d9dc;
  border-radius: 0px;
  padding: 0.9rem;
  font-size: 1rem;
  font-weight: 400;
  background-color: white;
  margin: 0;
  outline: none;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li:hover {
  background-color: #eceff1;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li:active {
  background-color: #eceff1;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(2), .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(3), .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(4) {
  display: none;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li a {
  color: #78909c !important;
  outline: none;
}
.menu-wrapper .layout-menu-container .layout-menu li > ul li a:hover {
  background-color: transparent !important;
}
.menu-wrapper .layout-menu-static .menu-wrapper {
  transition: transform 0.2s;
}

.menu-wrapper {
  display: none !important;
}

@media (max-width: 991px) {
  .menu-wrapper {
    top: 7rem;
  }
  .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(2), .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(3), .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(4) {
    display: block;
  }
  .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(2) a, .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(3) a, .menu-wrapper .layout-menu-container .layout-menu li > ul li:nth-child(4) a {
    color: #FF6B06 !important;
  }

  .layout-topbar .layout-topbar-left {
    margin-left: -1rem;
  }
  .layout-topbar .layout-topbar-right {
    display: flex !important;
    background-color: transparent !important;
  }
  .layout-topbar .layout-topbar__menu {
    display: none !important;
  }
  .layout-topbar .layout-topbar-items {
    flex-direction: row-reverse;
    width: auto !important;
    margin-right: 10%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .layout-topbar .layout-topbar-items {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .layout-topbar .layout-topbar-item {
    bottom: 3.8rem;
    left: 80%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .layout-topbar .layout-topbar-item {
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media (max-width: 991px) and (max-width: 380px) {
  .layout-topbar a {
    margin: 0.1rem 0.5rem;
  }

  .layout-topbar__menu {
    width: 100%;
  }
  .layout-topbar__menu a {
    font-size: 0.9rem !important;
  }

  .layout-topbar__menu-conta {
    max-width: 20rem !important;
    min-width: 20rem !important;
  }

  .menu-wrapper {
    top: 7rem !important;
  }

  .layout-menu-button:hover, .layout-menu-button:active {
    background-color: transparent !important;
  }

  #usuario-nome-phone {
    display: inline;
  }
}
@media (max-width: 991px) and (max-width: 500px) {
  .layout-topbar-left {
    justify-content: space-evenly;
  }

  .layout-topbar-right {
    width: 110% !important;
    margin-top: 0;
  }
  .layout-topbar-right .layout-topbar-item {
    padding: 0 0.8rem !important;
    right: 0%;
    left: 34%;
    bottom: 0;
    width: auto !important;
  }
}
@-moz-document url-prefix() {
  @media (max-width: 320px) {
    .layout-topbar .layout-topbar-right .layout-topbar-item {
      margin-top: 1.6rem;
    }

    .layout-topbar .layout-topbar-left .layout-topbar-logo {
      margin-top: 1.4rem;
    }
  }
}
@media (max-width: 320px) {
  noindex:-o-prefocus .layout-topbar .layout-topbar-right .layout-topbar-item {
    margin-top: 1.6rem;
  }
  noindex:-o-prefocus .layout-topbar .layout-topbar-left .layout-topbar-logo {
    margin-top: 1.4rem;
  }
}

@media (max-width: 500px) {
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
    flex-direction: column;
    align-items: flex-end;
    bottom: 0;
    height: 4.7rem;
  }

  body .layout-topbar .layout-topbar-left {
    padding-left: 0;
  }

  .layout-topbar-actions-right .layout-topbar-items {
    height: 80% !important;
  }
}
@media (max-width: 480px) {
  .layout-topbar-actions-right .layout-topbar-item {
    left: 0 !important;
    right: 0;
    padding: 0 1.2rem;
  }

  .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action {
    user-select: none !important;
    padding: 0 0.5rem !important;
    margin: 0 !important;
    min-width: auto !important;
  }

  .layout-topbar .layout-topbar-left .layout-menu-button {
    width: 3rem !important;
  }

  .layout-topbar .layout-topbar-left .layout-topbar-logo {
    left: 3.3rem !important;
  }
  .layout-topbar .layout-topbar-left .layout-topbar-logo img {
    height: 1.6rem !important;
  }
}
@media (max-width: 991px) {
  .layout-topbar__menu-conta {
    top: 4rem !important;
  }
}
.side-menu-admin-background {
  background-color: black;
  width: 100%;
  height: 100%;
  z-index: 130;
  position: fixed;
  opacity: 0.1;
  transition: 0.2s;
  visibility: visible;
}
.side-menu-admin-background.hidden {
  opacity: 0;
  visibility: hidden;
}

.side-menu-admin {
  padding-top: 26px;
  margin-top: -13px;
  box-shadow: none !important;
  border-right: 1px solid #e0e0e0;
  min-width: 52px;
  height: 95%;
  position: fixed;
  background-color: white;
  z-index: 150;
  transition: 0.2s;
}
.side-menu-admin ::-webkit-scrollbar {
  width: 2px;
}
.side-menu-admin ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.side-menu-admin ::-webkit-scrollbar-thumb {
  background: #888;
}
.side-menu-admin ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.side-menu-admin .mobile-menu {
  margin-top: 38px;
  border-top: 1px solid #e0e0e0;
  display: none;
}
.side-menu-admin .side-menu {
  padding: 12px 0px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.side-menu-admin.expanded {
  min-width: 250px;
}
.side-menu-admin.expanded .item {
  flex-direction: row;
  padding-left: 15px;
  padding-right: 15px;
}
.side-menu-admin.expanded .item span {
  margin-top: 0;
  margin-left: 8px;
  font-size: 14px;
}
.side-menu-admin .item {
  padding: 15px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 2px;
  margin: 5px;
  border-radius: 12px;
  transition: 0.5s;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border: 1px solid transparent;
}
.side-menu-admin .item .pi {
  color: #000;
}
.side-menu-admin .item:hover {
  background-color: #ededed;
  border: 1px solid transparent;
}
.side-menu-admin .item.activated {
  background-color: #fff0e5;
}
.side-menu-admin .item.activated span {
  color: #ff8933;
}
.side-menu-admin .item.activated .pi {
  color: #ff8933;
}
.side-menu-admin .item.section {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: bold;
}
.side-menu-admin .item.section .pi {
  display: none;
}
.side-menu-admin .item.section:hover {
  background: transparent;
}
.side-menu-admin.mini .item {
  height: 50px;
  justify-content: center;
}
.side-menu-admin.mini .section {
  display: none;
}
.side-menu-admin.mini span {
  margin-top: 8px;
  font-size: 10px;
  display: none;
}
@media (max-width: 900px) {
  .side-menu-admin {
    display: none;
  }
  .side-menu-admin.expanded {
    min-width: 250px;
    display: block;
  }
  .side-menu-admin .mobile-menu {
    display: block;
  }
}

.container-busca-ativo-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 67px;
  left: 0;
  z-index: -1;
}
@media (max-width: 990px) {
  .container-busca-ativo-backdrop {
    top: 58px;
  }
}

.container-busca-ativo {
  background-color: white;
  padding: 12px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  position: fixed;
  top: 72px;
  width: 100%;
  max-width: 800px;
  min-width: 720px;
  transition: 0.2s;
  left: 0;
  margin-left: auto;
  right: 0;
  margin-right: auto;
}
@media (max-width: 990px) {
  .container-busca-ativo {
    width: 98%;
    min-width: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 990px) {
  .container-busca-ativo .layout-topbar-search-input {
    display: none;
  }
}

.card-busca-ativo-loading {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.card-busca-ativo-title {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  color: #999999;
  margin-top: 22px;
}

.card-busca-ativo {
  width: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 22px;
  transition: 0.2s;
}
.card-busca-ativo:hover {
  background-color: #ededed;
}
.card-busca-ativo__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.card-busca-ativo__left {
  gap: 14px;
  flex: 1;
  display: flex;
  align-items: center;
}
.card-busca-ativo__right {
  display: flex;
  align-items: center;
}
.card-busca-ativo__title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.card-busca-ativo__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.card-busca-ativo__value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
  border-left: 1px solid #eee;
  padding-left: 12px;
  margin-left: 12px;
}
.card-busca-ativo__value.green {
  color: #46a885;
  border-left: 1px solid #46a885;
}
.card-busca-ativo__value.red {
  color: #C62222;
  border-left: 1px solid #C62222;
}
.card-busca-ativo__value span {
  color: #999999;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  padding-left: 6px;
  position: relative;
  top: 1px;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon :first-of-type {
  position: relative;
  top: 4px;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  position: relative;
  top: 1px;
}
.p-breadcrumb ul li:nth-child(1) .p-menuitem-link .p-menuitem-text {
  top: -3px;
}

.home-card-aviso {
  background-color: white;
  padding: 24px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 500px;
  z-index: 50;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) !important;
  margin-top: 150px;
}
@media (max-width: 690px) {
  .home-card-aviso {
    transform: translate(-50%, 40%);
    width: 90%;
    margin-top: 0px;
  }
}
.home-card-aviso .icon {
  background-color: #ededed;
  border: 1px solid #e0e0e0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.notificacao-home {
  display: grid;
  grid-template-columns: 40px 2fr 1fr;
  align-items: center;
  background: #fff;
  padding: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  margin-top: 12px;
  border: 1px solid #e0e0e0;
  position: relative;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media (max-width: 500px) {
  .notificacao-home {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
}
@media (min-width: 901px) {
  .notificacao-home.notificacaoBig {
    height: 125px;
  }
}
@media (max-width: 900px) {
  .notificacao-home.notificacaoBig {
    height: 170px;
  }
}
@media (max-width: 500px) {
  .notificacao-home.notificacaoBig {
    height: 330px;
  }
}
@media (max-width: 1281px) {
  .notificacao-home.notificacaoMid {
    height: 100px;
  }
}
@media (max-width: 900px) {
  .notificacao-home.notificacaoMid {
    height: 130px;
  }
}
@media (max-width: 500px) {
  .notificacao-home.notificacaoMid {
    height: 300px;
  }
}
.notificacao-home > .notificacao-home__icon > i.pi.pi-exclamation-circle {
  color: #C62222;
}
.notificacao-home > .notificacao-home__text {
  margin-left: 0.5rem;
}
.notificacao-home > .notificacao-home__text > h5.red-text {
  color: #C62222;
}
.notificacao-home > .notificacao-home__text > p {
  color: #384758;
  font-size: 14px;
}
@media (max-width: 800px) {
  .notificacao-home > .notificacao-home__text > p {
    margin-bottom: 14px;
  }
}
.notificacao-home > .notificacao-home__text > .notificacao-home__text__content > a {
  text-decoration: underline;
  color: #FF6B06;
}
.notificacao-home > .notificacao-home__text > .notificacao-home__text__content > a:hover {
  color: #FF6B06;
  cursor: pointer;
}
.notificacao-home > .notificacao-home__button button:not(.myc-component) {
  justify-content: center;
}
@media (max-width: 1100px) {
  .notificacao-home > .notificacao-home__button button:not(.myc-component) {
    display: inline-block;
    width: 60px;
    font-size: 13px;
    padding: 0 0.5em;
    text-align: center;
  }
}
.notificacao-home > .notificacao-home__button button:not(.myc-component).button-green {
  background: #46a885;
}
.notificacao-home > .notificacao-home__button button:not(.myc-component).button-green:hover {
  background: #5bdaac;
}
.notificacao-home > .notificacao-home__button button:not(.myc-component).button-outlined-orange {
  background: #fff;
  border: 2px solid #FF6B06;
  color: #FF6B06;
}
.notificacao-home > .notificacao-home__button button:not(.myc-component).button-outlined-orange:hover {
  background: #fff;
  border: 2px solid #e9a23b;
  color: #e9a23b;
}
.notificacao-home > .notificacao-home__button.botoes-b3 button:not(.botao-terminei) {
  background-color: #003173 !important;
}
.notificacao-home > .notificacao-home__button.botoes-b3 button:not(.botao-terminei).button-outlined-orange {
  background: #fff !important;
  border: 2px solid #003173 !important;
  color: #003173 !important;
}
.notificacao-home > .notificacao-home__button.botoes-b3 button:not(.botao-terminei).button-outlined-orange:hover {
  border: 2px solid #1368d6 !important;
  color: #1368d6 !important;
}
.notificacao-home > .notificacao-home__close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.notificacao-home > .notificacao-home__close-button > button {
  font-size: 17px;
  padding-right: 8px;
  background: none;
  outline: none;
  border: none;
}
.notificacao-home > .notificacao-home__close-button > button:hover {
  cursor: pointer;
}
.notificacao-home.animacao-fechar {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity ease-in-out 300ms, transform ease-in-out 300ms;
}
.notificacao-home .p-button:not(.myc-component) {
  box-shadow: none;
  font-weight: 500;
  margin: 0 0.6rem;
}
.notificacao-home .button-outline {
  border: 2px solid #FF6B06;
  color: #FF6B06;
  background-color: white;
}
.notificacao-home .button-outline:hover {
  border: 2px solid #FF6B06 !important;
  color: #FF6B06 !important;
  background-color: white !important;
}

.primary-text-color {
  color: #FF6B06;
}

.container {
  padding: 2rem 5rem;
}
.container .minhaconta__tabela .p-datatable-thead {
  border-bottom: 2px solid #e0e0e0;
  border-top: 2px solid #e0e0e0;
}
.container .minhaconta__tabela .p-datatable-thead th {
  font-weight: bold !important;
}
.container .minhaconta__tabela .p-datatable-tbody > tr > td {
  background-color: #ffffff !important;
}

.container.minhaconta .texto-desconto {
  text-decoration: line-through;
}
.container.minhaconta .p-toast .p-toast-message {
  background-color: #46a885;
}
.container.minhaconta .p-toast .p-toast-message-content .p-toast-message-text {
  margin-top: 2%;
}
.container.minhaconta .minhaconta__cupom-desconto .cupom-desconto__icon {
  margin-top: 0.3rem;
  margin-right: 0.5rem;
  position: relative;
  color: #3a3a3a !important;
  top: 0.4rem;
}
.container.minhaconta .minhaconta__cupom-desconto input {
  width: 100%;
  background-color: #ffffff !important;
}
.container.minhaconta .minhaconta__cupom-desconto input:hover {
  background-color: #ffffff !important;
  border-color: unset;
}
.container.minhaconta .minhaconta__cupom-desconto input:focus {
  background-color: #ffffff !important;
}
.container.minhaconta .minhaconta__cupom-desconto button {
  background-color: #ffffff !important;
  color: #FF6B06 !important;
  box-shadow: unset !important;
  border: 1px solid #FF6B06 !important;
}
.container.minhaconta .minhaconta__cupom-desconto button:hover {
  background-color: #99999926 !important;
}
@media (max-width: 330px) {
  .container.minhaconta .minhaconta__cupom-desconto button {
    margin-top: 1rem;
  }
}
.container.minhaconta .minhaconta__resumo-cupom table {
  margin: 0 auto;
  width: 65%;
  background-color: #0000000a;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
}
.container.minhaconta .minhaconta__resumo-cupom table tr td {
  padding-top: 2rem;
}
.container.minhaconta .minhaconta__resumo-cupom table tr td:nth-child(2) {
  font-weight: bold;
  color: #FF6B06;
}
.container.minhaconta .btn-grupo-minhaconta {
  margin-top: 2rem;
}
.container.minhaconta .btn-inativar-conta {
  padding: 0.9rem 1.8rem;
  border: 1px solid #FF6B06;
  background: transparent;
  color: #FF6B06;
  margin-left: 3rem;
}
.container.minhaconta .btn-inativar-conta:enabled:not(:focus):hover {
  filter: brightness(0.9);
  background-color: #99999926;
}
.container.minhaconta button:not(.myc-button) {
  border-radius: 0.3rem;
  font-size: 1rem;
  cursor: pointer;
}
.container.minhaconta .minhaconta__resumo-database .p-dropdown.p-component {
  width: 100%;
}
.container.minhaconta .minhaconta__resumo-database .resumo-database__meses-selecionados {
  margin: 0 auto;
}
.container.minhaconta .minhaconta__resumo-database .resumo-database__tabela-valores {
  margin-top: 1rem;
}
.container.minhaconta .minhaconta__resumo-database p-table .p-datatable {
  width: 80%;
  margin: 0 auto;
}
.container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-thead th {
  background-color: #f5f5f5;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-tbody td {
  background-color: #ffffff;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-tbody td .p-tag {
  font-weight: normal;
  font-size: 1rem;
}
.container.minhaconta .mudar-recorrencia {
  height: auto;
  transition: height 900ms ease-in-out;
  display: flex;
  justify-content: center;
}
.container.minhaconta .mudar-recorrencia .mudar-recorrencia-group {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1000ms ease-in-out;
}
.container.minhaconta .mudar-recorrencia.form-aberto .mudar-recorrencia-group {
  max-height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.container.dados-pagamento h4 {
  margin-bottom: 2rem !important;
}
.container.dados-pagamento h3 {
  margin-top: 2.5rem;
}
.container.dados-pagamento .btn-atualizar-infos {
  display: none;
}
@media (max-width: 991px) {
  .container.dados-pagamento .btn-atualizar-infos {
    display: flex;
  }
}
.container.dados-pagamento .dados-pagamento__dados-cartao.dados-cartao-expand {
  width: 50%;
}
@media (max-width: 900px) {
  .container.dados-pagamento .dados-pagamento__dados-cartao.dados-cartao-expand {
    width: 100%;
  }
}
.container.dados-pagamento .dados-pagamento__cartao-content {
  border-radius: 4px;
  text-align: center;
  margin-top: 1.2rem;
}
.container.dados-pagamento .dados-pagamento__cartao-content.card-expandido {
  width: 100%;
  height: 38rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1025px) {
  .container.dados-pagamento .dados-pagamento__cartao-content.card-expandido {
    height: 39.2rem;
  }
}
@media (max-width: 991px) {
  .container.dados-pagamento .dados-pagamento__cartao-content.card-expandido {
    flex-direction: column;
    height: 39.2rem;
    align-items: center;
    height: auto;
  }
}
@media (max-width: 600px) {
  .container.dados-pagamento .dados-pagamento__cartao-content.card-expandido {
    width: 100%;
  }
}
.container.dados-pagamento .dados-pagamento__cartao-content.card-fechado {
  width: 27rem;
  height: 20rem;
}
.container.dados-pagamento .dados-pagamento__cartao-content p {
  color: #3a3a3a;
  font-size: 1.2rem;
  margin: 1.3rem 0;
  transition: height 900ms ease-in-out, width 900ms ease-in-out;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-dados {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-dados-aberto {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.img {
  width: 23rem;
  opacity: 1;
  display: block;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.img:hover {
  opacity: 0.3;
}
@media (max-width: 991px) {
  .container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.img {
    transform: none;
  }
}
@media (max-width: 480px) {
  .container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.img {
    width: 78vw;
  }
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.img-expand:hover {
  opacity: 1;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.atualizar-dados {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14.38rem;
  width: 23rem;
  transition: height 900ms ease-in-out, width 900ms ease-in-out;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.atualizar-dados button {
  border: 2px solid white;
  background-color: transparent;
  color: white;
  padding: 1rem;
  border-radius: 4px;
  width: 60%;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  cursor: pointer;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.atualizar-dados .pi {
  color: white;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.atualizar-dados:hover {
  opacity: 1;
  background: #ff990045;
  border-radius: 10px;
  z-index: 100;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card .atualizar-expand {
  display: none;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card .atualizar-expand:hover {
  opacity: 0;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.dados {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -46px;
  width: 100%;
  padding: 14px;
  color: white;
  font-weight: 600;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.dados:first-child {
  flex: 1;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.brand {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 3.5rem;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.brand-expand-vazio {
  background-color: rgba(255, 255, 255, 0.2);
  width: 3rem;
  height: 3rem;
  border-radius: 12px;
}
.container.dados-pagamento .dados-pagamento__cartao-content .cartao-content__card.selectable-cards {
  top: 19rem;
  width: 20rem;
}
.container.dados-pagamento .p-toast .p-toast-message {
  background-color: #64c567;
}
.container.dados-pagamento .p-toast .p-toast-message-content .p-toast-message-text {
  margin-top: 2%;
}

.cartao-content__card__select-card {
  border: 1px solid #999999;
  border-radius: 4px;
  background: #e0e0e0;
  margin: 0.25rem;
}
.cartao-content__card__select-card:hover {
  cursor: pointer;
  background: #999999;
}
.cartao-content__card__select-card.selected {
  background: #999999;
  border: 2px solid #3a3a3a;
}

@media (max-width: 480px) {
  .container {
    padding: 2rem;
  }

  .container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-thead th {
    text-align: center;
  }
  .container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-tbody td {
    text-align: center;
  }
  .container.minhaconta .minhaconta__resumo-database p-table .p-datatable .p-datatable-tbody td .p-tag {
    text-align: center;
  }
}
.container.extrato .p-tabview .p-tabview-panels {
  padding: 1rem;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > th {
  font-weight: bold;
  color: #3a3a3a;
  padding-right: 0.7rem 4%;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status {
  white-space: nowrap;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status.success {
  background-color: rgba(70, 168, 133, 0.07);
  color: #46a885;
  border: 1px solid #46a885;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status.danger {
  background-color: rgba(198, 34, 34, 0.07);
  color: #C62222;
  border: 1px solid #C62222;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status.warning {
  background-color: #fefbed;
  color: #e9a23b;
  border: 1px solid #e9a23b;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status.primary {
  background-color: rgba(20, 137, 255, 0.07);
  color: #1489FF;
  border: 1px solid #1489FF;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > .status.info {
  background-color: rgba(0, 188, 212, 0.07);
  color: #00bcd4;
  border: 1px solid #00bcd4;
}
.container.extrato .card-minhaconta_content.extrato .minhaconta__tabela.extrato tr > td > a.status.danger:hover {
  color: #C62222;
  background-color: rgba(198, 34, 34, 0.07);
  text-decoration: none;
  border: 1px solid #C62222;
  cursor: pointer;
}
.container.extrato .card-minhaconta_content.extrato valor-desconto {
  color: #FF6B06;
  font-size: 1.1rem;
}
.container.extrato .card-minhaconta_content.extrato .valor-original {
  text-decoration: line-through;
}
.container.extrato .card-minhaconta_content.extrato .extrato__footer {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  color: #6c757d;
  font-size: 13px;
}
.container.extrato h4 {
  color: #999999;
  margin-bottom: 0;
}

.container.gerenciador-dispositivos .card-default {
  border: none;
}
.container.gerenciador-dispositivos .card-default ul {
  list-style: none;
}
.container.gerenciador-dispositivos .card-default .minhaconta__tabela.dispositivos tr > td > button.botao-excluir-circular {
  position: relative;
  background: #C62222;
  border: none;
  border-radius: 50%;
  color: white;
  padding: 1rem;
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
.container.gerenciador-dispositivos .card-default .minhaconta__tabela.dispositivos tr > td > button.botao-excluir-circular:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}
.container.gerenciador-dispositivos .card-default .minhaconta__tabela.dispositivos tr > td > button.botao-excluir-circular span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qrcode {
  cursor: none;
}

.minha-conta-card {
  margin-left: 2rem !important;
}
@media (max-width: 990px) {
  .minha-conta-card {
    margin-left: 0 !important;
  }
}

.container.trocadeplano .plano-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 6px;
  height: 420px;
  padding: 0 1rem 1rem;
  margin: 0.5rem;
  min-width: 210px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 200ms ease-in-out;
}
.container.trocadeplano .plano-card:hover {
  transform: translateY(-3px);
}
.container.trocadeplano .plano-card .plano-card__header {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin: -1px auto 10px;
  padding: 0.5rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.container.trocadeplano .plano-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-bottom: 2rem;
}
.container.trocadeplano .plano-card ul li {
  color: #999;
  text-align: left;
  padding: 5px 0;
  font-size: 14px;
  position: relative;
}
.container.trocadeplano .plano-card ul li em.pi.pi-check {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.container.trocadeplano .plano-card ul li em.pi.pi-check:before {
  color: #4caf50;
}
.container.trocadeplano .plano-card ul li span.list-item {
  margin-left: 24px;
}
.container.trocadeplano .plano-disponivel {
  border: 3px solid #ff8933;
}
.container.trocadeplano .plano-disponivel .plano-disponivel__header {
  background: #ff8933;
  color: #fff;
}
.container.trocadeplano .plano-disponivel .plano-disponivel__contratar {
  color: #fff;
  background-color: #FF6B06;
  border-color: #FF6B06;
  box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
  border-radius: 30px;
  padding: 12px 30px;
  margin: 0.3125rem 1px;
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  border: 0;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow, transform;
  margin-top: auto;
}
.container.trocadeplano .plano-disponivel .plano-disponivel__contratar:hover {
  box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12);
}
.container.trocadeplano .plano-atual {
  border: 3px solid #eee;
}
.container.trocadeplano .plano-atual .plano-atual__header {
  background: #eee;
}

.container.troca-senha {
  display: flex;
  justify-content: center;
  padding-top: 0;
  width: 370px;
  padding-left: 14px;
  padding-right: 14px;
}
.container.troca-senha .troca-senha-form h4 {
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: start;
}
.container.troca-senha .troca-senha-form p {
  max-width: 315px;
  padding-bottom: 24px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  text-align: start;
}
.container.troca-senha .troca-senha-form .myc-password .p-float-label input {
  margin-bottom: 16px;
  width: 300px;
  height: 44px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.container.troca-senha .troca-senha-form .alterar-btn {
  background: #FF6B06;
  width: 40%;
  color: white;
  border-color: transparent;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 1rem;
  transition: transform 200ms ease-in-out;
}
.container.troca-senha .troca-senha-form .alterar-btn:hover {
  cursor: pointer;
  transform: translateY(-2px);
}
.container.troca-senha .troca-senha-form h4 {
  margin-bottom: 0.3;
}
.container.troca-senha .troca-senha-form .alterar-btn:disabled {
  background-color: #e0e0e0;
  width: 40%;
}
.container.troca-senha .troca-senha-form .p-mt-0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container.troca-senha .troca-senha-form .rc-anchor-normal {
  width: 315px;
}
.container.troca-senha .troca-senha-form .erro-validacao {
  margin-top: -15px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}
.container.troca-senha .myc-modal {
  width: 418px;
  text-align: start;
}
.container.troca-senha .myc-modal .p-dialog-content {
  padding-top: 32px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  padding-bottom: 16px;
}
.container.troca-senha .myc-modal .p-dialog-header {
  display: none;
}
.container.troca-senha .myc-modal .email-header {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
}
.container.troca-senha .myc-modal .aguarde-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.container.troca-senha .myc-modal .aguarde-content .aguarde {
  color: #FF6B06;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  padding-top: 32px;
}
.container.troca-senha .myc-modal .aguarde-content .myc-loading {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}
.container.troca-senha .myc-modal .p-dialog-footer {
  padding: 16px 32px 32px 32px;
}
.container.troca-senha .myc-modal p-footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.container.troca-senha .myc-loading.is-animating {
  animation: loading 2s linear infinite;
}
.container.troca-senha .card {
  min-width: 23.8rem !important;
}
.container.troca-senha .card div p {
  font-size: 12px;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.minha-conta__container {
  margin-top: -28px;
}
.minha-conta__content {
  background-color: white;
  margin-top: 24px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 32px;
}
@media (max-width: 1300px) {
  .minha-conta__content {
    max-width: 1000px;
  }
}
.minha-conta__tabs {
  display: flex;
  background-color: white;
}
.minha-conta__tab {
  flex: 1;
  text-align: center;
  padding: 18px;
  cursor: pointer;
  border-bottom: 2px solid #dddddd;
  display: flex;
  gap: 12px;
  font-size: 14px;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  transition: 0.2s;
}
@media (max-width: 900px) {
  .minha-conta__tab span {
    display: none;
  }
}
.minha-conta__tab:hover {
  border-bottom: 2px solid #ffb580;
}
.minha-conta__tab.active {
  border-bottom: 2px solid #ff6b06;
  color: #ff6b06;
}

.minha-conta-v2__items {
  display: flex;
}
.minha-conta-v2__items:not(:first-child) .minha-conta-v2__item-title {
  display: none;
}
@media (max-width: 1060px) {
  .minha-conta-v2__items:not(:first-child) .minha-conta-v2__item-title {
    display: flex;
  }
}
@media (max-width: 1060px) {
  .minha-conta-v2__items {
    flex-direction: column;
  }
}
.minha-conta-v2__item {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (max-width: 1060px) {
  .minha-conta-v2__item {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 8px;
  }
}
@media (max-width: 1060px) {
  .minha-conta-v2__item:first-child {
    border-top: 1px solid #ededed;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.minha-conta-v2__item:first-child .minha-conta-v2__item-title {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 1060px) {
  .minha-conta-v2__item:last-child {
    border-bottom: 1px solid #ededed;
    margin-bottom: 12px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.minha-conta-v2__item:last-child .minha-conta-v2__item-title {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.minha-conta-v2__item-title {
  font-weight: bold;
  background-color: #f8f8f8;
  color: #777777;
  padding: 16px;
  min-height: 70px;
  align-items: center;
  display: flex;
}
@media (max-width: 1060px) {
  .minha-conta-v2__item-title {
    border-radius: 4px;
    min-height: 46px;
  }
}
.minha-conta-v2__item-description {
  font-weight: normal;
  padding: 16px;
  display: flex;
  gap: 12px;
}
.minha-conta-v2__item-slashed {
  text-decoration: line-through;
}
.minha-conta-v2__item-description-big {
  font-weight: bold;
  padding: 16px;
  padding-bottom: 4px;
}
.minha-conta-v2__item-description-detail {
  font-weight: normal;
  padding: 16px;
  padding-top: 0;
  font-size: 14px;
}
.minha-conta-v2__item-red {
  color: #C62222;
  font-weight: bold;
  font-size: 12px;
  color: #C62222;
  padding: 8px 12px;
  border: 1px solid #C62222;
  border-radius: 4px;
  background-color: #ffebee;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.minha-conta-v2__item-green {
  color: #46a885;
  font-weight: bold;
  font-size: 12px;
  color: #46a885;
  padding: 8px 12px;
  border: 1px solid #46a885;
  border-radius: 4px;
  background-color: #cfe5dd;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.minha-conta-v2__item-blue {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  padding: 8px 12px;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.minha-conta-v2__item-yellow {
  color: #733c1b;
  font-weight: bold;
  font-size: 12px;
  color: #733c1b;
  padding: 8px 12px;
  border: 1px solid #733c1b;
  border-radius: 4px;
  background-color: #fefbed;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
@media (max-width: 1060px) {
  .minha-conta-v2__button {
    width: 100%;
  }
}
.minha-conta-v2__button .myc-button {
  width: 100%;
}
.minha-conta-v2__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 42px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
@media (max-width: 1060px) {
  .minha-conta-v2__buttons {
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.minha-conta-v2__buttons-left {
  display: flex;
  justify-content: center;
}
.minha-conta-v2__buttons-right {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1060px) {
  .minha-conta-v2__buttons-right {
    flex-direction: column;
    gap: 12px;
  }
}

.minha-conta-v2-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.inativar-conta-v2__item-pergunta {
  font-weight: bold;
  background-color: #f8f8f8;
  color: #777777;
  padding: 16px;
  min-height: 70px;
  align-items: center;
  display: flex;
}
@media (max-width: 1060px) {
  .inativar-conta-v2__item-pergunta {
    border-radius: 4px;
    min-height: 46px;
  }
}
.inativar-conta-v2__item-pergunta.cancelamento {
  color: #ff8933;
}
.inativar-conta-v2__item-questoes-etapa {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.inativar-conta-v2__item-questoes * > p {
  padding: 15px;
}
.inativar-conta-v2__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 42px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
@media (max-width: 1060px) {
  .inativar-conta-v2__buttons {
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.inativar-conta-v2__buttons-left {
  display: flex;
  justify-content: center;
}
.inativar-conta-v2__button {
  display: flex;
  gap: 10px;
}

.operacoes .home-card-header {
  border-bottom: 1px solid #ededed;
  padding-bottom: 12px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.operacoes .home-card-header__tooltip {
  display: flex;
  gap: 12px;
  align-items: center;
}
.operacoes .home-card-header__tooltip .pi {
  font-size: 18px !important;
}
.operacoes .home-card-header__tooltip .icone-apuracao-pendente {
  color: #ff6b06 !important;
}
.operacoes .home-card-header__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.operacoes .home-card-header__image {
  width: 48px;
  height: 48px;
  background-color: #ededed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.operacoes .home-card-header__title {
  font-size: 18px;
  font-weight: bold;
}
.operacoes .home-card-header__subtitle {
  font-size: 14px;
}
.operacoes__valores {
  display: flex;
  flex-direction: column;
}
.operacoes__valor {
  padding: 14px 8px;
  gap: 12px;
  border-bottom: 1px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.operacoes__valor span {
  display: flex;
  align-items: center;
  gap: 12px;
}
.operacoes__valor:last-child {
  border-bottom: 0;
}
.operacoes__valor:first-child span:last-child {
  font-weight: bold;
  font-size: 18px;
}

.previsao-imposto,
.mercado-vista {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.previsao-imposto .home-card-header,
.mercado-vista .home-card-header {
  border-bottom: 1px solid #ededed;
  padding-bottom: 12px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.previsao-imposto .home-card-header__tooltip,
.mercado-vista .home-card-header__tooltip {
  display: flex;
  gap: 12px;
  align-items: center;
}
.previsao-imposto .home-card-header__tooltip .pi,
.mercado-vista .home-card-header__tooltip .pi {
  font-size: 18px !important;
}
.previsao-imposto .home-card-header__tooltip .icone-apuracao-pendente,
.mercado-vista .home-card-header__tooltip .icone-apuracao-pendente {
  color: #ff6b06 !important;
}
.previsao-imposto .home-card-header__content,
.mercado-vista .home-card-header__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.previsao-imposto .home-card-header__image,
.mercado-vista .home-card-header__image {
  width: 48px;
  height: 48px;
  background-color: #ededed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.previsao-imposto .home-card-header__title,
.mercado-vista .home-card-header__title {
  font-size: 24px;
  font-weight: bold;
}
.previsao-imposto .home-card-header__subtitle,
.mercado-vista .home-card-header__subtitle {
  font-size: 14px;
}
.previsao-imposto .darf-content,
.mercado-vista .darf-content {
  height: 100%;
  position: relative;
}
.previsao-imposto .darf-cards,
.mercado-vista .darf-cards {
  width: 100%;
  position: absolute;
  z-index: 1;
  background-color: #eee;
  border-radius: 4px;
  max-width: 300px;
  transition: 0.2s;
}
.previsao-imposto .darf-cards.shadow,
.mercado-vista .darf-cards.shadow {
  box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 990px) {
  .previsao-imposto .darf-cards,
.mercado-vista .darf-cards {
    position: relative;
    max-width: 100%;
  }
}
.previsao-imposto .darf-card__valor,
.mercado-vista .darf-card__valor {
  padding: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
}
.previsao-imposto .darf-card__valor-content,
.mercado-vista .darf-card__valor-content {
  display: flex;
  flex-direction: column;
}
.previsao-imposto .darf-card__valor-content span,
.mercado-vista .darf-card__valor-content span {
  display: flex;
  align-items: center;
  gap: 12px;
}
.previsao-imposto .darf-card__valor:last-child,
.mercado-vista .darf-card__valor:last-child {
  border-bottom: 0;
}
.previsao-imposto .darf-card__valor span:first-child,
.mercado-vista .darf-card__valor span:first-child {
  font-size: 12px;
}
.previsao-imposto .darf-card__valor span:last-child,
.mercado-vista .darf-card__valor span:last-child {
  font-size: 18px;
  font-weight: bold;
}
.previsao-imposto .relatorios-buttons,
.mercado-vista .relatorios-buttons {
  display: flex;
  margin-top: 12px;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ededed;
}
@media (max-width: 1450px) {
  .previsao-imposto .relatorios-buttons,
.mercado-vista .relatorios-buttons {
    flex-direction: column;
  }
}
.previsao-imposto .darf-spacing,
.mercado-vista .darf-spacing {
  height: 100px;
  width: 100px;
}
@media (max-width: 640px) {
  .previsao-imposto .darf-spacing,
.mercado-vista .darf-spacing {
    height: 12px;
  }
}
.previsao-imposto .darf-obs,
.mercado-vista .darf-obs {
  background-color: #ededed;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.previsao-imposto .darf-obs u,
.mercado-vista .darf-obs u {
  cursor: pointer;
}
.previsao-imposto .darf-obs.warning,
.mercado-vista .darf-obs.warning {
  background-color: #ffebee;
  border: 1px solid #FB5E5E;
}
.previsao-imposto .darf-obs .data-previsao-imposto,
.mercado-vista .darf-obs .data-previsao-imposto {
  display: inline-block;
}
.previsao-imposto .darf-buttons,
.mercado-vista .darf-buttons {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .previsao-imposto .darf-buttons,
.mercado-vista .darf-buttons {
    flex-direction: column;
  }
}

.mercado-vista .mercado-dados {
  display: flex;
  gap: 64px;
  align-items: center;
}
@media (max-width: 1400px) {
  .mercado-vista .mercado-dados {
    gap: 12px;
  }
}
@media (max-width: 640px) {
  .mercado-vista .mercado-dados {
    flex-direction: column;
    gap: 12px;
  }
}
.mercado-vista .mercado-dados__valores {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mercado-vista .mercado-dados__combo {
  display: flex;
  flex-direction: column;
  background-color: #ededed;
  border-radius: 4px;
}
.mercado-vista .mercado-dados__valor {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}
@media (max-width: 1400px) {
  .mercado-vista .mercado-dados__valor {
    padding: 10px;
  }
}
.mercado-vista .mercado-dados__valor span {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-ir-card-darf,
.home-ir-card-declaracao {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 990px) {
  .home-ir-card-darf img,
.home-ir-card-declaracao img {
    display: none;
  }
}
.home-ir-card-darf__button,
.home-ir-card-declaracao__button {
  min-width: 96px;
}
.home-ir-card-darf__container-group,
.home-ir-card-declaracao__container-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.home-ir-card-darf__container-content-row,
.home-ir-card-declaracao__container-content-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.home-ir-card-darf__container-content-row span,
.home-ir-card-declaracao__container-content-row span {
  font-weight: 700;
  font-size: 2.56rem;
  color: #000;
  line-height: 40px;
}
.home-ir-card-darf__container-content-row i,
.home-ir-card-declaracao__container-content-row i {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin-top: -24px;
}
.home-ir-card-darf__container-content-column,
.home-ir-card-declaracao__container-content-column {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.home-ir-card-darf__container-content-column h4,
.home-ir-card-declaracao__container-content-column h4 {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
}
.home-ir-card-darf__container-content-column p,
.home-ir-card-declaracao__container-content-column p {
  padding: 0;
  margin: 0;
  font-size: 0.975rem;
  font-weight: 400;
  color: #000;
}

.home-ir-card-declaracao img {
  margin: -24px 0px -24px -24px;
  height: 95px;
}
.home-ir-card-declaracao__container-group {
  gap: 17px;
}

.container.dados-cadastrais .dados-cadastrais__email {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.container.dados-cadastrais .dados-cadastrais__email .input-email {
  flex: 1;
}
.container.dados-cadastrais .dados-cadastrais__email .myc-button {
  margin-bottom: 2px;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid {
  margin-top: 1rem;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label label {
  margin-left: -12px;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input {
  background-color: transparent;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .p-dropdown {
  background-color: transparent !important;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label label.validation {
  display: none;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input:focus ~ label,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.p-filled ~ label,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .ui-inputwrapper-focus ~ label,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .ui-inputwrapper-filled ~ label {
  top: -20px;
  font-size: 12px;
  color: #FF6B06;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input:focus ~ label.validation,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.p-filled ~ label.validation,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .ui-inputwrapper-focus ~ label.validation,
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .ui-inputwrapper-filled ~ label.validation {
  display: none !important;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .input:-webkit-autofill ~ label {
  top: -20px;
  font-size: 12px;
  color: #FF6B06;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label .input:-webkit-autofill ~ label.validation {
  display: none !important;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.ng-dirty.ng-invalid ~ label {
  color: #ee0d0d;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.ng-dirty.ng-invalid ~ label.validation {
  display: block;
  padding-top: 2.5rem;
  font-size: 0.7rem;
  color: #ee0d0d;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.ng-untouched ~ label.validation {
  display: none;
}
.container.dados-cadastrais .dados-cadastrais__cadastroForm .p-grid .p-float-label input.ng-valid ~ label.validation {
  display: none;
}
.container.dados-cadastrais .p-toast .p-toast-message {
  background-color: #64c567;
}
.container.dados-cadastrais .p-toast .p-toast-message-content .p-toast-message-text {
  margin-top: 2%;
}

.container.dados-cartao input {
  background-color: #ffffff !important;
  width: 100%;
}
.container.dados-cartao .p-inputnumber {
  width: 100%;
}
.container.dados-cartao .p-password.p-component {
  width: 100%;
}
.container.dados-cartao .p-password .p-password-input {
  width: 100%;
}
.container.dados-cartao .p-float-label label {
  margin-left: -12px;
}
.container.dados-cartao .p-float-label input {
  background-color: transparent !important;
}
.container.dados-cartao .p-float-label .p-dropdown {
  background-color: transparent !important;
}
.container.dados-cartao .p-float-label label.validation {
  display: none;
}
.container.dados-cartao .p-float-label input:focus ~ label,
.container.dados-cartao .p-float-label input.p-filled ~ label {
  top: -15px !important;
  font-size: 12px;
  color: #FF6B06;
}
.container.dados-cartao .p-float-label input:focus ~ label.validation,
.container.dados-cartao .p-float-label input.p-filled ~ label.validation,
.container.dados-cartao .p-float-label .ui-inputwrapper-focus ~ label.validation,
.container.dados-cartao .p-float-label .ui-inputwrapper-filled ~ label.validation {
  display: none !important;
}
.container.dados-cartao .p-float-label .input:-webkit-autofill ~ label.validation {
  display: none !important;
}
.container.dados-cartao .p-float-label input.ng-dirty.ng-invalid ~ label {
  color: #ee0d0d;
}
.container.dados-cartao .p-float-label input.ng-dirty.ng-invalid ~ label.validation {
  display: block;
  padding-top: 2.5rem;
  font-size: 0.7rem;
  color: #ee0d0d;
}
.container.dados-cartao .p-float-label input.ng-untouched ~ label.validation {
  display: none;
}
.container.dados-cartao .p-float-label input.ng-valid ~ label.validation {
  display: none;
}
.container.dados-cartao .p-toast .p-toast-message {
  background-color: #64c567;
}
.container.dados-cartao .p-toast .p-toast-message-content .p-toast-message-text {
  margin-top: 2%;
}
.container.dados-cartao .dados-cartao__card-images .p-button {
  margin: 0.3rem;
  height: auto;
  border: 0 none;
  padding: 0.2rem;
  border-radius: 5px;
}
.container.dados-cartao .dados-cartao__card-images .p-button:hover {
  background-color: #d9d8d9 !important;
}

.dados-cartao .p-grid {
  margin: 0;
}
.dados-cartao__label-validade {
  top: -9.5px !important;
  font-size: 12px !important;
}
.dados-cartao .p-accordion .p-accordion-header {
  background-color: #fff !important;
  border: 1px solid #d1d1d1;
  padding: 0 !important;
  border-radius: 5px;
}
.dados-cartao .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  background: transparent;
}
.dados-cartao .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: transparent;
}
.dados-cartao .p-accordion .p-accordion-header:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
  transform: none !important;
}
.dados-cartao .p-accordion .p-accordion-header .p-accordion-header-link {
  background: none;
}
.dados-cartao .p-accordion .p-accordion-header a:hover {
  text-decoration: none;
}
.dados-cartao .p-accordion .p-accordion-content {
  padding: 2rem 8% 1.8rem 8%;
  margin-bottom: -1rem;
  background: #ededed;
}
.dados-cartao .p-accordion .p-accordion-tab {
  box-shadow: none !important;
}
.dados-cartao .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
  background: none;
}
.dados-cartao .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
  order: 0;
  margin-left: 0;
  transition: transform 0.2s;
}
.dados-cartao .p-accordion .p-accordion-header-text {
  text-transform: uppercase;
  font-family: "Matter";
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2rem;
  color: #000000;
}
.dados-cartao .md-inputfield input:focus ~ label,
.dados-cartao .md-inputfield input.p-filled ~ label {
  top: -15px !important;
  font-size: 12px !important;
  color: #FF6B06 !important;
}
.dados-cartao .campos-obrigatorios {
  color: #c54141;
  margin-top: -1.2rem;
  text-align: left;
}
.dados-cartao .p-inputtext:focus,
.dados-cartao .p-inputtext.p-state-focus {
  background-size: 100% 1px, 100% 1px;
}
.dados-cartao .p-float-label > label {
  left: 0.1rem;
  top: 28%;
  font-weight: 400;
  color: #FF6B06;
}
.dados-cartao .p-float-label .p-inputtext {
  padding-top: 0.7rem;
}
.dados-cartao .md-inputfield {
  margin-bottom: 2.5rem;
}
.dados-cartao .md-inputfield > label:not(#estado) {
  color: #3a3a3a;
  font-size: 1.1rem;
}
.dados-cartao .md-inputfield {
  margin-bottom: 2.5rem;
}
.dados-cartao .p-inputtext {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background: transparent no-repeat;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  font-size: 1.1rem;
}
.dados-cartao .p-inputtext:enabled:hover {
  background-color: transparent !important;
}
.dados-cartao .md-inputfield {
  display: flex;
  flex-direction: column;
}
.dados-cartao .md-inputfield .validation {
  color: #c54141;
  text-align: left;
}
.dados-cartao label i.asterisco-obrigatorio {
  color: #c54141;
}
.dados-cartao .mesmos-dados {
  display: flex;
  align-items: flex-start;
}
.dados-cartao .mesmos-dados label {
  margin-top: -0.3rem;
  text-align: left;
  margin-left: 0.5rem;
}
.dados-cartao .btn-atualizar-cartao {
  width: 100%;
  border-radius: 4px;
  background-color: #FF6B06;
  color: #fff;
  padding: 1rem 1.2rem;
  font-size: 1.1rem;
  box-shadow: none;
}
.dados-cartao .btn-dados-cartao {
  border-radius: 4px;
  background-color: #FF6B06;
  color: #fff;
  padding: 1rem 1.2rem;
  font-size: 1.1rem;
  box-shadow: none;
}
.dados-cartao .btn-dados-cartao:first-child {
  margin-right: 0.5rem;
}

.reativacao-minhaconta .p-float-label > label {
  left: 0.8rem;
}

.form-input-cartao {
  width: 29rem;
  padding: 0.3rem 0;
}
@media (min-width: 1550px) {
  .form-input-cartao {
    width: 28vw;
  }
}
@media (max-width: 480px) {
  .form-input-cartao {
    width: 90vw;
  }
}

.container.resumo-pagamento .p-radiobutton .p-radiobutton-box {
  width: 1.3em;
  height: 1.3em;
}
.container.resumo-pagamento .resumo-pagamento__tabela-valores tr {
  border-bottom: 2px solid #f4f4f4;
}
.container.resumo-pagamento .resumo-pagamento__tabela-valores tr td {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.container.resumo-pagamento .resumo-pagamento__tabela-valores .tabela-valores__titulo th {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background: #f4f4f4;
}
.container.resumo-pagamento .resumo-pagamento__tabela-valores input {
  background-color: #fff;
}
.container.resumo-pagamento .resumo-pagamento__icone-cupom {
  top: 8px;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
}
.container.resumo-pagamento .resumo-pagamento__btn-desconto {
  background-color: #ffffff !important;
  color: #FF6B06 !important;
  box-shadow: unset !important;
  border: 1px solid #FF6B06 !important;
}
.container.resumo-pagamento .span--desconto {
  text-decoration: line-through;
}
.container.resumo-pagamento .escolha-recorrencia {
  background: #eeeeee;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: 70%;
  padding: 2%;
}
@media (max-width: 410px) {
  .container.resumo-pagamento .escolha-recorrencia {
    width: 80%;
  }
}
@media (min-width: 450px) {
  .container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__checkbox {
    margin-right: 3rem;
  }
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem 2rem;
  padding: 0.3rem 1rem;
  align-items: center;
}
@media (max-width: 450px) {
  .container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid {
    grid-template-columns: 40% 60%;
  }
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid .p-radiobutton-label {
  font-weight: bold;
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid .p-radiobutton, .container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid .p-radiobutton-label {
  margin-bottom: 2rem;
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__grid .escolha-recorrencia__grid__text-primary {
  color: #FF6B06;
  font-size: 20px;
}
.container.resumo-pagamento .escolha-recorrencia .separator {
  height: 1px;
  background: #d6d6d6;
  margin: 0 1rem 1rem;
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__input {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__input input {
  padding: 0 0 0 1rem;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 4px 0 0 0;
}
@media (max-width: 450px) {
  .container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__input input {
    max-width: 70%;
  }
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__input .b2c-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.container.resumo-pagamento .escolha-recorrencia .escolha-recorrencia__text-secondary {
  font-size: 14px;
  padding: 0 1rem 0.5rem;
  color: #3a3a3a;
}

@media (max-width: 640px) {
  .container.resumo-pagamento .resumo-pagamento__tabela-valores tr td {
    text-align: center !important;
  }
}
.declaracao-imposto-container {
  left: 0;
  width: 100%;
  margin: 0 !important;
}
@media (min-width: 991px) {
  .declaracao-imposto-container {
    padding-left: 48px;
  }
}
.declaracao-imposto-container > .declaracao-imposto__content {
  width: 100%;
  padding: 2rem 5%;
}
.declaracao-imposto-container > .declaracao-imposto__content h2.title {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 34px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.declaracao-imposto-container > .declaracao-imposto__content > div > .mycc-duvidas-frequentes {
  padding: 0 2rem 0 0;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__calendar {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 36px;
  justify-content: space-between;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter p {
  font-weight: bold;
  margin: 0 0.2rem 0.3rem 0;
  line-height: 1.5;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .p-dropdown {
  margin-left: 0 !important;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter {
  padding: 0.25rem;
  display: inline-block;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios > .p-checkbox-checked .p-checkbox-box.p-highlight {
  border: none;
  position: relative;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios > .p-checkbox-checked .p-checkbox-box.p-highlight span.p-checkbox-icon.pi.pi-check {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios.acao-bdr-etf > .p-checkbox-checked .p-checkbox-box.p-highlight {
  background: #428ae8;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios.opcoes > .p-checkbox-checked .p-checkbox-box.p-highlight {
  background: #8e6eb7;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios.opcoes-flexiveis > .p-checkbox-checked .p-checkbox-box.p-highlight {
  background: #b57d64;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios.termo > .p-checkbox-checked .p-checkbox-box.p-highlight {
  background: #9e9e9e;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter .checkbox-relatorios.fiis > .p-checkbox-checked .p-checkbox-box.p-highlight {
  background: #94df69;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel__filter .checkbox-filter-container .checkbox-filter label {
  padding: 0.25rem;
}
.declaracao-imposto-container > .declaracao-imposto__content .panel i {
  margin-left: 0.3rem;
  color: #78909c;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel {
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 1.5rem 2.5rem 10rem;
  margin-bottom: 5rem;
  margin-top: 1rem;
  border-radius: 4px;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  min-height: 64px;
  margin-bottom: 16px;
  padding-right: 12px;
}
@media (max-width: 1025px) {
  .declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item {
    height: auto;
  }
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item > figure {
  margin: 0;
  text-align: center;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar {
  height: 7px;
  width: 100%;
  margin: 0;
  display: flex;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span {
  height: 100%;
  max-width: 47px;
  width: 100%;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.acao-bdr-etf {
  background: #428ae8;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.opcoes {
  background: #8e6eb7;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.opcoes-flexiveis {
  background: #b57d64;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.termo {
  background: #9e9e9e;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.futuros {
  background: #FF6B06;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text > p.color-bar span.fiis {
  background: #94df69;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text h3 {
  font-size: 16px;
  line-height: 19px;
  margin: 0 !important;
  padding: 0 !important;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text p.panel-item-paragraph {
  font-size: 14px;
  line-height: 17px;
  color: #455a64;
  margin-top: 4px;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text p > a {
  color: #FF6B06;
  text-decoration: underline;
  margin-bottom: 0.5rem;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text p > a:hover {
  color: #ff8933;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__text p > a img {
  margin-left: 0.5rem;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .panel__item__button {
  display: flex;
  justify-content: end;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .icon-panel-start {
  align-self: flex-start;
  padding: 0.4rem 0.2rem 0 1rem;
  margin-top: 1rem;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .icon-panel-start i {
  color: #FF6B06;
}
.declaracao-imposto-container > .declaracao-imposto__content div > main.panel .panel__item .icon-panel-start .icon {
  width: 1.5rem;
}

@media (max-width: 1025px) {
  .panel__item {
    height: auto;
  }
}
@media (max-width: 320px) {
  .panel__item .btn-grupo {
    display: flex;
    align-items: center;
  }

  .btn-retroagir-responsivo {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .btn-retroagir-responsivo {
    display: flex;
    justify-content: center !important;
    margin-top: 0.5rem;
  }
}
.proventos__content {
  margin-top: -32px !important;
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.proventos .cards-group-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 942px) {
  .proventos .cards-group-container {
    flex-direction: column;
  }
}
.proventos .cards-group-container__card-item {
  background-color: white;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  height: 114px;
}
.proventos .cards-group-container__container-informacao {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
.proventos .cards-group-container__container-informacao span {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.proventos .cards-group-container__container-informacao p {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.proventos .cards-group-container__container-informacao-percentual {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  margin-top: 12px;
}
.proventos .cards-group-container__container-informacao-percentual i {
  font-size: 0.875rem;
}
.proventos .cards-group-container__container-informacao-percentual i .win {
  color: #46a885;
}
.proventos .cards-group-container__container-informacao-percentual i .lose {
  color: #EF2323;
}
.proventos .cards-group-container__container-informacao-percentual .win {
  font-weight: 400;
  color: #46a885;
  font-size: 0.875rem;
}
.proventos .cards-group-container__container-informacao-percentual .lose {
  font-weight: 400;
  font-size: 0.875rem;
  color: #EF2323;
}
.proventos .card-painel-grafico {
  display: flex;
  flex-direction: column;
  gap: 42px;
  background-color: #fff;
  padding: 32px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.proventos .card-painel-grafico__container-topo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proventos .card-painel-grafico__container-chart-parent {
  width: 100%;
  position: relative;
}
.proventos .card-painel-grafico__container-chart-parent__container-result-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 200px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.proventos .card-painel-grafico__container-chart-parent__container-result-empty span {
  font-weight: 400;
  font-style: italic;
  line-height: 21px;
  font-size: 0.875rem;
  text-align: center;
}
.proventos .card-painel-grafico__container-informacoes {
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  gap: 32px;
  border: 1px solid #e0e0e0;
  width: max-content;
  border-radius: 4px;
}
@media (max-width: 942px) {
  .proventos .card-painel-grafico__container-informacoes {
    flex-direction: column;
    width: 100%;
  }
}
.proventos .card-painel-grafico__informacao-total-recebido-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.proventos .card-painel-grafico__informacao-total-recebido-container span:first-child {
  color: #000;
  font-weight: 600;
  font-size: 1rem;
}
.proventos .card-painel-grafico__informacao-total-recebido-container span {
  color: #000;
  font-weight: 700;
  font-size: 1.125rem;
}
.proventos .card-painel-grafico__informacoes-item {
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 8px;
}
.proventos .card-painel-grafico__informacoes-item span {
  color: #999999;
  font-weight: 400;
  font-size: 1rem;
}
.proventos .card-painel-grafico__informacoes-item p {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
}
.proventos .card-painel-grafico__container-chart-parent::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.proventos .card-painel-grafico__container-chart-parent:hover {
  overflow-x: auto;
}
.proventos .card-painel-grafico__container-chart-parent:hover::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: transparent;
}
.proventos .card-painel-grafico__container-chart-parent:hover::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 20px;
}
.proventos .card-painel-grafico-container-filtro {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
}
.proventos .card-painel-grafico-container-filtro__filtro-item {
  padding: 8px 12px;
  border-radius: 30px;
  font-size: 0.875rem;
  font-weight: 700;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
.proventos .card-painel-grafico-container-filtro__filtro-item.ativo {
  background-color: #ff8933;
  color: #fff;
  border: 1.17px solid #ff8933;
}
.proventos .card-painel-grafico-container-filtro__filtro-item.inativo {
  background-color: #fff;
  color: #000;
  border: 1.17px solid #e0e0e0;
}
.proventos .card-painel-grafico-container-filtro::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.proventos .card-painel-grafico-container-filtro:hover {
  overflow-x: auto;
}
.proventos .card-painel-grafico-container-filtro:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
}
.proventos .card-painel-grafico-container-filtro:hover::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 20px;
}
.proventos .card-painel-detalhes {
  display: flex;
  flex-direction: column;
  gap: 42px;
  background-color: #fff;
  padding: 32px;
  border-radius: 4px;
  margin-bottom: 30px;
}
.proventos .card-painel-detalhes .myc-button button:disabled {
  border: 0 !important;
}
.proventos .card-painel-detalhes .fake-calendar {
  position: relative;
}
.proventos .card-painel-detalhes .fake-calendar .myc-datepicker {
  position: absolute;
  left: 0;
  opacity: 0;
}
.proventos .card-painel-detalhes__container-periodo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 270px;
}
@media (max-width: 942px) {
  .proventos .card-painel-detalhes__container-periodo {
    max-width: none;
  }
}
.proventos .card-painel-detalhes__container-periodo span {
  font-weight: 700;
  color: #000;
  font-size: 1.5rem;
  margin: 0px auto;
}
.proventos .card-painel-detalhes__container-header-table-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proventos .card-painel-detalhes__container-header-table {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 16px;
}
@media (max-width: 800px) {
  .proventos .card-painel-detalhes__container-header-table {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}
.proventos .card-painel-detalhes__container-header-table__subtitle {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-weight: 700;
  color: #000;
  font-size: 1.25rem;
  align-items: center;
}
.proventos .card-painel-detalhes__container-header-table__subtitle i {
  font-size: 1.25rem;
}
.proventos .card-painel-detalhes-grafico-linha {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
}
.proventos .card-painel-detalhes-grafico-linha__chart {
  width: 100%;
  height: 10px;
  border-radius: 4px;
  display: flex;
  background-color: #e0e0e0;
  overflow: hidden;
}
.proventos .card-painel-detalhes-grafico-linha__chart-received {
  min-width: 0;
  background-color: #2e9dff;
}
.proventos .card-painel-detalhes-grafico-linha__chart-receive {
  min-width: 0;
  background-color: #1a94ff99;
}
.proventos .card-painel-detalhes-grafico-linha__container-legends {
  display: flex;
  flex-direction: row;
  gap: 42px;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-receive {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-receive span {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-receive__bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1a94ff99;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-received {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-received span {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
}
.proventos .card-painel-detalhes-grafico-linha__container-legend-received__bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2e9dff;
}
.proventos .card-painel-detalhes-carrousel {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 0px 0px 16px 0px;
  overflow-x: auto;
  transition: 0.2s;
}
@media (max-width: 1350px) {
  .proventos .card-painel-detalhes-carrousel {
    display: flex !important;
  }
}
.proventos .card-painel-detalhes-carrousel__item {
  padding: 12px 58px 12px 12px;
  border-radius: 4px;
  border: 1px solid #ededed;
  background-color: #fff;
  cursor: pointer;
  user-select: none;
  min-width: 275px;
  opacity: 0.5;
  transition: 0.2s;
}
.proventos .card-painel-detalhes-carrousel__item.selected {
  border: 1px solid #999999;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.proventos .card-painel-detalhes-carrousel__container-informacao-row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  width: max-content;
}
.proventos .card-painel-detalhes-carrousel__container-informacao-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.proventos .card-painel-detalhes-carrousel__container-informacao-column p {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}
.proventos .card-painel-detalhes-carrousel__container-bullet-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.proventos .card-painel-detalhes-carrousel__container-bullet-row span {
  font-size: 1rem;
  font-weight: 700;
}
.proventos .card-painel-detalhes-carrousel__container-informacao-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.proventos .card-painel-detalhes-carrousel__chart-container canvas {
  height: 80px !important;
  width: 80px !important;
  transform: rotateX(180deg) !important;
}
.proventos .card-painel-detalhes-carrousel__chart-container-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.813rem;
  font-weight: 700;
}
.proventos .card-painel-detalhes-carrousel::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.proventos .card-painel-detalhes-carrousel:hover {
  overflow-x: auto;
}
.proventos .card-painel-detalhes-carrousel:hover::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
}
.proventos .card-painel-detalhes-carrousel:hover::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 20px;
}
.proventos .table-row-expansive p-table tr.no-hover:hover {
  background-color: transparent;
}
@media (max-width: 942px) {
  .proventos .table-row-expansive .p-datatable-wrapper {
    overflow-x: auto;
  }
  .proventos .table-row-expansive .p-datatable table {
    width: auto;
  }
}
.proventos .container-detalhes-row-expansiva {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 22px;
  width: 100%;
}
@media (max-width: 942px) {
  .proventos .container-detalhes-row-expansiva {
    flex-direction: column;
  }
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 40%;
  max-width: 600px;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__title-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__title-container span {
  color: #000;
  font-weight: 700;
  font-size: 1.125rem;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__container-proventos-acumulado {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__container-proventos-acumulado span {
  color: #000;
  font-weight: 600;
  font-size: 0.875rem;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__container-proventos-acumulado-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__container-proventos-acumulado-row p {
  font-weight: 400;
  color: #000;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 6px;
}
.proventos .container-detalhes-row-expansiva__container-performance-detalhada__container-proventos-acumulado-row p i {
  font-size: 14px !important;
}
.proventos .container-detalhes-row-expansiva__container-grafico-proventos {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  flex: 1;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  max-width: 60%;
  overflow-x: hidden;
}
@media (min-width: 942px) {
  .proventos .container-detalhes-row-expansiva__container-grafico-proventos {
    max-width: none;
  }
}
.proventos .container-detalhes-row-expansiva__container-grafico-proventos span {
  font-weight: 600;
  color: #000;
  font-size: 0.875rem;
}
.proventos .container-detalhes-row-expansiva__container-grafico-proventos__container-chart-parent {
  width: 100%;
  position: relative;
}
.proventos .container-detalhes-row-expansiva__container-grafico-proventos__container-chart-parent__container-result-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 200px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.proventos .container-detalhes-row-expansiva__container-grafico-proventos__container-chart-parent__container-result-empty span {
  font-weight: 400;
  font-style: italic;
  line-height: 21px;
  font-size: 0.875rem;
  text-align: center;
}
.grafico-proventos-holder ::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.grafico-proventos-holder ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.grafico-proventos-holder ::-webkit-scrollbar-thumb {
  background: #888;
}
.grafico-proventos-holder ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.grafico-proventos-holder .grafico-proventos {
  overflow-x: auto;
  overflow-y: hidden;
}
.grafico-proventos-holder .chart-container {
  display: flex;
  align-items: flex-end;
  height: 350px;
  /* Max height */
  width: 100%;
  padding: 10px;
  margin-bottom: 46px;
  position: relative;
  min-width: 100%;
}
.grafico-proventos-holder .y-axis {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  height: 100%;
  margin-right: 10px;
  position: sticky;
  left: 0;
  background: white;
  z-index: 10;
}
.grafico-proventos-holder .y-axis-label {
  text-align: right;
  margin-right: 5px;
  position: relative;
}
.grafico-proventos-holder .y-axis-lines {
  position: absolute;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  height: 100%;
  min-width: 99%;
  width: 100%;
  margin-right: 10px;
}
.grafico-proventos-holder .y-axis-lines .y-axis-line {
  width: 100%;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.373);
  margin-top: 38px;
}
.grafico-proventos-holder .bar-chart {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  gap: 12px;
  position: relative;
}
.grafico-proventos-holder .bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 5px;
  height: 100%;
  justify-content: flex-end;
}
.grafico-proventos-holder .bar {
  width: 58px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  text-align: center;
  height: 100%;
  color: white;
  transition: 0.2s;
  min-height: 22px;
}
.grafico-proventos-holder .bar:hover {
  background: linear-gradient(180deg, rgba(255, 184, 0, 0) 0%, rgba(255, 184, 0, 0.2) 63%);
}
.grafico-proventos-holder .bar.highlight {
  background: linear-gradient(180deg, rgba(255, 184, 0, 0) 0%, rgba(255, 184, 0, 0.2) 63%);
}
.grafico-proventos-holder .bar.highlight .bar-date,
.grafico-proventos-holder .bar.highlight .bar-container {
  font-weight: bold;
}
.grafico-proventos-holder .segment {
  width: 100%;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: -8px;
  transition: 0.2s;
  z-index: 1;
  cursor: pointer;
  min-height: 16px;
}
.grafico-proventos-holder .segment:hover {
  filter: brightness(90%);
}
.grafico-proventos-holder .segment:last-child {
  min-height: 8px !important;
}
.grafico-proventos-holder .segment-sum {
  color: black;
  margin-bottom: 12px;
  font-size: 12px;
  opacity: 0.7;
}
.grafico-proventos-holder .bar-date {
  margin-top: 5px;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -42px;
  font-size: 14px;
  opacity: 0.8;
  transition: 0.2s;
}
.grafico-proventos-holder .bar-date .month {
  font-weight: 600;
}
.grafico-proventos-holder .bar-date:hover, .grafico-proventos-holder .bar-date.highlight {
  opacity: 0.8;
  color: #ff6b06;
}

.proventos-v2 ::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}
.proventos-v2 ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.proventos-v2 ::-webkit-scrollbar-thumb {
  background: #888;
}
.proventos-v2 ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.proventos-v2__grafico-grupo-legendas {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 42px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .proventos-v2__grafico-grupo-legendas {
    margin-left: 0;
    margin-right: 0;
  }
}
.proventos-v2__grafico-grupo-legenda {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 6px;
  align-items: center;
}
.proventos-v2__grafico-grupo-legenda-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.proventos-v2__grafico-grupo {
  display: flex;
  border-radius: 3px;
  background-color: #ededed;
  margin-top: 42px;
  margin-bottom: -8px;
}
.proventos-v2__grafico-grupo-bar {
  height: 10px;
}
.proventos-v2__grafico-grupo-bar:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.proventos-v2__grafico-grupo-bar:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.proventos-v2__top-cards {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  margin-top: -32px;
}
@media (max-width: 1115px) {
  .proventos-v2__top-cards {
    flex-direction: column;
    gap: 8px;
  }
}
.proventos-v2__top-card {
  max-width: 345px;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 114px;
  justify-content: center;
}
@media (max-width: 1115px) {
  .proventos-v2__top-card {
    flex: 1;
    max-width: 100%;
  }
}
.proventos-v2__top-card img {
  width: 48px;
  height: 48px;
}
.proventos-v2__top-card-container {
  display: flex;
  align-items: center;
}
.proventos-v2__top-card-content {
  flex: 1;
}
.proventos-v2__top-card-content .title {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.proventos-v2__top-card-content .subtitle {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.proventos-v2__top-card-percentage {
  font-family: Matter !important;
  margin-top: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  display: flex;
  align-items: center;
  gap: 8px;
}
.proventos-v2__top-card-percentage.red {
  color: #C62222;
}
.proventos-v2__top-card-percentage.green {
  color: #46a885;
}
.proventos-v2__top-card-link {
  font-family: Matter !important;
  margin-top: 12px;
  color: #46a885;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ff6b06;
  cursor: pointer;
}
.proventos-v2__top-card-link:hover {
  text-decoration: underline;
}
.proventos-v2__extrato {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: 32px;
  padding: 32px;
  width: 100%;
}
.proventos-v2__extrato-title {
  color: #000;
  margin-bottom: 42px;
  position: relative;
  font-family: Matter;
  cursor: pointer;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 83.333% */
  display: flex;
  cursor: pointer;
  gap: 8px;
  align-items: center;
}
.proventos-v2__extrato-title .clear-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  font-size: 12px;
}
.proventos-v2__extrato-title .clear-filter i {
  font-size: 12px !important;
}
.proventos-v2__extrato-title .clear-filter:hover {
  background-color: #ededed;
}
.proventos-v2__extrato-title .myc-datepicker {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer !important;
}
.proventos-v2__extrato-title-mais {
  display: flex;
  align-items: center;
  gap: 32px;
}
.proventos-v2__switch-dolar {
  display: flex;
  gap: 4px;
  align-items: center;
}
.proventos-v2__switch-dolar .label-dolar {
  font-weight: bold;
  margin-top: 2px;
}
.proventos-v2__switch-dolar .myc-switch {
  scale: 0.8;
  margin-right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proventos-v2__switch-dolar .myc-switch .p-inputswitch {
  height: 24px;
  width: 45px !important;
}
.proventos-v2__extrato-title2 {
  display: flex;
  padding-bottom: 16px;
  padding-top: 16px;
  margin-top: 42px;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
}
@media (max-width: 990px) {
  .proventos-v2__extrato-title2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}
.proventos-v2__extrato-title2 .pi {
  margin-right: 8px;
}
.proventos-v2__extrato-title2 h2 {
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 100% */
  margin: 0 !important;
  flex: 1;
}
.proventos-v2__extrato-title2 .myc-input {
  width: 250px;
}
.proventos-v2__extrato-title2-details {
  display: flex;
  padding-bottom: 16px;
  gap: 22px;
  padding-top: 16px;
  margin-top: 16px;
  align-items: center;
  justify-content: flex-end;
}
.proventos-v2__extrato-title2-details .myc-dropdown {
  max-width: 250px;
}
@media (max-width: 990px) {
  .proventos-v2__extrato-title2-details {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}
.proventos-v2 .proventos-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 400px;
  -webkit-overflow-scrolling: touch;
}
.proventos-v2 .proventos-v2-painel {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: 32px;
  padding: 32px;
  width: 100%;
}
.proventos-v2 .proventos-v2-painel__tipos {
  display: flex;
  margin-top: 42px;
  gap: 12px;
  padding-bottom: 12px;
  overflow-x: auto;
}
.proventos-v2 .proventos-v2-painel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.proventos-v2 .proventos-v2-painel__filtros {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  margin-top: 28px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .proventos-v2 .proventos-v2-painel__filtros {
    gap: 8px;
  }
}
.proventos-v2 .proventos-v2-painel__filtro {
  display: flex;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.738px;
  /* 156.15% */
  text-transform: uppercase;
  position: relative;
  cursor: pointer !important;
}
.proventos-v2 .proventos-v2-painel__filtro.filtro-ativo {
  background-color: #ff6b06;
  border: 1px solid #ff6b06;
  color: white;
}
.proventos-v2 .proventos-v2-painel__filtro .label {
  margin-top: -1px;
}
.proventos-v2 .proventos-v2-painel__filtro .p-calendar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer !important;
}
.proventos-v2 .proventos-v2-painel__filtro .p-calendar input {
  cursor: pointer !important;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes-holder {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-top: 22px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1080px) {
  .proventos-v2 .proventos-v2-painel__lista-posicoes-holder {
    width: 94%;
  }
}
@media (max-width: 900px) {
  .proventos-v2 .proventos-v2-painel__lista-posicoes-holder {
    width: 100%;
  }
}
.proventos-v2 .proventos-v2-painel__lista-posicoes {
  white-space: nowrap;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes thead {
  background-color: #ededed;
  height: 46px;
  position: sticky;
  top: 0;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes tbody tr:hover {
  background-color: #fafafa;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes tbody .expandedRow:hover {
  background-color: #fff !important;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes th {
  text-align: left;
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 166.667% */
}
.proventos-v2 .proventos-v2-painel__lista-posicoes th span {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 85px;
}
@media (max-width: 1460px) {
  .proventos-v2 .proventos-v2-painel__lista-posicoes th span {
    min-width: 0px;
  }
}
.proventos-v2 .proventos-v2-painel__lista-posicoes th span .pi {
  font-size: 10px !important;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes tr {
  transition: 0.2s;
  cursor: pointer;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes tr:last-child td:first-child {
  gap: 4px;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td {
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  height: 62px;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td span {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 990px) {
  .proventos-v2 .proventos-v2-painel__lista-posicoes td {
    height: 72px;
  }
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td.red {
  color: #C62222;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td.green {
  color: #46a885;
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td:first-child {
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.proventos-v2 .proventos-v2-painel__lista-posicoes td:first-child span {
  display: flex;
  align-items: center;
  gap: 16px;
}
.proventos-v2 .proventos-v2-painel__top {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  position: relative;
}
.proventos-v2 .proventos-v2-painel__top .myc-dropdown {
  position: absolute;
  left: 0;
  top: -10px;
  opacity: 0;
  max-width: 250px;
}
.proventos-v2 .proventos-v2-painel__title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
  align-items: center;
}
.proventos-v2 .proventos-v2-painel__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.proventos-v2 .proventos-v2-painel__container-topo {
  display: flex;
  flex-direction: column;
}
.proventos-v2 .proventos-v2-painel__container-chart {
  margin-top: 32px;
}
.proventos-v2 .proventos-v2-painel__resumo {
  display: flex;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  gap: 32px;
  max-width: 812px;
}
@media (max-width: 990px) {
  .proventos-v2 .proventos-v2-painel__resumo {
    flex-direction: column;
    gap: 12px;
  }
}
.proventos-v2 .proventos-v2-painel__resumo-titulo {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.proventos-v2 .proventos-v2-painel__resumo-subtitulo {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 95.238% */
  display: flex;
  gap: 12px;
  align-items: center;
}
.proventos-v2 .proventos-v2-painel__resumo-titulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  color: #999999;
}
@media (max-width: 990px) {
  .proventos-v2 .proventos-v2-painel__resumo-titulo2 {
    font-weight: bold;
  }
}
.proventos-v2 .proventos-v2-painel__resumo-subtitulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.proventos-v2 .proventos-v2-painel__resumo-tag {
  display: flex;
  padding: 1px 3px 0px 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  background: #e4e4e4;
  color: #101010;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.417px;
  /* 128.472% */
}
.proventos-v2 .proventos-v2-painel__resumo__row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.proventos-v2 .proventos-v2-painel__resumo__subcolumn {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.proventos-v2 .proventos-v2-painel__resumo__row2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-around;
  padding-left: 8px;
  border-left: 1px solid #e0e0e0;
}
@media (max-width: 990px) {
  .proventos-v2 .proventos-v2-painel__resumo__row2 {
    border: none;
  }
}
.proventos-v2 .proventos-v2-painel__resumo .valor-positivo {
  color: #46a885;
}
.proventos-v2 .proventos-v2-painel__resumo .valor-negativo {
  color: #EF2323;
}
.proventos-v2 .proventos-v2-painel__resumo .sm {
  font-size: 12px !important;
}
.proventos-v2 .card-tipo-provento {
  width: 252px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  padding: 12px;
  cursor: pointer;
  transition: 0.2s;
}
.proventos-v2 .card-tipo-provento .selecionado-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: white;
  border: 1px solid #e0e0e0;
}
.proventos-v2 .card-tipo-provento .selecionado-dot.active {
  background-color: #ff6b06;
  border: 1px solid #ff8933;
}
.proventos-v2 .card-tipo-provento:hover {
  border: 1px solid #ff6b06;
}
.proventos-v2 .card-tipo-provento__content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.proventos-v2 .card-tipo-provento__title {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.proventos-v2 .card-tipo-provento__title:first-child {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.proventos-v2 .card-tipo-provento__title:last-child {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.proventos-v2 .card-tipo-provento.selecionado {
  border: 1px solid #e9a23b;
  background: #fefbed;
}

.declaracao-imposto-automatico-banner .myc-disclaimer.alert .myc-disclaimer__title {
  color: #000;
  margin-bottom: 16px;
  font-size: 18px;
}
.declaracao-imposto-automatico-banner .myc-disclaimer.alert .myc-disclaimer__title span {
  background-color: #ff6b06;
  color: #ededed;
  padding: 2px 8px;
  border-radius: 50px;
  font-size: 0.975rem;
  margin-left: 8px;
  font-weight: bold;
}
.declaracao-imposto-automatico-banner .myc-disclaimer__content {
  display: flex;
  gap: 80px;
}
.declaracao-imposto-automatico-banner .myc-disclaimer__content p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.declaracao-imposto-automatico-banner .thumbnail {
  transition: 0.2s;
  max-width: 428px;
  border-radius: 12px;
}
@media (max-width: 1600px) {
  .declaracao-imposto-automatico-banner .thumbnail {
    max-width: 328px;
  }
}
.declaracao-imposto-automatico-banner .thumbnail:hover {
  transform: scale(1.05);
}

.declaracao-imposto-automatico-container__content {
  width: 100%;
  padding: 0px 5%;
  display: flex;
  justify-content: center;
  margin: auto;
  align-items: center;
}
@media (min-width: 1980px) {
  .declaracao-imposto-automatico-container__content {
    max-width: 70vw;
  }
}
.declaracao-imposto-automatico-container__content div > main.panel {
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 1.5rem 2.5rem 2rem;
  border-radius: 4px;
  margin-bottom: 5rem;
  border-radius: 4px;
}
.declaracao-imposto-automatico-container__content div > main.panel .p-steps ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-direction: row;
}

.declaracao-imposto-automatico-etapa-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.declaracao-imposto-automatico-etapa-container .p-progressbar {
  background: #ededed;
}
.declaracao-imposto-automatico-etapa-container .p-progressbar .p-progressbar-value {
  background: linear-gradient(#46a885, #5bdaac);
}
.declaracao-imposto-automatico-etapa-container p {
  font-weight: 300;
  color: #999999;
  font-size: 0.975rem;
  text-align: center;
}
.declaracao-imposto-automatico-etapa-container__title {
  font-weight: 700;
  color: #000;
  font-size: 1.25rem;
  text-align: center;
}
.declaracao-imposto-automatico-etapa-container__container-footer {
  width: 270px;
  padding-top: 32px;
  align-self: center;
}
.declaracao-imposto-automatico-etapa-container__frame-container-video {
  width: 100%;
  position: relative;
  display: flex;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
}
.declaracao-imposto-automatico-etapa-container__frame-container-video .thumbnail {
  transition: 0.2s;
  max-width: 428px;
}
@media (max-width: 1400px) {
  .declaracao-imposto-automatico-etapa-container__frame-container-video .thumbnail {
    max-width: 328px;
  }
}
.declaracao-imposto-automatico-etapa-container__frame-container-video .thumbnail:hover {
  transform: scale(1.05);
}
.declaracao-imposto-automatico-etapa-container__container-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3%;
}
.declaracao-imposto-automatico-etapa-container__frame-video {
  max-width: 100%;
  border-radius: 4px;
}
.declaracao-imposto-automatico-etapa-container__container-indicator {
  display: none;
}
@media (max-width: 14in) {
  .declaracao-imposto-automatico-etapa-container__container-overlay {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3%;
  }
  .declaracao-imposto-automatico-etapa-container__container-indicator {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
  }
  .declaracao-imposto-automatico-etapa-container__scroll-indicator-text {
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
  }
}
.declaracao-imposto-automatico-etapa-container__steps-container ol {
  flex-direction: column;
  gap: 15px;
  display: flex;
  padding-left: 24px;
}
.declaracao-imposto-automatico-etapa-container__steps-container ol li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #000;
}
.declaracao-imposto-automatico-etapa-container__steps-container p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #3a3a3a;
  text-align: left !important;
}
.declaracao-imposto-automatico-etapa-container__steps-container a {
  text-decoration: underline;
}
.declaracao-imposto-automatico-etapa-container__steps-container a,
.declaracao-imposto-automatico-etapa-container__steps-container span {
  color: #ff8933;
}
.declaracao-imposto-automatico-etapa-container__steps-container__container-info {
  width: 100%;
  background-color: #ededed;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
}
.declaracao-imposto-automatico-etapa-container__steps-container__container-info p {
  color: #000;
  font-weight: 400;
  font-size: 1rem;
}
.declaracao-imposto-automatico-etapa-container__steps-container__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.declaracao-imposto-automatico-etapa-container__steps-container__icon i {
  font-size: 1.3rem;
}
.declaracao-imposto-automatico-etapa-container__etapa2__info {
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #000 !important;
  text-align: left !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__icon i {
  font-size: 1.4rem;
}
.declaracao-imposto-automatico-etapa-container__etapa2__info-error {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: #C62222 !important;
  text-align: left !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop {
  padding: 20px 42px;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
  min-height: 174px;
  text-align: center;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop p {
  font-weight: 400 !important;
  font-size: 1rem !important;
  margin: 0 !important;
  color: #000 !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop p strong {
  font-style: italic !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__dragdrop span {
  font-weight: 400;
  font-size: 0.75rem;
  color: #999999;
  line-height: 150%;
}
.declaracao-imposto-automatico-etapa-container__etapa2__container-info-file {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.declaracao-imposto-automatico-etapa-container__etapa2__container-info-file p:nth-child(even) {
  color: #999999 !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__container-action-file {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.declaracao-imposto-automatico-etapa-container__etapa2__container-action-file .p-button.p-button-icon-only.p-button-rounded {
  width: 17px;
  height: 17px;
  padding-left: 13px;
}
.declaracao-imposto-automatico-etapa-container__etapa2__container-action-file i {
  color: #46a885 !important;
}
.declaracao-imposto-automatico-etapa-container__etapa2__content-file-neutral {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  align-items: center;
  background-color: #fff;
  border: solid 1px #e0e0e0;
}
.declaracao-imposto-automatico-etapa-container__etapa2__content-file-error {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  align-items: center;
  background-color: #ffebee;
  border: solid 1px #F9B2B2;
}
.declaracao-imposto-automatico-etapa-container__etapa2__file {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.declaracao-imposto-automatico-etapa-container__etapa2__file__span-error {
  font-weight: 400;
  overflow-wrap: anywhere;
  color: #EF2323;
}
.declaracao-imposto-automatico-etapa-container__etapa2__file__span {
  font-weight: 400;
  overflow-wrap: anywhere;
  color: #000;
}
.declaracao-imposto-automatico-etapa-container__etapa3__container-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 100px;
}
.declaracao-imposto-automatico-etapa-container__etapa3__title-success {
  font-weight: 700;
  color: #46a885;
  text-align: center;
  font-size: 1.525rem;
}
.declaracao-imposto-automatico-etapa-container__etapa3__status-loading {
  color: #000 !important;
  font-size: 0.975rem !important;
  font-weight: 700 !important;
}
.declaracao-imposto-automatico-etapa-container__etapa3__info {
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #000 !important;
  text-align: left !important;
}
.declaracao-imposto-automatico-etapa-container__etapa3__info a {
  color: #ff6b06;
  text-decoration: underline;
  cursor: pointer;
}
.declaracao-imposto-automatico-etapa-container__etapa3__container-info {
  width: 100%;
  background-color: #fefbed;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 16px;
  border: solid 1px #f2c14b;
  border-radius: 4px;
}
.declaracao-imposto-automatico-etapa-container__etapa3__container-info-download {
  cursor: pointer;
  width: 100%;
  background-color: #fefbed;
  display: flex;
  flex-direction: row;
  gap: 14px;
  padding: 12px 16px;
  align-items: center;
  border: solid 1px #f2c14b;
  border-radius: 4px;
  user-select: none;
}
.declaracao-imposto-automatico-etapa-container__etapa3__info-download {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 21px !important;
  color: #000 !important;
  text-align: left !important;
}
.declaracao-imposto-automatico-etapa-container__etapa3__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.declaracao-imposto-automatico-etapa-container__etapa3__icon i {
  font-size: 1.3rem;
  color: #e9a23b;
}
.declaracao-imposto-automatico-etapa-container__container-registros {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 900px;
  max-width: 900px;
}
.declaracao-imposto-automatico-etapa-container__container-registros p {
  font-weight: 400 !important;
  font-size: 0.975rem !important;
  color: #000 !important;
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1060px) {
  .declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes {
    max-width: 80vw;
  }
}
@media (max-width: 1060px) {
  .declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__scrollable {
    overflow-x: scroll;
  }
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  background-color: #eee;
  border-radius: 8px;
}
@media (max-width: 1060px) {
  .declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__header {
    min-width: 1200px;
  }
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__label {
  flex: 1;
  padding: 12px;
  font-weight: bold;
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__linhas {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1060px) {
  .declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__linhas {
    min-width: 1200px;
  }
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__linha {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__linha:hover {
  background-color: #ddd;
}
.declaracao-imposto-automatico-etapa-container__container-registros .lista-modificacoes-container .lista-modificacoes__campo {
  flex: 1;
  padding: 12px;
}

.darf-item {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #ededed;
}
.darf-item__header {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
  text-transform: capitalize;
}
.darf-item__header__titulo {
  font-weight: 700;
  font-size: 16px;
}
.darf-item__header__subtitulo {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.darf-item__header__tag-green {
  color: #46a885;
  border: 1px solid #46a885;
  background: #e8fff4;
  padding: 0 12px 0 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  height: 28px;
  display: flex;
  align-items: center;
  text-transform: initial;
}
.darf-item__header__tag-gray {
  color: #999999;
  border: 1px solid #999999;
  background: #ededed;
  padding: 0 12px 0 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  height: 28px;
  display: flex;
  align-items: center;
  text-transform: initial;
}
.darf-item__header__tag-red {
  color: #ef2323;
  border: 1px solid #ef2323;
  background: #ffebee;
  padding: 0 12px 0 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  height: 28px;
  display: flex;
  align-items: center;
  text-transform: initial;
}
.darf-item__header__content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.darf-item__content {
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 68px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.darf-item__content-main {
  flex: 1;
}
@media (max-width: 1250px) {
  .darf-item__content {
    flex-direction: column;
    gap: 14px;
    padding-left: 24px;
    align-items: flex-start;
  }
}
.darf-item__content .contrat-retroativo {
  margin-left: 8px;
  cursor: pointer;
}
.darf-item__buttons {
  display: flex;
  gap: 12px;
}
@media (max-width: 1250px) {
  .darf-item__buttons {
    gap: 14px;
    border-top: 1px solid #ededed;
    padding-top: 12px;
    flex-direction: column;
    width: 100%;
  }
}
.darf-item__modulo {
  font-weight: 700;
  font-size: 16px;
  padding-left: 68px;
  border-top: 1px solid #ededed;
  padding-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1250px) {
  .darf-item__modulo {
    padding-left: 24px;
  }
}
.darf-item__tipo {
  font-weight: 400;
  font-size: 16px;
  margin-top: 12px;
}
.darf-item__pago {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.darf-item__pago span {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #46a885;
}
.darf-item__pago__mostrar-darf {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.darf-item__pago__mostrar-darf i {
  font-size: 16px;
}
.darf-item__semdarf {
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #46a885;
  display: flex;
  align-items: center;
  gap: 12px;
}
.darf-item__errodarf {
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #000;
  display: flex;
  align-items: center;
  gap: 12px;
  align-items: center;
  display: flex;
}
.darf-item__errodarf .pi-exclamation-circle {
  color: #C62222 !important;
}
.darf-item__parcial {
  margin-top: 12px;
}
.darf-item__parcial span {
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
}
.darf-item__parcial-tags {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  margin-top: 12px;
}
.darf-item__parcial-devido {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  gap: 8px;
  background: #ef2323;
  border-radius: 40px;
}
.darf-item__parcial-pago {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  gap: 8px;
  background: #46a885;
  border-radius: 40px;
}

.composicao-darf {
  background: #ededed;
  border-radius: 4px;
  max-width: 378px;
  margin-top: 16px;
}
.composicao-darf__title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding: 14px;
  text-transform: capitalize;
}
.composicao-darf__item {
  display: flex;
  justify-content: space-between;
  padding: 14px;
  border-bottom: 1px solid #e0e0e0;
}
.composicao-darf__item span:first-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.composicao-darf__item span:nth-child(2) {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.composicao-darf__item:last-child {
  border-bottom: 0px solid #999999;
}

.darf-informar-pagamento {
  min-width: 594px;
}
@media (max-width: 991px) {
  .darf-informar-pagamento {
    min-width: 100%;
  }
}
.darf-informar-pagamento__titulo {
  font-weight: 700;
  font-size: 14px;
  padding: 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  width: 100%;
}
.darf-informar-pagamento__valores {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  gap: 10px;
  background: #fefbed;
  border-radius: 4px;
  margin-top: 32px;
}
.darf-informar-pagamento__valor {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.darf-informar-pagamento__valor span {
  font-size: 14px;
}
.darf-informar-pagamento__valor span:last-child {
  font-weight: 600;
}
.darf-informar-pagamento__negativo {
  color: #C62222;
}
.darf-informar-pagamento__erro {
  background-color: #ffebee;
  border: 1px solid #EF2323;
  border-radius: 4px;
  padding: 10px;
  margin-top: 12px;
}

.modal-darf {
  background: white;
  max-width: 35rem !important;
  width: 35rem !important;
}
.modal-darf u {
  color: #FF6B06;
  cursor: pointer;
}
.modal-darf p {
  color: #3a3a3a;
}
.modal-darf .p-grid {
  margin: 0;
}
.modal-darf .p-dialog-header {
  flex-direction: row;
  font-size: 1.3rem;
  padding: 1rem 1.5rem !important;
}
.modal-darf .p-dialog-header .p-dialog-header-icon {
  width: 1rem;
}
.modal-darf .p-dialog-content {
  padding: 0 1.7rem 0.8rem 1.7rem;
}
.modal-darf .p-checkbox {
  margin-right: 0.8rem;
  margin-top: 0.2rem;
}
.modal-darf .check-group {
  display: flex;
  align-items: start;
  margin-bottom: 1.5rem;
}
.modal-darf .check-group img {
  width: 1rem;
  margin-right: 1rem;
  margin-top: 0.2rem;
}
.modal-darf .divergencias p {
  color: #b71d1d;
}
.modal-darf .divergencias u {
  color: #4081ed;
  cursor: pointer;
}
.modal-darf .btn-imprimir {
  border-style: none;
  border-radius: 2px;
  background-color: #FF6B06;
  color: white;
  padding: 0.7rem 1.3rem;
  font-size: 0.8rem;
  font-family: "Matter";
  margin-top: 0.3rem;
  cursor: pointer;
}
.modal-darf button:disabled {
  opacity: 0.23;
}
.modal-darf .aviso-opcional {
  font-size: 12px;
  text-align: left;
}
.modal-darf .p-col-10 {
  margin: 0;
  padding: 0;
  margin-top: -0.8rem;
}
.modal-darf .input-number {
  padding: 0.5rem !important;
  width: 15rem;
}
.modal-darf .validar-erro {
  color: #C62222;
  font-size: 0.9rem;
}

@media (max-width: 600px) {
  .modal-darf {
    max-width: 90% !important;
  }
}
.modal-confirmar-pago {
  width: 25rem !important;
  max-width: 25rem !important;
}
.modal-confirmar-pago .p-inputtext {
  text-align: left !important;
  padding: 0.5rem !important;
  width: 15.4rem;
}
.modal-confirmar-pago .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0 0 0 0.5rem;
  height: 2.4rem;
}

.modal-aviso {
  width: 50%;
}
.modal-aviso .p-dialog-content {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.relatorios-content {
  background-color: white;
  padding: 22px;
  border-radius: 4px;
}
.relatorios-content__filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 900px) {
  .relatorios-content__filters {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 900px) {
  .relatorios-content__date {
    width: 100%;
  }
}
.relatorios-content__checkbox {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}
.relatorios-content__checkbox .checkbox-relatorios {
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.relatorios-content__checkbox .acao-bdr-etf {
  border-bottom: 4px solid #428ae8;
}
.relatorios-content__checkbox .opcoes {
  border-bottom: 4px solid #8e6eb7;
}
.relatorios-content__checkbox .opcoes-flexiveis {
  border-bottom: 4px solid #b57d64;
}
.relatorios-content__checkbox .termo {
  border-bottom: 4px solid #9e9e9e;
}
.relatorios-content__checkbox .futuros {
  border-bottom: 4px solid #fcac17;
}
.relatorios-content__checkbox .fiis {
  border-bottom: 4px solid #94df69;
}
.relatorios-content__checkbox .ir {
  border-bottom: 4px solid #263fa8;
}
.relatorios-content__checkbox .invext {
  border-bottom: 4px solid #a82626;
}
.relatorios-content__checkbox .todos {
  border-bottom: 4px solid #000;
}
.relatorios-content__apurando {
  text-align: center;
  padding: 22px;
  margin-top: 42px;
  border: 1px solid #ededed;
  padding: 12px 22px;
  border-radius: 4px;
}
.relatorios-content__cards {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.relatorios-content__cards .relatorio-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ededed;
  padding: 12px 22px;
  border-radius: 4px;
}
@media (max-width: 900px) {
  .relatorios-content__cards .relatorio-card {
    flex-direction: column;
    gap: 18px;
  }
}
.relatorios-content__cards .relatorio-card p.color-bar {
  height: 7px;
  width: 100%;
  margin: 0;
  display: flex;
}
.relatorios-content__cards .relatorio-card p.color-bar span {
  height: 100%;
  max-width: 47px;
  width: 100%;
}
.relatorios-content__cards .relatorio-card p.color-bar .acao-bdr-etf {
  background: #428ae8;
}
.relatorios-content__cards .relatorio-card p.color-bar .opcoes {
  background: #8e6eb7;
}
.relatorios-content__cards .relatorio-card p.color-bar .opcoes-flexiveis {
  background: #b57d64;
}
.relatorios-content__cards .relatorio-card p.color-bar .termo {
  background: #9e9e9e;
}
.relatorios-content__cards .relatorio-card p.color-bar .futuros {
  background: #fcac17;
}
.relatorios-content__cards .relatorio-card p.color-bar .fiis {
  background: #94df69;
}
.relatorios-content__cards .relatorio-card p.color-bar .ir {
  background: #263fa8;
}
.relatorios-content__cards .relatorio-card p.color-bar .invext {
  background: #a82626;
}
.relatorios-content__cards .relatorio-card p.color-bar .todos {
  background: #000;
}
.relatorios-content__cards .relatorio-card__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.relatorios-content__cards .relatorio-card__text span:first-of-type {
  font-size: 16px;
  font-weight: bold;
}
.relatorios-content__cards .relatorio-card__buttons {
  display: flex;
  gap: 8px;
}

.lancamentos-principal .panel {
  background-color: transparent !important;
}

.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item {
  transition: background-color ease-in-out 200ms;
}
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
@media (max-width: 991px) {
  .telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-1,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-2,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-3,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-4,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-5,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-6,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-7,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-8,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-9,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-10,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-11,
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .p-col-12 {
    padding: 0;
  }
}
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .panel__item__text .panel-item-paragraph {
  max-width: 500px;
  margin-bottom: 1rem;
}
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .panel__item__link {
  text-align: center;
  background: none;
  border: none;
  outline: none;
  transition: transform 200ms ease-in-out;
}
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .panel__item__link:hover {
  cursor: pointer;
  transform: translateY(-3px);
}
.telas-menu-lateral__container.lancamentos .telas-menu-lateral__content .panel .panel__item .panel__item__link img {
  transform: scale(1.4);
}
.telas-menu-lateral__container.lancamentos .modal-confirm .liquidacao__modal__form .text-field-container {
  padding: 0 1rem;
}
.telas-menu-lateral__container.lancamentos .modal-confirm .liquidacao__modal__form .quantidade-container {
  padding: 1rem;
  padding-left: 2rem;
}
.telas-menu-lateral__container.lancamentos .modal-confirm .liquidacao__modal__form .quantidade-container .cifrao-container {
  display: grid;
  grid-template-columns: auto auto 1fr 2rem;
  align-items: center;
  grid-gap: 0 10px;
}
.telas-menu-lateral__container.lancamentos .modal-confirm .liquidacao__modal__form .quantidade-container .cifrao-container .cifrao-container__box {
  position: relative;
  background: #ff9400;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 50%;
}
.telas-menu-lateral__container.lancamentos .modal-confirm .liquidacao__modal__form .quantidade-container .cifrao-container .cifrao-container__box .cifrao {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.telas-menu-lateral__container.lancamentos .panel__item__text .panel-item-paragraph {
  max-width: 95%;
}
.telas-menu-lateral__container.lancamentos .panel__item__link {
  text-align: center;
  background: none;
  border: none;
  outline: none;
  transition: transform 200ms ease-in-out;
}
.telas-menu-lateral__container.lancamentos .panel__item__link:hover {
  cursor: pointer;
  transform: translateY(-3px);
}
.telas-menu-lateral__container.lancamentos .panel__item__link img {
  transform: scale(1.4);
}
.telas-menu-lateral__container.lancamentos u {
  cursor: pointer;
}

.lancamento-crud-invext__content {
  margin-top: 24px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1300px) {
  .lancamento-crud-invext__content {
    max-width: 1000px;
  }
}
.lancamento-crud-invext__actions {
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 32px;
}
.lancamento-crud-invext__divider {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin: 32px 0px;
}
.lancamento-crud-invext__actions-label {
  font-weight: bold;
  flex: 1;
}
.lancamento-crud-invext__table {
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  background-color: white;
  padding: 32px;
}

.lancamento-crud-modal-invext {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1060px) {
  .lancamento-crud-modal-invext__tabela-container {
    margin-left: 0;
    padding: 0;
  }
}
.lancamento-crud-modal-invext__tabela-content {
  background-color: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 1060px) {
  .lancamento-crud-modal-invext__tabela-content {
    padding: 0;
  }
}
.lancamento-crud-modal-invext__tabela-content ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.lancamento-crud-modal-invext__tabela-content ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.lancamento-crud-modal-invext__tabela-content ::-webkit-scrollbar-thumb {
  background: #888;
}
.lancamento-crud-modal-invext__tabela-content ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.lancamento-crud-modal-invext__tabela-content__scrollable {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 12px;
}
.lancamento-crud-modal-invext__tabela-content__tabela {
  border: 1px solid #eee;
  background-color: #fafafa;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1060px) {
  .lancamento-crud-modal-invext__tabela-content__tabela {
    overflow-y: scroll;
  }
}
.lancamento-crud-modal-invext__tabela-content__linha {
  display: flex;
  gap: 8px;
  padding: 4px;
  min-width: fit-content;
  margin-right: 4px;
  margin-bottom: 4px;
}
.lancamento-crud-modal-invext__tabela-content__linha.erro {
  border: 2px solid #fd7e7e;
  background-color: #ffe3e3;
  border-radius: 4px;
}
.lancamento-crud-modal-invext__tabela-content__coluna {
  flex: 1;
  min-width: 160px;
  text-align: center;
  margin-top: 4px;
  display: flex;
  align-items: center;
}
.lancamento-crud-modal-invext__tabela-content__coluna span {
  font-weight: bold;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}
.lancamento-crud-modal-invext__tabela-content__scroll-tip {
  display: none;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.lancamento-crud-modal-invext__tabela-content__scroll-tip .icon {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #fff0e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lancamento-crud-modal-invext__tabela-content__scroll-tip .icon i {
  color: #ff8933;
}
@media (max-width: 1800px) {
  .lancamento-crud-modal-invext__tabela-content__scroll-tip {
    display: flex;
  }
}
.lancamento-crud-modal-invext__tabela-content__scroll-tip.force-display {
  display: flex !important;
}
.lancamento-crud-modal-invext__tabela-content__coluna-btn {
  width: 34px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 4px;
}
.lancamento-crud-modal-invext__tabela-content__coluna-status {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.lancamento-crud-modal-invext__tabela-content__coluna-status.red {
  background-color: red;
}
.lancamento-crud-modal-invext__tabela-content__coluna-status.green {
  background-color: green;
}
.lancamento-crud-modal-invext__tabela-content__coluna-status.neutral {
  background-color: #ccc;
}
.lancamento-crud-modal-invext__tabela-content__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 32px;
  gap: 12px;
}
@media (max-width: 1060px) {
  .lancamento-crud-modal-invext__tabela-content__buttons {
    flex-direction: column;
    align-items: normal;
  }
}
.lancamento-crud-modal-invext__content {
  display: flex;
  gap: 12px;
  align-items: center;
}
.lancamento-crud-modal-invext__input {
  flex: 1;
}
.lancamento-crud-modal-invext__red {
  color: #C62222;
  font-weight: bold;
  font-size: 12px;
}
.lancamento-crud-modal-invext__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao {
  width: 1000px;
  flex-direction: column;
  display: flex;
  gap: 24px;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 60%;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao__label {
  font-weight: bold;
  font-size: 16px;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao__label-red {
  font-size: 14px;
  font-weight: normal;
  color: #EF2323;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao__divider {
  border: 1px solid #e0e0e0;
  width: 100%;
}
.lancamento-crud-modal-invext__content-lancar-distribuicao__container-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lista-proventos-nao-compulsorios__content {
  margin-bottom: 32px;
  background-color: white;
  padding: 32px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}
@media (max-width: 990px) {
  .lista-proventos-nao-compulsorios__content {
    padding: 12px;
  }
}
.lista-proventos-nao-compulsorios__content h2 {
  color: #000;
  font-family: Matter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin: 0 !important;
  padding: 0 !important;
}
.lista-proventos-nao-compulsorios__title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.lista-proventos-nao-compulsorios__filtros {
  margin-bottom: 32px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-end;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #eee;
}
.lista-proventos-nao-compulsorios__filtro {
  display: flex;
  gap: 4px;
  align-items: center;
}

.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros {
    flex-direction: column;
  }
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  grid-gap: 0.5rem;
}
@media (max-width: 600px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes {
    flex-direction: column;
  }
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container {
  position: relative;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .b2c-button.b2c-button__width-auto.b2c-button__cor-texto-white.b2c-button__primaria.b2c-button__estilo-filled {
  padding: 0.36rem 1.05rem;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel {
  position: absolute;
  display: block;
  top: 50px !important;
  left: unset !important;
  right: 0 !important;
  width: 510px;
}
@media screen and (min-width: 1440px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel {
    width: 700px;
  }
}
@media (max-width: 600px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel {
    left: -4.7rem !important;
    width: 100vw;
  }
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel .p-overlaypanel-content {
  display: grid;
  grid-template: 1fr 1fr/1fr 1fr;
  grid-gap: 0 0.5rem;
}
@media (max-width: 480px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel .p-overlaypanel-content {
    grid-template: none;
  }
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel .p-overlaypanel-content .mat-form-field {
  width: 100%;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel .p-overlaypanel-content .b2c-calendar .p-calendar-w-btn {
  height: 52px !important;
  width: 100% !important;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container > .barreira-opflex__filtros > .barreira-opflex__filtros__botoes .filtros-container .overlay-panel-filtros .p-overlaypanel .p-overlaypanel-content .overlay-panel-filtros__botoes {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  grid-gap: 0.5rem;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container .tabela-barreira-opflex span.botao-status {
  display: flex;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 4px;
}
@media (max-width: 640px) {
  .barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container .tabela-barreira-opflex span.botao-status {
    display: inherit;
  }
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container .tabela-barreira-opflex span.botao-status--inativo {
  background: #e0e0e0;
  border: 1px solid #999999;
  color: #999999;
}
.barreira-opflex > .barreira-opflex__content > div > .panel > .barreira-opflex__container .tabela-barreira-opflex span.botao-status--ativo {
  background: #fff0e5;
  border: 1px solid #FF6B06;
  color: #FF6B06;
}
@media (max-width: 640px) {
  .barreira-opflex > .barreira-opflex__content .tabela-subtela-lancamentos__content td:last-child {
    background: transparent !important;
    padding: 1.5rem !important;
    justify-content: inherit !important;
  }
}
.barreira-opflex > .barreira-opflex__content .modal-confirm.modal-confirm--large {
  width: 35rem;
}
.barreira-opflex > .barreira-opflex__content .modal-confirm.modal-confirm--large .selecao-data-acionamento__container {
  display: grid;
  grid-template: auto/1fr 1fr;
}
.barreira-opflex > .barreira-opflex__content .modal-confirm.modal-confirm--large .selecao-data-acionamento__container > .selecao-data-acionamento__label {
  color: #FF6B06;
  margin-bottom: 0.5rem;
}
.barreira-opflex > .barreira-opflex__content .modal-confirm.modal-confirm--large .selecao-data-acionamento__container > .selecao-data-acionamento__content {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.importacoes .importacoes__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.importacoes__titulo {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.importacoes .p-accordion .p-accordion-tab {
  box-shadow: none !important;
}
.importacoes .modal-confirm.modal-confirm--large {
  width: 35rem;
}
.importacoes .modal-confirm.modal-confirm--large .selecao-data-acionamento__container > .selecao-data-acionamento__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.importacoes .modal-confirm.modal-confirm--large .selecao-data-acionamento__container > .selecao-data-acionamento__header > .labels {
  color: #FF6B06;
  margin-bottom: 0.5rem;
}
.importacoes .modal-confirm.modal-confirm--large .selecao-data-acionamento__container > .selecao-data-acionamento__content {
  display: grid;
  grid-template-columns: 50% 50%;
}

.importacoes-v2__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.importacoes-v2__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.importacoes-v2__card {
  background-color: white;
  border-radius: 4px;
  padding: 22px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #ededed;
  cursor: pointer;
  transition: 0.2s;
}
.importacoes-v2__card.disabled {
  opacity: 0.3;
}
.importacoes-v2__card:hover {
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.05);
}
.importacoes-v2__card-title {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.importacoes-v2__card-icone {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;
  border: 1px solid #eee;
}
.importacoes-v2__card-icone .pi {
  font-size: 12px;
  color: black;
}
.importacoes-v2 .modal-importar-v2 {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 900px) {
  .importacoes-v2 .modal-importar-v2 {
    width: 100%;
  }
}
.importacoes-v2 .modal-importar-v2__subtitle {
  font-weight: normal;
  font-size: 14px;
  padding: 12px;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 4px;
}

.modal-erro-conta-corrente {
  max-width: 1100px;
  width: 60vw;
}
@media (max-width: 900px) {
  .modal-erro-conta-corrente {
    width: 100%;
  }
}
.modal-erro-conta-corrente__title {
  font-weight: bold;
  margin-bottom: 12px;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eee;
}
.modal-erro-conta-corrente__title.extra-top {
  margin-top: 22px;
}
.modal-erro-conta-corrente__content {
  padding: 8px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
}
.modal-erro-conta-corrente__lista-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 22px;
  padding-top: 12px;
  margin-bottom: 6px;
}
@media (max-width: 480px) {
  .modal-erro-conta-corrente__lista-status {
    flex-direction: column;
  }
}
.modal-erro-conta-corrente__lista-erro {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: #ffebee;
  border: 1px solid #C62222;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 6px;
}
.modal-erro-conta-corrente__status-title {
  font-weight: bold;
  padding: 22px;
  padding-bottom: 0px;
}
.modal-erro-conta-corrente__tabela {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-erro-conta-corrente__linha {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.modal-erro-conta-corrente__linha.cabecalho {
  margin-bottom: 12px;
}
.modal-erro-conta-corrente__linha.data {
  background: #ededed;
  padding: 12px;
  border-radius: 8px;
}
.modal-erro-conta-corrente__coluna {
  flex: 1;
}
.modal-erro-conta-corrente__coluna span {
  font-weight: bold;
}
.modal-erro-conta-corrente__coluna:last-child {
  flex: 2;
}

.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container > .subtela-lancamentos__filtros {
  display: flex;
  justify-content: space-between;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container > .subtela-lancamentos__filtros > .subtela-lancamentos__filtros__botoes {
  display: flex;
  grid-gap: 0.5rem;
}
@media (max-width: 600px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container > .subtela-lancamentos__filtros > .subtela-lancamentos__filtros__botoes {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container > .subtela-lancamentos__filtros {
    flex-direction: column;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header:not(.tabela-subtela-lancamentos__header--expanded) > th {
  border-top: 2px solid #FF6B06;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header > th {
  background: #e0e0e0;
  border-top: 2px solid #FF6B06;
  font-weight: bold;
  color: #3a3a3a;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header .botao-antecipar {
  width: 110px;
}
@media (min-width: 2000px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header .botao-antecipar {
    width: 140px;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td > span.botao-status {
  display: flex;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 4px;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td > span.botao-status--inativo {
  background: #e0e0e0;
  border: 1px solid #999999;
  color: #999999;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td > span.botao-status--ativo {
  background: #fff0e5;
  border: 1px solid #FF6B06;
  color: #FF6B06;
}
@media (max-width: 640px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td {
    text-align: left !important;
  }
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td .p-column-title {
    width: 25vw;
  }
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td:first-child {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td:last-child {
    background: #ededed;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td:last-child .btn-edit {
  width: 100%;
}
@media (max-width: 640px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content > td:last-child .btn-edit {
    width: auto;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content .icone-editar:hover {
  cursor: pointer;
  color: #FF6B06;
}
@media (max-width: 640px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__content {
    border-bottom: 10px solid white;
    background: #e0e0e0;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header--edit > th:last-child {
  width: 3em;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header--edit-button > th:last-child {
  width: 12%;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos .p-datatable-footer {
  background: #ededed;
  color: #3a3a3a;
  font-style: italic;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos--row-expanded .p-datatable-footer {
  padding: 0;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos .p-datatable-header {
  padding-right: 0;
}
@media (max-width: 600px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos .p-datatable-header {
    padding-left: 0;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button {
  width: 40px;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button > .expand-button {
  position: relative;
  background: none;
  box-shadow: none;
}
@media (max-width: 991px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button > .expand-button {
    position: absolute;
    left: 0;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button > .expand-button span.p-button-icon {
  position: absolute;
  left: 50%;
  color: #000;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button > .expand-button .btn-exportar {
  justify-content: flex-end;
  margin-top: -1rem;
}
@media (max-width: 600px) {
  .subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .tabela-subtela-lancamentos td.table-content__item--button > .expand-button .btn-exportar {
    justify-content: flex-start;
    margin-top: 0;
  }
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .p-toast .p-toast-message.p-toast-message-success {
  background: #5bdaac;
  font-weight: 500;
  font-size: 18px;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #FF6B06;
}
.subtela-lancamentos .subtela-lancamentos__content .panel .subtela-lancamentos__container .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #FF6B06;
}
.subtela-lancamentos .subtela-lancamentos__content .tela-ajuste-contrato .tabela-subtela-lancamentos tr.tabela-subtela-lancamentos__header--edit > th:last-child {
  width: 10%;
}
.subtela-lancamentos.liquidacoes-antecipadas-termo .mat-form-field-flex {
  height: 2.85rem;
}
.subtela-lancamentos.liquidacoes-antecipadas-termo .mat-form-field-appearance-fill .mat-form-field-flex {
  padding-top: 0.25em;
}
.subtela-lancamentos .subtela-lancamentos__hue-santander {
  filter: hue-rotate(341deg);
}

.cdk-overlay-container {
  z-index: 1100 !important;
}

.proventos-nao-compulsorios {
  background-color: #e0e0e0;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content {
  background-color: #fff;
  padding: 2rem;
  width: 90%;
  border-radius: 4px;
  margin-bottom: 5rem;
  margin-top: 2rem;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios___content-header > h2 {
  max-width: 500px;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios___content-header > p {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #000;
  margin-top: 20px;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body {
  margin-top: 35px;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .titulo-body {
  font-family: "Matter";
  font-style: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0px;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body > .proventos-nao-compulsorios__content-body-titulo {
  background-color: #e0e0e0;
  height: 4.3rem;
  padding: 0.45rem 0.75rem;
  border-top: 2px solid #FF6B06;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel {
  position: absolute;
  display: block;
  top: 50px !important;
  left: unset !important;
  right: 0 !important;
  width: 610px;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel .b2c-calendar .p-calendar-w-btn {
  height: 52px !important;
  width: 100% !important;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel .b2c-dropdown .p-dropdown {
  height: 52px !important;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel .b2c-dropdown .p-dropdown > .p-dropdown-label {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel .b2c-dropdown .p-dropdown .p-dropdown-trigger {
  height: 52px !important;
}
@media (max-width: 576px) {
  .proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__content-body-titulo {
    height: 6.3rem;
  }
  .proventos-nao-compulsorios > .proventos-nao-compulsorios__content > .proventos-nao-compulsorios__content-body .proventos-nao-compulsorios__overlay-panel .p-overlaypanel {
    position: absolute;
    display: block;
    top: 50px !important;
    left: unset !important;
    right: auto !important;
    width: 200%;
  }
}
.proventos-nao-compulsorios .proventos-nao-compulsorios__component {
  margin-top: 1rem;
  border-bottom: 1px solid #e0e0e0;
}
.proventos-nao-compulsorios .proventos-nao-compulsorios__component > div {
  max-height: 33px;
}
.proventos-nao-compulsorios .proventos-nao-compulsorios__component .proventos-nao-compulsorios__component-titulo-informacao {
  font-family: "Matter";
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  color: #3a3a3a;
  margin: 0px;
  padding-left: 0px;
}
.proventos-nao-compulsorios .proventos-nao-compulsorios__component .proventos-nao-compulsorios__component-informacao {
  font-family: "Matter";
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1rem;
  color: #3a3a3a;
  margin: 0px;
  margin-left: -20px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .proventos-nao-compulsorios .proventos-nao-compulsorios__component .proventos-nao-compulsorios__component-informacao {
    margin-left: 0px;
  }
  .proventos-nao-compulsorios .proventos-nao-compulsorios__component > div {
    max-height: none;
  }
}
.proventos-nao-compulsorios__sem-proventos {
  padding: 1rem 0;
  background: #FAFAFA;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.proventos-nao-compulsorios__sem-proventos p {
  padding: 0 1.5rem;
  color: #616161;
}
.proventos-nao-compulsorios .p-grid {
  margin: 0;
}
.proventos-nao-compulsorios .td-padding {
  padding: 2.1rem 0.75rem !important;
}
@media screen and (min-width: 100px) {
  .proventos-nao-compulsorios .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
    display: inline-block !important;
    font-weight: 700;
    margin: -0.4em 1em -0.4em -0.4rem;
    padding: 0.4rem;
    color: #3a3a3a;
  }
  .proventos-nao-compulsorios .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
    border: 0;
    clear: left;
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    padding: 0 0.75rem;
  }
  .proventos-nao-compulsorios .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td:last-child {
    margin-top: -1rem;
    margin-bottom: 1rem;
  }
  .proventos-nao-compulsorios .p-datatable-responsive .p-datatable-tbody > tr {
    border-bottom: 1px solid #e0e0e0;
  }
  .proventos-nao-compulsorios .p-datatable .p-datatable-tbody > tr {
    outline: 0 none;
  }
  .proventos-nao-compulsorios .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    outline-color: transparent;
  }
}

.telas-menu-lateral__container {
  width: 100%;
  margin: 0 !important;
  min-height: calc(100% - 4.8rem);
}
.telas-menu-lateral__container.importacoes {
  flex-direction: column;
}
@media (min-width: 991px) {
  .telas-menu-lateral__container {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .telas-menu-lateral__container {
    top: 4rem;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header {
  background: #fff;
  width: 100%;
  margin: 0 !important;
  padding: 0 5%;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  max-width: 500px;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #3a3a3a;
  margin-bottom: 1rem;
  max-width: 600px;
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__text p {
    margin-right: 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__icon {
    width: 100%;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure {
  margin: 0;
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure {
    margin: 0;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure img {
  max-width: 300px;
}
.telas-menu-lateral__container .telas-menu-lateral__content-title {
  font-weight: bold;
  font-size: 18px;
}
.telas-menu-lateral__container > .telas-menu-lateral__content {
  width: 100%;
  padding: 2rem 5%;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel {
  padding: 1.5rem 2.5rem 0rem;
  border-radius: 4px;
  margin-bottom: 0rem;
  background: white;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel > .panel__item {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 0.9rem 1.2rem;
  margin-top: 1rem;
  background-color: white;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel > .panel__item h4 {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1.43rem;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab {
  box-shadow: none;
  border: 1px solid #ededed;
  margin: 1.5rem;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab .pi.pi-chevron-right,
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab .pi.pi-chevron-down {
  font-size: 3em;
  color: #3a3a3a;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-header-text {
  line-height: 1;
  font-weight: 500;
  font-size: 1.4rem;
  color: #3a3a3a;
}
.telas-menu-lateral__container .p-accordion-tab {
  box-shadow: none;
}
.telas-menu-lateral__container .p-accordion-tab h4,
.telas-menu-lateral__container .p-accordion-tab p {
  color: #3a3a3a;
}

.telas-menu-lateral__container {
  width: 100%;
  margin: 0 !important;
  min-height: calc(100% - 4.8rem);
}
.telas-menu-lateral__container.importacoes {
  flex-direction: column;
}
@media (min-width: 991px) {
  .telas-menu-lateral__container {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .telas-menu-lateral__container {
    top: 4rem;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header {
  background: #fff;
  width: 100%;
  margin: 0 !important;
  padding: 0 5%;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  max-width: 500px;
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__text p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #3a3a3a;
  margin-bottom: 1rem;
  max-width: 600px;
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__text p {
    margin-right: 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__icon {
    width: 100%;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure {
  margin: 0;
}
@media (max-width: 991px) {
  .telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure {
    margin: 0;
  }
}
.telas-menu-lateral__container .telas-menu-lateral__header > .header__icon > figure img {
  max-width: 300px;
}
.telas-menu-lateral__container .telas-menu-lateral__content-title {
  font-weight: bold;
  font-size: 18px;
}
.telas-menu-lateral__container > .telas-menu-lateral__content {
  width: 100%;
  padding: 2rem 5%;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel {
  padding: 1.5rem 2.5rem 0rem;
  border-radius: 4px;
  margin-bottom: 0rem;
  background: white;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel > .panel__item {
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 0.9rem 1.2rem;
  margin-top: 1rem;
  background-color: white;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel > .panel__item h4 {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1.43rem;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab {
  box-shadow: none;
  border: 1px solid #ededed;
  margin: 1.5rem;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab .pi.pi-chevron-right,
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-tab .pi.pi-chevron-down {
  font-size: 3em;
  color: #3a3a3a;
}
.telas-menu-lateral__container > .telas-menu-lateral__content .panel .p-accordion .p-accordion-header-text {
  line-height: 1;
  font-weight: 500;
  font-size: 1.4rem;
  color: #3a3a3a;
}
.telas-menu-lateral__container .p-accordion-tab {
  box-shadow: none;
}
.telas-menu-lateral__container .p-accordion-tab h4,
.telas-menu-lateral__container .p-accordion-tab p {
  color: #3a3a3a;
}

.direito-subscricao .p-datatable-footer {
  display: none !important;
}
.direito-subscricao .w-3r {
  width: 3rem;
}
.direito-subscricao .w-1r {
  width: 1rem;
}
.direito-subscricao .tabela-subtela-lancamentos td:last-child() {
  border-bottom: none !important;
}
.direito-subscricao .tabela-subtela-lancamentos .tabela-subtela-lancamentos__content .icon-hover:hover {
  cursor: pointer;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela th, .direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela td {
  border-top: none !important;
  background: #fafafa !important;
  color: #616161 !important;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .sem-direito td {
  border-bottom: none;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tabela-subtela-lancamentos__content th, .direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tabela-subtela-lancamentos__content td,
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tabela-subtela-lancamentos__header th,
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tabela-subtela-lancamentos__header td {
  border-top: none !important;
  background: #fafafa !important;
  color: #616161 !important;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tr-exercicio {
  background-color: #fafafa;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tr-exercicio .p-grid {
  margin: 0;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tr-exercicio strong {
  color: #616161;
}
.direito-subscricao .tabela-subtela-lancamentos .direito-subscricao__subtabela .tr-exercicio td {
  border-bottom: none;
}

.minhas-corretoras .aviso-b3 {
  max-width: 450px;
}
.minhas-corretoras .aviso-b3 .obs {
  padding: 12px;
  background-color: #fbfaf4;
  border-radius: 4px;
  border: 1px solid #ebe9df;
}
.minhas-corretoras .aviso-b3 .titulo {
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  margin-bottom: 24px;
  margin-top: 36px;
}
.minhas-corretoras .aviso-b3 img {
  width: 48px;
}
.minhas-corretoras__vazio {
  padding: 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: white;
}
.minhas-corretoras__vazio h5 {
  font-style: normal !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0 !important;
  flex: 1;
}
.minhas-corretoras__vazio h5 strong {
  font-weight: 700 !important;
}
@media (max-width: 480px) {
  .minhas-corretoras__vazio {
    flex-direction: column;
  }
  .minhas-corretoras__vazio h5 {
    padding-bottom: 24px;
  }
}
.minhas-corretoras__final-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px;
  border-top: 1px solid #e0e0e0;
}
@media (max-width: 480px) {
  .minhas-corretoras__final-buttons {
    flex-direction: column;
    margin-top: 32px;
  }
}
.minhas-corretoras__final-buttons-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.minhas-corretoras__titulo {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}
.minhas-corretoras__lista {
  flex: 1 70%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.minhas-corretoras__duvidas {
  display: flex;
  flex-direction: column;
  gap: 26px;
  flex: 1 30%;
}
.minhas-corretoras__content {
  display: flex;
  padding: 2rem 5%;
  gap: 56px;
}
@media (max-width: 480px) {
  .minhas-corretoras__content {
    flex-direction: column;
  }
}
.minhas-corretoras__content main {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.minhas-corretoras__content .p-grid {
  margin: 0;
}
.minhas-corretoras__content .p-datatable .p-datatable-thead > tr {
  border-bottom: 1px solid #e0e0e0;
}
.minhas-corretoras__content .p-datatable .p-datatable-thead > tr > th {
  font-weight: 600;
  padding: 1.2rem;
  font-size: 1.1rem;
  width: 20.1%;
}
.minhas-corretoras__content .p-datatable .p-datatable-thead > tr th:last-child {
  width: 4rem;
  padding: 0 !important;
}
.minhas-corretoras__content .p-datatable .p-datatable-tbody > tr {
  border-bottom: 1px solid #e0e0e0;
}
.minhas-corretoras__content .p-datatable .p-datatable-tbody > tr > td {
  padding: 1% 3%;
  background: white;
}
.minhas-corretoras__content .p-datatable .p-datatable-tbody > tr > td .pi {
  color: #FF6B06;
  font-size: 1.1rem;
  cursor: pointer;
}
.minhas-corretoras__content .p-datatable .p-datatable-tbody > tr:nth-child(odd) {
  background-color: white;
}
.minhas-corretoras__content .row-add-corretora {
  padding: 1.5rem 4rem 1.5rem 1.5rem;
}
.minhas-corretoras__content .btn-cei {
  border-style: none;
  border-radius: 5px;
  padding: 0.5rem 0.8rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  background-color: #263FA8 !important;
}
.minhas-corretoras__content .btn-cei .material-icons {
  font-size: 1rem;
  color: white;
  margin-left: 0.5rem;
}
.minhas-corretoras__content .btn-add-corretora {
  padding: 0.8rem;
  border-style: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1rem;
}
.minhas-corretoras__content .btn-add-corretora:not([disabled]) {
  background-color: #FF6B06 !important;
  color: white;
  cursor: pointer;
}
.minhas-corretoras__content .hover-button {
  padding: 0.8rem;
  border-style: none;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  background-color: transparent;
}
.minhas-corretoras__content .ativa {
  color: #46a885;
}
.minhas-corretoras__content .pendente-ou-invalida {
  color: #FF6B06;
}
.minhas-corretoras__content .quero-ser-platinum p {
  margin-bottom: 0.3rem;
  margin-top: 1rem;
}
.minhas-corretoras__content .quero-ser-platinum h6 {
  margin-top: 0.2rem;
}
.minhas-corretoras__content button:disabled {
  cursor: progress;
}
.minhas-corretoras__content button.btn-add-corretora.btn-selecionar-corretora:disabled {
  cursor: initial;
  border: #999999 2px solid;
}
.minhas-corretoras__content #tabela-sem-links {
  width: 101.5%;
}
.minhas-corretoras__content .container-notas {
  margin: none !important;
}
.minhas-corretoras__titulo-video {
  width: 240px;
  position: absolute;
  background: #FF6B06;
  color: #fff;
  font-size: 1.286rem;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  top: -20px;
  left: -20px;
}

.buscar-corretoras .p-dropdown {
  border: 1px solid #3a3a3a !important;
  border-radius: 5px !important;
  padding: 0.5rem !important;
  width: 18rem;
}

.p-dropdown-panel .p-dropdown-filter-container {
  background-color: white !important;
  border-bottom: 0px !important;
  padding: 0.3em 1em !important;
}

.artigos-corretoras-container .artigo-integracoes-parceria {
  background-color: white;
  padding: 16px;
  display: flex;
  align-items: center;
  text-align: left;
}
.artigos-corretoras-container .artigo-integracoes-parceria:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.artigos-corretoras-container .artigo-integracoes-parceria:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.artigos-corretoras-container .artigo-integracoes-parceria h5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin: 0 !important;
}
.artigos-corretoras-container .artigos-group {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

@media (max-width: 1281px) {
  .minhas-corretoras__content .p-datatable .p-datatable-tbody > tr > td {
    padding: 0 3%;
    height: 5.5rem;
  }
}
@media (max-width: 600px) {
  .quero-ser-platinum__cards .btn-platinum {
    top: 0;
  }
}
@media (max-width: 480px) {
  .quero-ser-platinum__cards {
    width: 100%;
  }

  .minhas-corretoras .p-dialog-content {
    padding: 0 1rem 3rem 1rem !important;
  }

  .modal-corretoras .p-dialog-content {
    padding: 1rem 0;
  }

  .buscar-corretoras .p-dropdown {
    width: 100% !important;
  }

  .minhas-corretoras__content {
    width: 100%;
  }
}
@media (min-width: 2079px) {
  .minhas-corretoras__content main {
    margin-top: 4rem;
  }
}
@media (max-width: 991px) {
  .minhas-corretoras__content main {
    margin-top: 1rem;
  }
}
@media (max-width: 600px) {
  .minhas-corretoras__content .p-datatable .p-datatable-tbody > tr > td {
    height: auto;
    display: flex !important;
    padding: 0.5rem 3%;
    text-align: center;
  }
  .minhas-corretoras__content .p-datatable .p-datatable-tbody > tr > td:last-child {
    position: absolute;
    right: 0;
    width: auto;
  }
}
@media (max-width: 320px) {
  .artigos-corretoras-container .artigo-integracoes-parceria {
    width: 100%;
  }
  .artigos-corretoras-container .artigo-integracoes-parceria:last-child {
    margin-top: 0.5rem;
  }
  .artigos-corretoras-container .artigos-group {
    display: flex;
    flex-direction: column;
  }
}
.modal-corretoras .p-dialog {
  width: 40vw;
}
.modal-corretoras .p-dropdown-panel .p-dropdown-header {
  padding: 0.8rem 0.8rem 0 0.8rem;
}
.modal-corretoras .p-dropdown-clear-icon {
  top: 50%;
  padding-left: 0.9rem;
  font-size: 1.1rem !important;
}
.modal-corretoras .p-dialog-content {
  padding: 0 2.5rem 3rem 2.5rem;
  padding-top: 0 !important;
}
.modal-corretoras .p-dialog-content .btn-lancar-nota {
  background-color: #FF6B06 !important;
  color: white;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 1rem;
  cursor: pointer;
}
.modal-corretoras .p-dropdown {
  border: 1px solid #3a3a3a;
  border-radius: 5px;
  padding: 0.5rem;
}
.modal-corretoras .p-dropdown-panel .p-dropdown-filter-container input {
  color: #000 !important;
}

.p-dropdown-panel .p-dropdown-filter-container .pi {
  color: #FF6B06 !important;
}

.p-dropdown-panel .p-dropdown-filter-container input {
  color: black !important;
}

.p-inputtext:enabled:focus {
  box-shadow: none;
}

.modal-adicionar-corretoras {
  min-width: 500px;
  max-width: 600px;
}

.corretoras-lista {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.corretoras-lista__item {
  padding: 18px 32px;
  display: flex;
  gap: 32px;
  flex-direction: row;
  align-items: center;
  position: relative;
}
@media (max-width: 900px) {
  .corretoras-lista__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .corretoras-lista__item-row-right {
    position: absolute;
    right: 12px;
  }
}
.corretoras-lista__item:first-child {
  border-bottom: 1px solid #ededed;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 900px) {
  .corretoras-lista__item:first-child {
    display: none;
  }
}
.corretoras-lista__item-row {
  flex: 1;
  display: flex;
  gap: 4px;
}
.corretoras-lista__item-row-green {
  color: #46a885;
}
.corretoras-lista__item-row-red {
  color: #C62222;
}
.corretoras-lista__item-row-orange {
  color: #ff6b06;
}
.corretoras-lista__item-row-title {
  flex: 1;
  font-weight: bold;
}
.corretoras-lista__item-row-right {
  flex: 1;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
}

.duvidas-frequentes-container {
  border-radius: 4px;
  padding-right: 1rem;
}
@media (max-width: 991px) {
  .duvidas-frequentes-container {
    padding-right: 0;
  }
}
.duvidas-frequentes-container > h2.title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}
.duvidas-frequentes-container > .duvidas-frequentes {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.duvidas-frequentes-container > .duvidas-frequentes > .duvidas-frequentes__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 16px;
  background-color: #fff;
}
.duvidas-frequentes-container > .duvidas-frequentes > .duvidas-frequentes__item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.duvidas-frequentes-container > .duvidas-frequentes > .duvidas-frequentes__item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.duvidas-frequentes-container > .duvidas-frequentes > .duvidas-frequentes__item > button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}

.modal-termo .p-grid {
  margin: 0;
}
.modal-termo p-footer {
  display: inline-block !important;
  padding: 0.2rem;
}
.modal-termo .p-dialog-footer {
  background-color: #F1F4F5 !important;
}
.modal-termo .p-dialog-header-icon {
  width: 1rem;
}
.modal-termo .p-dialog .p-dialog-content {
  padding: 0 1.8rem 1.5rem 1.8rem !important;
}
.modal-termo h5 {
  margin-top: 1rem;
}
.modal-termo .button-termo {
  border-style: none;
  background: #FEB12A;
  border-radius: 5px;
  padding: 0.7rem 0.9rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  color: white;
  cursor: pointer;
}
.modal-termo .button-termo .pi {
  margin-right: 0.3rem;
}
.modal-termo button:disabled {
  filter: opacity(0.5);
}
.modal-termo label {
  margin-left: 0.5rem;
}
.modal-termo__termo {
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 1rem;
  height: 17rem;
  margin-bottom: 0.5rem;
}
.modal-termo p {
  line-height: 1.25rem;
}

.modal-confirmacao.minha-conta .p-dialog {
  max-width: 360px;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-header {
  position: relative;
  flex-direction: row;
  justify-content: center;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-header .p-dialog-header-icons {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-header .p-dialog-header-icons .pi.pi-times {
  font-size: 2em;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-content .modal-confirmacao__icone {
  position: relative;
  height: 50px;
  margin-bottom: 1rem;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-content .modal-confirmacao__icone img, .modal-confirmacao.minha-conta .p-dialog .p-dialog-content .modal-confirmacao__icone i.pi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-content .modal-confirmacao__icone i.pi {
  color: white;
  font-size: 1.3em;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-footer {
  background: #F1F4F5;
}
.modal-confirmacao.minha-conta .p-dialog .p-dialog-footer .p-button {
  display: inline-block;
  font-weight: 700;
  height: auto;
  padding: 12px;
  border-radius: 4px;
}

.configuracoes-iniciais {
  background-color: #ECEFF1;
  display: flex;
  justify-content: center;
  color: #3a3a3a;
  width: 100%;
}
@media (max-width: 991px) {
  .configuracoes-iniciais {
    margin-left: 0px;
  }
}
.configuracoes-iniciais p {
  color: #3a3a3a !important;
}
.configuracoes-iniciais .p-col-12 {
  padding: 0;
}
.configuracoes-iniciais .p-grid {
  margin: 0;
}
.configuracoes-iniciais .p-col-10 {
  padding: 0;
}
.configuracoes-iniciais__content {
  background-color: white;
  margin-top: 1rem;
  width: 100%;
}
.configuracoes-iniciais__importar {
  display: flex;
  justify-content: flex-end;
  margin: 12px;
}
.configuracoes-iniciais__tabelas {
  padding: 3rem 5%;
}
.configuracoes-iniciais__tabelas .saldo-inicial__tabela {
  margin-bottom: 2rem;
  width: 100%;
}
.configuracoes-iniciais__tabelas .saldo-inicial__tabela.opf {
  overflow-x: scroll;
  overflow-y: none;
}
.configuracoes-iniciais__tabelas .saldo-inicial__tabela-scrollable {
  width: 2900px;
}
.configuracoes-iniciais__tabelas .saldo-inicial__tabela-scrollable th:last-child {
  position: sticky;
  right: 0;
  top: 0;
  background-color: white;
  border-left: 1px solid #eee;
  z-index: 100;
}
.configuracoes-iniciais__tabelas .saldo-inicial__tabela-scrollable td:last-child {
  position: sticky;
  right: 0;
  top: 0;
  background-color: white;
  border-left: 1px solid #eee;
  z-index: 100;
}
.configuracoes-iniciais__tabelas .prejuizo-acumulado__texto {
  display: none;
}
.configuracoes-iniciais__tabelas .prejuizo-acumulado__tabela-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.configuracoes-iniciais__tabelas .prejuizo-acumulado__tabela {
  width: 70%;
}
.configuracoes-iniciais .container-notas {
  margin: none !important;
}
.configuracoes-iniciais .p-tabview {
  width: 100%;
}
.configuracoes-iniciais .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  padding: 1.3rem 1.25rem;
}
.configuracoes-iniciais .button-salvar {
  border-radius: 5px;
  border-style: none;
  background-color: #FF6B06;
  padding: 0.8rem 1.3rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.configuracoes-iniciais__titulo-video {
  width: 240px;
  position: absolute;
  background: #FF6B06;
  color: #fff;
  font-size: 1.286rem;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  top: -20px;
  left: -20px;
}

.barra-notificacao {
  background: white;
  position: fixed;
  max-width: 40rem;
  right: 0rem;
  right: 9.8rem;
  padding: 1rem 0 0 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 500;
  top: 4.82rem;
  font-size: 0.99rem;
  color: #3a3a3a;
  max-height: 24.4rem;
  overflow: auto;
}
.barra-notificacao .sem-notificacao {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
}
.barra-notificacao .notificacoes-quantidade {
  padding: 0 1.8rem 0 1.5rem;
}
.barra-notificacao .notificacoes-quantidade p {
  line-height: 1.8;
  margin: 0 0 0.5rem 0;
}
.barra-notificacao .notificacoes-quantidade b {
  color: #C62222;
}
.barra-notificacao .p-grid {
  margin: 0;
}
.barra-notificacao .notificacao-lida {
  background-color: #f9f9f9;
}
.barra-notificacao .notificacao-lida .notificacao-icone {
  background-color: white;
}
.barra-notificacao__mensagem {
  padding: 1.2rem 2rem 1.2rem 1.5rem;
  display: flex;
  justify-content: start;
  align-items: center;
  border-top: 1px solid #d3d9dc;
}
.barra-notificacao__mensagem .mensagem-nao-lida {
  width: 0.3rem !important;
  margin-top: -2.5rem;
  margin-left: -0.5rem;
  margin-right: 0.3rem;
}
.barra-notificacao__mensagem .notificacao-data {
  font-size: 0.9rem;
}
.barra-notificacao__mensagem:first-of-type {
  border-top: none;
}
.barra-notificacao__mensagem h6 {
  margin: 0 0 0.2rem 0;
}
.barra-notificacao .notificacao-icone {
  border-radius: 50%;
  padding: 1rem;
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.4rem;
}
.barra-notificacao .notificacao-icone .pi {
  color: #FF6B06;
  font-size: 1.4rem;
}

@media (max-width: 991px) {
  .barra-notificacao {
    top: 4rem !important;
  }
}
@media (max-width: 480px) {
  .barra-notificacao {
    left: 0;
    max-width: 100%;
    width: 100%;
  }
}
.modal-processamento-container .success-icon-container {
  background-color: #689f38;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}
.modal-processamento-container .success-icon-container > i.pi.pi-check {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-processamento-container .modal-processamento__dialog-content {
  padding: 0;
}
.modal-processamento-container .modal-processamento__dialog-content .progress-spinner-container {
  padding-bottom: 1rem;
}
.modal-processamento-container .modal-processamento__dialog-content .modal-processamento-erro > .modal-processamento-erro__link-fatura {
  display: block;
  color: #FF6B06;
  text-decoration: underline;
}

.myc-b2c-accordion {
  width: 100%;
}
.myc-b2c-accordion h5 {
  padding: 0;
  margin: 0;
}
.myc-b2c-accordion .p-accordion .p-accordion-header .p-accordion-header-link {
  width: 100% !important;
  height: 82px;
}
.myc-b2c-accordion .p-accordion-content {
  margin-top: -4px;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .p-accordion-header {
  height: 70px;
  display: flex;
  align-items: center;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .p-accordion-header h4 {
  margin: 0;
  font-size: 21px;
  font-weight: bold;
  line-height: 25px;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-header {
  border-bottom: 1px solid #DEE2E6;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import,
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__text {
  padding: 2rem;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container {
  border: 1px solid #DEE2E6;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list {
  border: 2px dashed #DEE2E6;
  border-radius: 5px;
  padding: 1rem;
  margin: 0;
  list-style: none;
  display: grid;
  height: unset;
  font-size: unset;
  color: unset;
  cursor: unset;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list:hover {
  animation: changeDropzoneColor 2s infinite;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item {
  display: grid;
  grid-template-columns: 25px auto 80px 25px;
  grid-gap: 1rem;
  padding: 1rem 1.5rem;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media (max-width: 550px) {
  .myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item {
    grid-template-columns: 25px auto 25px;
  }
}
@media (max-width: 550px) {
  .myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__icon {
    grid-row: 1/3;
  }
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 17px;
}
@media (max-width: 550px) {
  .myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__text {
    grid-row: 1/2;
  }
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__progress-bar {
  height: 4px;
  min-width: 70px;
  background: #46a885;
  border-radius: 4px;
}
@media (max-width: 550px) {
  .myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__progress-bar {
    grid-row: 2/3;
  }
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__remove-file {
  background: none;
  outline: none;
  border: none;
  font-size: 1.3rem;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__item .dropzone-list__item__remove-file:hover {
  cursor: pointer;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__upload-button {
  padding: 1rem 1.5rem;
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__upload-button:hover {
  cursor: pointer;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__upload-button .dropzone-list__upload-button__icon {
  grid-row: 1/3;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__upload-button .dropzone-list__upload-button__text {
  grid-row: 1/2;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.5px;
  color: #616161;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone-list .dropzone-list__upload-button .dropzone-list__upload-button__subtext {
  grid-row: 2/3;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #9E9E9E;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .hide-dropzone {
  display: none;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone__helper-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #3a3a3a;
  margin: 0.25rem auto;
  margin-bottom: 12px;
}
@media (max-width: 480px) {
  .myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone__helper-text {
    max-width: 100%;
  }
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__import .dropzone-container .dropzone__helper-subtext {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__text > p > a {
  text-decoration: underline;
  color: #000;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__text > p > a:hover {
  cursor: pointer;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__text strong {
  margin-top: 1rem;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .myc-b2c-accordion__content__text u {
  cursor: pointer;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .buttons-container {
  display: flex;
  gap: 12px;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .dropdown-container {
  position: relative;
  margin-bottom: 1.2rem;
}
.myc-b2c-accordion .p-accordion .p-accordion-tab .dropdown-container label {
  position: absolute;
  z-index: 1;
  color: #FF6B06;
  font-size: 12px;
  line-height: 15px;
  margin-left: 0.6rem;
  margin-top: 0.2rem;
  font-weight: 400;
}

.modal-confirm.modal-confirm__listagem-erro-importacoes {
  width: 30rem;
}

.accordion-tabela-importacoes .p-accordion-tab {
  box-shadow: none;
  border: 1px solid #e0e0e0;
  margin-bottom: 1rem !important;
}
.accordion-tabela-importacoes .p-accordion-tab .p-accordion-header {
  border-bottom: none;
}
.accordion-tabela-importacoes .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  height: 100%;
}
.accordion-tabela-importacoes .p-accordion-content {
  padding: 0;
  overflow-x: auto;
  cursor: default;
}
.accordion-tabela-importacoes .p-accordion-content .tabela-importacoes__header th {
  background: #e0e0e0;
  color: #616161;
  font-weight: bold;
  padding: 1.25rem;
  width: 125px;
}
.accordion-tabela-importacoes .p-accordion-content .tabela-importacoes__header th:last-child {
  width: 150px;
}
.accordion-tabela-importacoes .p-accordion-content .tabela-importacoes__header th:first-child#checkbox {
  width: 40px;
}
.accordion-tabela-importacoes .p-accordion-content .tabela-importacoes__content td {
  background: #FAFAFA;
  color: #616161;
  border-bottom: 1px solid #e0e0e0;
  padding: 1.25rem;
}
.accordion-tabela-importacoes .p-accordion-content .tabela-importacoes__content td span {
  white-space: nowrap;
}
.accordion-tabela-importacoes .p-checkbox .p-checkbox-box {
  border-radius: 4px;
}

.tabela-importacoes.tabela-conta-corrente .p-datatable table {
  width: auto;
}
.tabela-importacoes.tabela-conta-corrente .b2c-text-field__input input {
  border: none;
  border-bottom: 1px solid #E53935;
  margin-left: 0.8rem;
  min-width: 70px;
  width: 100%;
  padding: 0.5rem;
  font-size: 16px;
}
.tabela-importacoes.tabela-conta-corrente .p-field {
  margin-bottom: 0 !important;
}
.tabela-importacoes.tabela-conta-corrente .manual > .p-autocomplete {
  height: 100%;
}
.tabela-importacoes.tabela-conta-corrente .manual > .p-autocomplete > input {
  border: none;
  border-bottom: 1px solid #E53935;
  margin-left: 0.8rem;
  min-width: 70px;
  width: 100%;
  padding: 0.5rem;
  font-size: 16px;
}

.tabela-importacoes.tabela-erro .td-erro {
  width: 50%;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__header th:last-child {
  width: 210px;
  padding: 0.25rem;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content td {
  background: #FFEBEE;
  color: #E53935;
  border-bottom: 1px solid #E53935;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content td .p-dropdown {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #E53935;
  background: #fff;
  border-radius: 4px 4px 0 0;
  width: 100%;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content td .p-dropdown .p-dropdown-label, .tabela-importacoes.tabela-erro .tabela-importacoes__content td .p-dropdown .pi.pi-chevron-down {
  color: #E53935;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-selecionada td {
  background: #FFF8E1;
  color: #616161;
  border-bottom: 1px solid #e9a23b;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-selecionada td .p-dropdown {
  border-bottom: 1px solid #e9a23b;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-selecionada td .p-dropdown .p-dropdown-label {
  color: #616161;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-selecionada td .p-dropdown .pi.pi-chevron-down {
  color: #e9a23b;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-manual td:last-child {
  display: flex;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-manual td:last-child .manual > .p-autocomplete {
  height: 100%;
}
.tabela-importacoes.tabela-erro .tabela-importacoes__content.acao-manual td:last-child .manual > .p-autocomplete > input {
  border: none;
  border-bottom: 1px solid #E53935;
  margin-left: 0.8rem;
  min-width: 70px;
  width: 100%;
  padding: 0.5rem;
  font-size: 16px;
}

.tela-pagamento .divider {
  background-color: #c8c8c8;
  width: 100%;
  height: 1px;
}
.tela-pagamento .titulo {
  font-size: 38px;
  font-weight: bold;
}
.tela-pagamento .subtitulo {
  font-size: 28px;
  font-weight: bold;
}
.tela-pagamento .termos-container {
  padding: 0.5rem;
  background: #ededed;
  border-radius: 4px;
}
.tela-pagamento .periodo-retroativo {
  font-size: 12px;
}
.tela-pagamento .cartao {
  padding: 40px;
  margin-bottom: -20%;
  padding-bottom: 0;
  position: relative;
  display: flex;
  justify-content: center;
}
.tela-pagamento .cartao .fundo {
  width: 80%;
}
.tela-pagamento .cartao .bandeira-container {
  position: absolute;
  width: calc(83% - 80px);
  height: calc(100% - 40px);
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.tela-pagamento .cartao .bandeira-container .bandeira {
  height: max-content;
  width: 20%;
}
.tela-pagamento .cartao .bandeira-container .bandeira .bandeira-img {
  width: 100%;
}
.tela-pagamento .cartao .bandeira-container .cartao-numbers {
  width: 100%;
  font-size: min(16px, max(calc(82vw / 70), 9px));
  display: flex;
  justify-content: space-between;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .tela-pagamento .cartao .bandeira-container .cartao-numbers {
    font-size: min(18px, calc(82vw / 30));
  }
}
.tela-pagamento .cartao-container {
  padding: 32px;
  padding-top: 25%;
  background-color: #e0e0e0;
  border-radius: 8px;
}
.tela-pagamento .dados-form-container {
  padding: 16px;
}
.tela-pagamento .pagamento-recorrencia label {
  margin-right: 9px;
  margin-left: 0px;
}
.tela-pagamento .pagamento-recorrencia .p-radiobutton .p-radiobutton-box {
  background: #ffffff;
  width: 20px !important;
  height: 20px !important;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
}
.tela-pagamento .cupom-container {
  background-color: #e1dede;
  border-radius: 6px;
  border: 1px solid #c8c8c8;
  margin-top: 85px !important;
}
.tela-pagamento .cupom-container .bottom {
  background-color: #d9d4d4;
}
.tela-pagamento .cupom-container .valor {
  color: #FF6B06;
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
}
.tela-pagamento .cupom-container .valor.riscado {
  text-decoration: line-through;
  opacity: 0.5;
  color: #000;
}
.tela-pagamento .cupom-container input {
  background-color: white;
  max-width: 200px;
  padding-left: 10px;
}
.tela-pagamento .cupom-container button {
  box-shadow: none !important;
  border-radius: 2px;
  height: 35px;
  width: 100px;
  font-size: 13px;
  text-transform: uppercase;
}
.tela-pagamento a {
  color: #ff8933;
  text-decoration: underline;
}
.tela-pagamento .selecionar-cards-bandeira {
  width: 100%;
  padding-inline: 8px;
}
.tela-pagamento .selecionar-cards-bandeira .label {
  margin: 0;
  font-weight: 600;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 8px));
  grid-template-rows: repeat(2, 1fr);
  justify-items: center;
  column-gap: 8px;
  row-gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira {
  box-shadow: none !important;
  display: inline-flex;
  width: fit-content;
  padding: 0;
  margin: 0;
  border: 0.5px solid #e0e0e0;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira .img-btn-bandeira {
  width: 100%;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira.selected {
  background: transparent;
  border: 2px solid #ff6b06 !important;
}
.tela-pagamento .label-error {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #C62222;
  margin-top: 4px;
}
.tela-pagamento .termo-error {
  color: #C62222;
  font-weight: 700;
}
.tela-pagamento .h1 {
  font-size: 32px !important;
  font-weight: 600;
  margin: 0 !important;
  text-align: center;
  line-height: 32px !important;
}
.tela-pagamento .h2 {
  font-size: 24px !important;
  font-weight: 600;
  margin: 0;
  line-height: 24px !important;
}
.tela-pagamento .h5 {
  font-size: 1.25rem !important;
  font-weight: 600;
  margin: 0;
  line-height: 24px !important;
}
.tela-pagamento .disclaimer-hibrido {
  font-weight: 400;
  font-size: 14px;
}
.tela-pagamento .resumo-box {
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  background-color: #e0e0e0;
  margin-top: 28px;
  font-size: 16px;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.tela-pagamento .resumo-box:first-child {
  margin-top: 0px;
}
.tela-pagamento .resumo-box {
  margin-top: 24px;
}
.tela-pagamento .resumo-box .input-container {
  gap: 44px;
}
.tela-pagamento .resumo-box .resumo-valor-container {
  display: flex;
  justify-content: space-between;
}
.tela-pagamento .resumo-box .valor.riscado {
  color: #999999;
  text-decoration: line-through;
}
.tela-pagamento .resumo-box .cupom {
  color: #FF6B06;
}
.tela-pagamento .resumo-box .subtotal {
  font-weight: 700;
}
.tela-pagamento .resumo-box hr {
  border-top: 1px solid #999999;
  border-width: 1px 0 0 0;
  margin: 0rem 0;
}
.tela-pagamento .resumo-box .total-pagar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.tela-pagamento .resumo-box .total-pagar .total {
  font-weight: 700;
  color: #46a885;
}
.tela-pagamento .resumo-box .total-pagar .total .highlight {
  font-size: 36px;
}
.tela-pagamento .pi-info-circle {
  font-size: 20px;
  margin-left: 0.5rem;
}
.tela-pagamento .infos-finais {
  padding: 16px;
  background: #FEFBED;
  border: 1px solid #F2C14B;
  border-radius: 4px;
  margin-top: 24px;
}

.custom-accordion {
  box-shadow: none !important;
}
.custom-accordion .p-accordion-tab {
  box-shadow: none !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.custom-accordion .p-accordion-tab:not(.p-accordion-tab-active) > .p-accordion-header > .p-accordion-header-link > .p-accordion-toggle-icon.p-accordion-toggle-icon {
  transform: rotate(0deg);
}
.custom-accordion .p-accordion-tab.p-accordion-tab-active > .p-accordion-header > .p-accordion-header-link > .p-accordion-toggle-icon {
  transform: rotate(0deg);
}
.custom-accordion .p-accordion-tab:has(.label-error) .p-accordion-header {
  border: 1px solid #C62222 !important;
  background-color: #ffebee !important;
}
.custom-accordion .p-accordion-tab:has(.label-error) .p-accordion-header .p-accordion-header-text {
  color: #C62222 !important;
}
.custom-accordion .p-accordion-tab-active {
  margin-bottom: 0px;
}
.custom-accordion .p-accordion-header-link {
  text-decoration: none;
  background-color: transparent !important;
  display: inline-flex;
  flex-direction: row-reverse;
}
.custom-accordion .p-accordion-header-link .p-accordion-toggle-icon {
  font-size: 2rem;
}
.custom-accordion .p-accordion-header-link .p-accordion-header-text {
  font-weight: 600;
}
.custom-accordion .p-accordion-header {
  background-color: #c8c8c8;
  border-radius: 8px;
  border: 1px solid #BDBDBD;
  text-transform: uppercase;
}
.custom-accordion .p-accordion-header.p-highlight {
  border-radius: 8px 8px 0 0;
}

.adesao-button-text {
  color: #FF6B06 !important;
  background: transparent !important;
}
.adesao-button-text .pi {
  color: #FF6B06 !important;
}
.adesao-button-text:hover {
  background-color: #ffe1cc !important;
}

.default-container {
  max-width: 1180px;
  margin: auto !important;
}
.default-container .tip {
  opacity: 0.7;
  font-size: 14px;
}
.default-container button {
  box-shadow: none !important;
}
.default-container .accordion-cei .p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
}
.default-container .accordion-cei .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 5px !important;
}
.default-container .accordion-cei .p-accordion .p-accordion-header .p-accordion-header-link {
  color: #FF6B06;
}
.default-container .p-button-outlined .pi {
  color: #FF6B06;
}
.default-container .t1 {
  font-size: 32px !important;
  font-weight: 500;
  margin: 0 !important;
  margin-bottom: 8px !important;
  line-height: 32px !important;
}
.default-container .t2 {
  font-weight: 100 !important;
  font-size: 24px;
  margin: 0 !important;
  line-height: 24px !important;
}
.default-container .t3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 !important;
}
.default-container .card-icon {
  font-size: 80px;
}
.default-container .card-icon.color-primary {
  color: #FF6B06;
}
.default-container .card-icon.color-green {
  color: #46a885;
}
.default-container .card-icon.color-red {
  color: #C62222;
}

.professional-yt-video {
  position: relative;
}
.professional-yt-video .professional-yt-player {
  background-color: #000;
  width: 100%;
  height: 205px;
}
.professional-yt-video .professional-yt-title {
  background-color: #FF6B06;
  padding: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  font-weight: 700;
  position: absolute;
  top: -25px;
  left: -25px;
  width: 230px;
}

.movidesk-dialog .p-dialog .p-dialog-header {
  background-color: #3a3a3a !important;
  color: white !important;
  border-bottom: 1px solid #13191b !important;
  height: 40px !important;
}
.movidesk-dialog .p-dialog .p-dialog-header .pi {
  color: white !important;
}
.movidesk-dialog .p-dialog .p-dialog-content {
  padding: 0 !important;
}
.movidesk-dialog input {
  width: 100%;
  padding: 10px;
  height: 35px;
}
.movidesk-dialog button {
  box-shadow: none !important;
}
.movidesk-dialog button .pi {
  color: inherit !important;
  margin-left: 0 !important;
}

.modal-retroagir {
  max-width: 500px;
}
.modal-retroagir .desconto-calculo {
  font-size: 1rem;
  text-decoration: line-through;
  color: #3a3a3a;
}
.modal-retroagir .resposta-valor {
  display: flex;
  gap: 8px;
  align-items: center;
}

.retroagir-data-dialog {
  width: 29rem;
}
.retroagir-data-dialog p {
  line-height: 1.3;
}
.retroagir-data-dialog h4 {
  font-size: 1.3rem;
  color: #FF6B06;
  margin: 0;
}
.retroagir-data-dialog .p-dialog-header .p-dialog-title {
  display: inline !important;
  font-size: 1rem;
}
.retroagir-data-dialog p-footer {
  display: inline !important;
}
.retroagir-data-dialog .p-dialog-footer {
  background-color: #f1f4f5;
}
.retroagir-data-dialog .p-dialog-header {
  flex-direction: row;
  padding: 1rem 0.5rem 1rem 1.6rem !important;
}
.retroagir-data-dialog .p-dialog-content {
  padding: 0 1.6rem 1.25rem 1.6rem;
}
.retroagir-data-dialog .p-inputtext {
  border: none;
  background: #FAFAFA;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: none;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  height: 2.9rem;
}
.retroagir-data-dialog .p-inputtext:hover {
  background-color: #ededed;
  border-color: transparent;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, #ededed, #ededed) !important;
}
.retroagir-data-dialog button.p-button-icon-only .pi {
  margin-left: 0;
}
.retroagir-data-dialog .pi.pi-angle-up,
.retroagir-data-dialog .pi.pi-angle-down {
  font-family: "primeicons";
  transform: none;
  font-size: 1.2rem;
}
.retroagir-data-dialog .pi-angle-up:before {
  content: "" !important;
}
.retroagir-data-dialog .p-slider.p-slider-horizontal .p-slider-handle {
  top: 50%;
}
.retroagir-data-dialog .pi-angle-down:before {
  content: "" !important;
}
.retroagir-data-dialog .p-slider.p-slider-horizontal {
  top: -0.1rem;
  height: 3px;
  background-color: #FF6B06;
}
.retroagir-data-dialog .p-slider .p-slider-handle {
  background-color: #707070;
}
.retroagir-data-dialog .p-slider .p-slider-handle {
  background-color: #FF6B06;
}
.retroagir-data-dialog .p-slider .p-slider-range {
  background: #707070 !important;
}
.retroagir-data-dialog .p-button:disabled {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.retroagir-data-dialog .p-button-primary {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
  padding: 1.1rem !important;
}
.retroagir-data-dialog .desconto-calculo {
  font-size: 1rem;
  text-decoration: line-through;
  color: #3a3a3a;
}

.cupom-group input {
  border: none;
  background: #FAFAFA;
  outline: none;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: 66%;
}
.cupom-group input:hover {
  background-color: #ededed;
}
.cupom-group button {
  padding: 1rem 2rem;
}

.aviso-retroativo {
  max-width: 400px;
}
.aviso-retroativo a {
  color: #ff6b06;
  text-decoration: underline;
  cursor: pointer;
}

.processamento-pagamento {
  width: 27rem;
}
.processamento-pagamento .p-grid {
  margin: 0;
}
@keyframes custom-progress-spinner-color {
  100%, 0% {
    stroke: #FF6B06 !important;
  }
  40% {
    stroke: #FF6B06 !important;
  }
  66% {
    stroke: #FF6B06 !important;
  }
  80%, 90% {
    stroke: #FF6B06 !important;
  }
}
.processamento-pagamento p-footer {
  display: flex !important;
}
.processamento-pagamento .p-dialog-footer {
  background-color: #f1f4f5;
}
.processamento-pagamento p {
  text-align: center;
}
.processamento-pagamento h3 {
  text-align: center;
  margin-top: 0.5rem;
  padding: 0 1rem;
}
.processamento-pagamento .p-dialog .p-dialog-content {
  padding: 0 1.6rem 1.25rem 1.6rem;
}
.processamento-pagamento .p-button:disabled {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.processamento-pagamento .p-button {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 1.2rem;
}
.processamento-pagamento .p-dialog-footer button {
  margin: 0 0.5em 0 0.5rem;
}
.processamento-pagamento .p-button-outlined {
  border: 1px solid #FF6B06;
  padding: 1.1rem;
}
.processamento-pagamento .btns-footer {
  justify-content: space-between;
}
.processamento-pagamento .btn-footer {
  justify-content: flex-end;
}
.processamento-pagamento .btn-pagamento-erro {
  width: 100% !important;
}
.processamento-pagamento .btn-confirm-gray {
  background-color: #C4C4C4 !important;
  color: white !important;
  border: none;
}

.modal-app {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.modal-app .modal-app__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px 20px 48px 20px;
  max-width: 95%;
  min-width: 350px;
  border-radius: 16px 16px 0px 0px;
  background-color: white;
}
.modal-app__handle {
  border-radius: 10px;
  background: #d9d9d9;
  width: 72px;
  height: 3px;
}
.modal-app__title {
  text-align: center;
  font-family: Matter;
  font-size: 24px;
  max-width: 350px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 27px */
}
.modal-app__subtitle {
  text-align: center;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  max-width: 350px;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.modal-app__badge {
  width: 199px;
  margin-bottom: 48px;
  margin-top: 48px;
}
.modal-app__badge img {
  width: 199px;
}

.modal-teste {
  max-width: 400px;
}
.modal-teste__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-teste__icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.modal-teste__icone img {
  width: 64px;
  height: 64px;
}
.modal-teste__checkbox {
  border-radius: 4px;
}

.modal-podcast {
  animation: modalFadeIn 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  transform: translateY(40px);
  animation-fill-mode: forwards;
  position: fixed;
  bottom: 32px;
  right: 0;
  width: 400px;
  max-width: 90vw;
  background: linear-gradient(135deg, #8b4513 0%, #654321 50%, #2c1810 100%);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 24px;
  z-index: 1000;
  color: white;
  font-family: Matter;
  text-align: center;
}
.modal-podcast::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
.modal-podcast .close-button {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.8;
}
.modal-podcast .close-button:hover {
  opacity: 1;
}
.modal-podcast .podcast-image {
  width: 120px;
  height: auto;
  margin-bottom: 16px;
}
.modal-podcast__title {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
  color: white;
  text-align: center;
  animation: titleFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}
.modal-podcast .podcast-thumbnail {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 16px;
  position: relative;
  animation: thumbnailZoomIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}
.modal-podcast .video-info {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0;
  font-size: 14px;
  opacity: 0.8;
  justify-content: center;
  animation: infoFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
}
.modal-podcast .video-info .info-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.modal-podcast__description {
  font-size: 16px;
  line-height: 1.4;
  margin: 16px 0 24px 0;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  padding-bottom: 16px;
  animation: descFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
}
.modal-podcast__button {
  width: 100%;
  background: #ff6b35;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  margin-bottom: 16px;
  transition: background-color 0.2s ease;
  animation: buttonFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
}
.modal-podcast__button:hover {
  background: #e55a2b;
}
.modal-podcast .checkbox-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 14px;
  opacity: 0.8;
  justify-content: center;
  animation: checkboxFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  animation-fill-mode: forwards;
}
.modal-podcast .checkbox-container input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.modal-podcast .checkbox-container label {
  cursor: pointer;
  user-select: none;
}
.modal-podcast .checkbox-container .myc-checkbox {
  color: white !important;
}
.modal-podcast .checkbox-container .p-checkbox-label {
  color: white !important;
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes thumbnailZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes titleFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes descFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes buttonFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes infoFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes checkboxFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 480px) {
  .modal-podcast {
    width: 95vw;
    padding: 20px;
  }
  .modal-podcast__title {
    font-size: 18px;
  }
  .modal-podcast .podcast-thumbnail {
    height: 160px;
  }
  .modal-podcast__description {
    font-size: 14px;
  }
}
.modal-retroagir {
  max-width: 500px;
}
.modal-retroagir .desconto-calculo {
  font-size: 1rem;
  text-decoration: line-through;
  color: #3a3a3a;
}
.modal-retroagir .resposta-valor {
  display: flex;
  gap: 8px;
  align-items: center;
}

.retroagir-data-dialog {
  width: 29rem;
}
.retroagir-data-dialog p {
  line-height: 1.3;
}
.retroagir-data-dialog h4 {
  font-size: 1.3rem;
  color: #FF6B06;
  margin: 0;
}
.retroagir-data-dialog .p-dialog-header .p-dialog-title {
  display: inline !important;
  font-size: 1rem;
}
.retroagir-data-dialog p-footer {
  display: inline !important;
}
.retroagir-data-dialog .p-dialog-footer {
  background-color: #f1f4f5;
}
.retroagir-data-dialog .p-dialog-header {
  flex-direction: row;
  padding: 1rem 0.5rem 1rem 1.6rem !important;
}
.retroagir-data-dialog .p-dialog-content {
  padding: 0 1.6rem 1.25rem 1.6rem;
}
.retroagir-data-dialog .p-inputtext {
  border: none;
  background: #FAFAFA;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: none;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  height: 2.9rem;
}
.retroagir-data-dialog .p-inputtext:hover {
  background-color: #ededed;
  border-color: transparent;
  background-image: linear-gradient(to bottom, #FF6B06, #FF6B06), linear-gradient(to bottom, #ededed, #ededed) !important;
}
.retroagir-data-dialog button.p-button-icon-only .pi {
  margin-left: 0;
}
.retroagir-data-dialog .pi.pi-angle-up,
.retroagir-data-dialog .pi.pi-angle-down {
  font-family: "primeicons";
  transform: none;
  font-size: 1.2rem;
}
.retroagir-data-dialog .pi-angle-up:before {
  content: "" !important;
}
.retroagir-data-dialog .p-slider.p-slider-horizontal .p-slider-handle {
  top: 50%;
}
.retroagir-data-dialog .pi-angle-down:before {
  content: "" !important;
}
.retroagir-data-dialog .p-slider.p-slider-horizontal {
  top: -0.1rem;
  height: 3px;
  background-color: #FF6B06;
}
.retroagir-data-dialog .p-slider .p-slider-handle {
  background-color: #707070;
}
.retroagir-data-dialog .p-slider .p-slider-handle {
  background-color: #FF6B06;
}
.retroagir-data-dialog .p-slider .p-slider-range {
  background: #707070 !important;
}
.retroagir-data-dialog .p-button:disabled {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.retroagir-data-dialog .p-button-primary {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
  padding: 1.1rem !important;
}
.retroagir-data-dialog .desconto-calculo {
  font-size: 1rem;
  text-decoration: line-through;
  color: #3a3a3a;
}

.cupom-group input {
  border: none;
  background: #FAFAFA;
  outline: none;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: 66%;
}
.cupom-group input:hover {
  background-color: #ededed;
}
.cupom-group button {
  padding: 1rem 2rem;
}

.aviso-retroativo {
  max-width: 400px;
}
.aviso-retroativo a {
  color: #ff6b06;
  text-decoration: underline;
  cursor: pointer;
}

.processamento-pagamento {
  width: 27rem;
}
.processamento-pagamento .p-grid {
  margin: 0;
}
@keyframes custom-progress-spinner-color {
  100%, 0% {
    stroke: #FF6B06 !important;
  }
  40% {
    stroke: #FF6B06 !important;
  }
  66% {
    stroke: #FF6B06 !important;
  }
  80%, 90% {
    stroke: #FF6B06 !important;
  }
}
.processamento-pagamento p-footer {
  display: flex !important;
}
.processamento-pagamento .p-dialog-footer {
  background-color: #f1f4f5;
}
.processamento-pagamento p {
  text-align: center;
}
.processamento-pagamento h3 {
  text-align: center;
  margin-top: 0.5rem;
  padding: 0 1rem;
}
.processamento-pagamento .p-dialog .p-dialog-content {
  padding: 0 1.6rem 1.25rem 1.6rem;
}
.processamento-pagamento .p-button:disabled {
  opacity: 0.38 !important;
  background-color: #FF6B06 !important;
  color: white !important;
}
.processamento-pagamento .p-button {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 1.2rem;
}
.processamento-pagamento .p-dialog-footer button {
  margin: 0 0.5em 0 0.5rem;
}
.processamento-pagamento .p-button-outlined {
  border: 1px solid #FF6B06;
  padding: 1.1rem;
}
.processamento-pagamento .btns-footer {
  justify-content: space-between;
}
.processamento-pagamento .btn-footer {
  justify-content: flex-end;
}
.processamento-pagamento .btn-pagamento-erro {
  width: 100% !important;
}
.processamento-pagamento .btn-confirm-gray {
  background-color: #C4C4C4 !important;
  color: white !important;
  border: none;
}

.tela-pagamento .divider {
  background-color: #c8c8c8;
  width: 100%;
  height: 1px;
}
.tela-pagamento .titulo {
  font-size: 38px;
  font-weight: bold;
}
.tela-pagamento .subtitulo {
  font-size: 28px;
  font-weight: bold;
}
.tela-pagamento .termos-container {
  padding: 0.5rem;
  background: #ededed;
  border-radius: 4px;
}
.tela-pagamento .periodo-retroativo {
  font-size: 12px;
}
.tela-pagamento .cartao {
  padding: 40px;
  margin-bottom: -20%;
  padding-bottom: 0;
  position: relative;
  display: flex;
  justify-content: center;
}
.tela-pagamento .cartao .fundo {
  width: 80%;
}
.tela-pagamento .cartao .bandeira-container {
  position: absolute;
  width: calc(83% - 80px);
  height: calc(100% - 40px);
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.tela-pagamento .cartao .bandeira-container .bandeira {
  height: max-content;
  width: 20%;
}
.tela-pagamento .cartao .bandeira-container .bandeira .bandeira-img {
  width: 100%;
}
.tela-pagamento .cartao .bandeira-container .cartao-numbers {
  width: 100%;
  font-size: min(16px, max(calc(82vw / 70), 9px));
  display: flex;
  justify-content: space-between;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .tela-pagamento .cartao .bandeira-container .cartao-numbers {
    font-size: min(18px, calc(82vw / 30));
  }
}
.tela-pagamento .cartao-container {
  padding: 32px;
  padding-top: 25%;
  background-color: #e0e0e0;
  border-radius: 8px;
}
.tela-pagamento .dados-form-container {
  padding: 16px;
}
.tela-pagamento .pagamento-recorrencia label {
  margin-right: 9px;
  margin-left: 0px;
}
.tela-pagamento .pagamento-recorrencia .p-radiobutton .p-radiobutton-box {
  background: #ffffff;
  width: 20px !important;
  height: 20px !important;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
}
.tela-pagamento .cupom-container {
  background-color: #e1dede;
  border-radius: 6px;
  border: 1px solid #c8c8c8;
  margin-top: 85px !important;
}
.tela-pagamento .cupom-container .bottom {
  background-color: #d9d4d4;
}
.tela-pagamento .cupom-container .valor {
  color: #FF6B06;
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
}
.tela-pagamento .cupom-container .valor.riscado {
  text-decoration: line-through;
  opacity: 0.5;
  color: #000;
}
.tela-pagamento .cupom-container input {
  background-color: white;
  max-width: 200px;
  padding-left: 10px;
}
.tela-pagamento .cupom-container button {
  box-shadow: none !important;
  border-radius: 2px;
  height: 35px;
  width: 100px;
  font-size: 13px;
  text-transform: uppercase;
}
.tela-pagamento a {
  color: #ff8933;
  text-decoration: underline;
}
.tela-pagamento .selecionar-cards-bandeira {
  width: 100%;
  padding-inline: 8px;
}
.tela-pagamento .selecionar-cards-bandeira .label {
  margin: 0;
  font-weight: 600;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 8px));
  grid-template-rows: repeat(2, 1fr);
  justify-items: center;
  column-gap: 8px;
  row-gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira {
  box-shadow: none !important;
  display: inline-flex;
  width: fit-content;
  padding: 0;
  margin: 0;
  border: 0.5px solid #e0e0e0;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira .img-btn-bandeira {
  width: 100%;
}
.tela-pagamento .selecionar-cards-bandeira .selecionar-bandeiras .btn-bandeira.selected {
  background: transparent;
  border: 2px solid #ff6b06 !important;
}
.tela-pagamento .label-error {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #C62222;
  margin-top: 4px;
}
.tela-pagamento .termo-error {
  color: #C62222;
  font-weight: 700;
}
.tela-pagamento .h1 {
  font-size: 32px !important;
  font-weight: 600;
  margin: 0 !important;
  text-align: center;
  line-height: 32px !important;
}
.tela-pagamento .h2 {
  font-size: 24px !important;
  font-weight: 600;
  margin: 0;
  line-height: 24px !important;
}
.tela-pagamento .h5 {
  font-size: 1.25rem !important;
  font-weight: 600;
  margin: 0;
  line-height: 24px !important;
}
.tela-pagamento .disclaimer-hibrido {
  font-weight: 400;
  font-size: 14px;
}
.tela-pagamento .resumo-box {
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  background-color: #e0e0e0;
  margin-top: 28px;
  font-size: 16px;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.tela-pagamento .resumo-box:first-child {
  margin-top: 0px;
}
.tela-pagamento .resumo-box {
  margin-top: 24px;
}
.tela-pagamento .resumo-box .input-container {
  gap: 44px;
}
.tela-pagamento .resumo-box .resumo-valor-container {
  display: flex;
  justify-content: space-between;
}
.tela-pagamento .resumo-box .valor.riscado {
  color: #999999;
  text-decoration: line-through;
}
.tela-pagamento .resumo-box .cupom {
  color: #FF6B06;
}
.tela-pagamento .resumo-box .subtotal {
  font-weight: 700;
}
.tela-pagamento .resumo-box hr {
  border-top: 1px solid #999999;
  border-width: 1px 0 0 0;
  margin: 0rem 0;
}
.tela-pagamento .resumo-box .total-pagar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.tela-pagamento .resumo-box .total-pagar .total {
  font-weight: 700;
  color: #46a885;
}
.tela-pagamento .resumo-box .total-pagar .total .highlight {
  font-size: 36px;
}
.tela-pagamento .pi-info-circle {
  font-size: 20px;
  margin-left: 0.5rem;
}
.tela-pagamento .infos-finais {
  padding: 16px;
  background: #FEFBED;
  border: 1px solid #F2C14B;
  border-radius: 4px;
  margin-top: 24px;
}

.custom-accordion {
  box-shadow: none !important;
}
.custom-accordion .p-accordion-tab {
  box-shadow: none !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.custom-accordion .p-accordion-tab:not(.p-accordion-tab-active) > .p-accordion-header > .p-accordion-header-link > .p-accordion-toggle-icon.p-accordion-toggle-icon {
  transform: rotate(0deg);
}
.custom-accordion .p-accordion-tab.p-accordion-tab-active > .p-accordion-header > .p-accordion-header-link > .p-accordion-toggle-icon {
  transform: rotate(0deg);
}
.custom-accordion .p-accordion-tab:has(.label-error) .p-accordion-header {
  border: 1px solid #C62222 !important;
  background-color: #ffebee !important;
}
.custom-accordion .p-accordion-tab:has(.label-error) .p-accordion-header .p-accordion-header-text {
  color: #C62222 !important;
}
.custom-accordion .p-accordion-tab-active {
  margin-bottom: 0px;
}
.custom-accordion .p-accordion-header-link {
  text-decoration: none;
  background-color: transparent !important;
  display: inline-flex;
  flex-direction: row-reverse;
}
.custom-accordion .p-accordion-header-link .p-accordion-toggle-icon {
  font-size: 2rem;
}
.custom-accordion .p-accordion-header-link .p-accordion-header-text {
  font-weight: 600;
}
.custom-accordion .p-accordion-header {
  background-color: #c8c8c8;
  border-radius: 8px;
  border: 1px solid #BDBDBD;
  text-transform: uppercase;
}
.custom-accordion .p-accordion-header.p-highlight {
  border-radius: 8px 8px 0 0;
}

.adesao-button-text {
  color: #FF6B06 !important;
  background: transparent !important;
}
.adesao-button-text .pi {
  color: #FF6B06 !important;
}
.adesao-button-text:hover {
  background-color: #ffe1cc !important;
}

.default-container {
  max-width: 1180px;
  margin: auto !important;
}
.default-container .tip {
  opacity: 0.7;
  font-size: 14px;
}
.default-container button {
  box-shadow: none !important;
}
.default-container .accordion-cei .p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
}
.default-container .accordion-cei .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 5px !important;
}
.default-container .accordion-cei .p-accordion .p-accordion-header .p-accordion-header-link {
  color: #FF6B06;
}
.default-container .p-button-outlined .pi {
  color: #FF6B06;
}
.default-container .t1 {
  font-size: 32px !important;
  font-weight: 500;
  margin: 0 !important;
  margin-bottom: 8px !important;
  line-height: 32px !important;
}
.default-container .t2 {
  font-weight: 100 !important;
  font-size: 24px;
  margin: 0 !important;
  line-height: 24px !important;
}
.default-container .t3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 !important;
}
.default-container .card-icon {
  font-size: 80px;
}
.default-container .card-icon.color-primary {
  color: #FF6B06;
}
.default-container .card-icon.color-green {
  color: #46a885;
}
.default-container .card-icon.color-red {
  color: #C62222;
}

.professional-yt-video {
  position: relative;
}
.professional-yt-video .professional-yt-player {
  background-color: #000;
  width: 100%;
  height: 205px;
}
.professional-yt-video .professional-yt-title {
  background-color: #FF6B06;
  padding: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  font-weight: 700;
  position: absolute;
  top: -25px;
  left: -25px;
  width: 230px;
}

.movidesk-dialog .p-dialog .p-dialog-header {
  background-color: #3a3a3a !important;
  color: white !important;
  border-bottom: 1px solid #13191b !important;
  height: 40px !important;
}
.movidesk-dialog .p-dialog .p-dialog-header .pi {
  color: white !important;
}
.movidesk-dialog .p-dialog .p-dialog-content {
  padding: 0 !important;
}
.movidesk-dialog input {
  width: 100%;
  padding: 10px;
  height: 35px;
}
.movidesk-dialog button {
  box-shadow: none !important;
}
.movidesk-dialog button .pi {
  color: inherit !important;
  margin-left: 0 !important;
}

.migracao-header {
  background-color: black;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.migracao-inicio {
  margin: auto;
  max-width: 905px;
  padding: 16px;
}
.migracao-inicio .migracao-inicio__input {
  width: 100%;
}
.migracao-inicio .migracao-inicio__input input {
  width: 100%;
}
.migracao-inicio .migracao-inicio__checks {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.migracao-inicio .migracao-inicio__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 16px;
}
.migracao-inicio .migracao-inicio__content .migracao-inicio__titulo {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  color: #000000;
  text-align: center;
  margin-bottom: 16px;
}
.migracao-inicio .migracao-inicio__content p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #999999;
  text-align: center;
}
.migracao-inicio .migracao-inicio__content p b {
  color: black;
}

.pendencias-head {
  margin-bottom: 1rem;
  padding-bottom: 0.4rem;
}
@media (max-width: 600px) {
  .pendencias-head {
    flex-direction: column;
  }
}
.pendencias-head h2 {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 2rem;
}

.tela-pendencias-lista__content {
  background-color: white;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .tela-pendencias-lista {
    flex-direction: column;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
  }
}
.tela-pendencias-lista .tela-pendencias-lista__filtros {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px;
}
@media (max-width: 600px) {
  .tela-pendencias-lista .tela-pendencias-lista__filtros {
    flex-direction: column;
  }
}
.tela-pendencias-lista .tela-pendencias-lista__filtros.filtro-secundario {
  margin-top: -15px;
  align-items: center;
}
.tela-pendencias-lista .tela-pendencias-lista__filtros.filtro-secundario .filtros__item {
  flex: none;
}
.tela-pendencias-lista .tela-pendencias-lista__filtros .filtros__item {
  margin: 12px;
  flex: 1;
}
.tela-pendencias-lista .p-datatable {
  margin: 1rem 2rem;
}
.tela-pendencias-lista .p-datatable .p-datatable-tbody > tr > td:nth-child(3) {
  text-align: left;
  padding: 0.75rem 0.75rem;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.tela-pendencias-lista__sem-pendencia {
  font-weight: 600;
  margin-bottom: 12px;
  background: #fff0e5;
  border: 1px solid #ffe1cc;
  padding: 19px;
  border-radius: 4px;
  margin: 1rem 2rem;
}

.pendencia-detalhes {
  display: flex;
  flex-direction: column;
  max-width: 535px;
}
.pendencia-detalhes__descricao {
  font-weight: 600;
  margin-bottom: 12px;
  background: #fff0e5;
  border: 1px solid #ffe1cc;
  padding: 19px;
  border-radius: 12px;
}
.pendencia-detalhes__item {
  margin-bottom: 6px;
}

.mycc-modal-b3 {
  max-width: 440px;
}
.mycc-modal-b3 .logo-b3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.mycc-modal-b3 .logo-b3 img {
  width: 70px;
}
.mycc-modal-b3 .highlighted-text {
  background-color: #fff0e5;
  border: 1px solid #FF6B06;
  padding: 0.5rem;
  font-size: 12px;
  border-radius: 4px;
  margin-top: 12px !important;
}

.aviso {
  max-width: 1000px;
}

.pagina-aviso {
  background-color: white;
  height: 100vh;
}
.pagina-aviso a {
  color: #ff6b06;
  cursor: pointer;
}
.pagina-aviso a:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .pagina-aviso {
    height: 100%;
  }
}
.pagina-aviso__container {
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  gap: 130px;
  padding-top: 78px;
}
@media (max-width: 991px) {
  .pagina-aviso__container {
    flex-direction: column;
    padding: 32px;
  }
}
.pagina-aviso__logo {
  width: 214px;
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .pagina-aviso__logo {
    margin-bottom: 12px;
  }
}
.pagina-aviso__content {
  flex: 1;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
.pagina-aviso__content h1 {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin: 0 !important;
}
.pagina-aviso__content p {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin: 0 !important;
}
.pagina-aviso__buttons {
  display: flex;
  gap: 12px;
}
.pagina-aviso__image {
  flex: 1;
}
.pagina-aviso__image img {
  max-width: 378px;
}

.modal-data-inicial {
  max-width: 440px;
}

.troca-email-cliente {
  min-width: 400px;
}

.importar-saldo-inicial {
  max-width: 460px;
}
.importar-saldo-inicial p {
  color: #999999;
  font-weight: 400;
  font-size: 14px;
}
.importar-saldo-inicial__dragdrop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 18px;
  border-radius: 4px;
  border: 2px dashed #3b393a;
  margin-top: 16px;
  margin-bottom: 16px;
  align-items: center;
}
.importar-saldo-inicial__dragdrop-icone {
  flex: 1;
}
.importar-saldo-inicial__dragdrop-icone i {
  font-size: 34px;
}
.importar-saldo-inicial__dragdrop-texto {
  flex: 3;
  font-weight: 500;
  font-size: 14px;
  color: #616161;
  text-align: center;
}
.importar-saldo-inicial__arquivo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 18px;
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  gap: 24px;
}
.importar-saldo-inicial__arquivo-icone i {
  font-size: 24px;
}
.importar-saldo-inicial__arquivo-texto {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  color: #616161;
}
.importar-saldo-inicial__tip {
  background-color: #ededed;
  border-radius: 4px;
  padding: 12px;
  font-weight: 400;
  font-size: 14px;
}

.inadimplencia {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  text-align: center;
}
.inadimplencia h2 {
  margin: 0;
}
.inadimplencia__container {
  max-width: 600px;
  max-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.inadimplencia__buttons {
  display: flex;
  gap: 0 1rem;
}
.inadimplencia__inativar {
  padding: 16px;
  background-color: white;
  border-radius: 8px;
}
.inadimplencia__link {
  color: #FF6B06;
}
.inadimplencia__link :hover {
  text-decoration: underline;
}

.lista-darf__content {
  display: flex;
  flex-direction: row;
}
@media (max-width: 480px) {
  .lista-darf__content {
    flex-direction: column;
    gap: 32px;
  }
}
.lista-darf__duvidas {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.lista-darf__lista {
  flex: 1;
}
.lista-darf__filtro {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.lista-darf__filtro .myc-dropdown {
  max-width: 300px;
}

.darf-emissao {
  max-width: 450px;
}
.darf-emissao__divergencia {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
  border: 1px solid #C62222;
  border-radius: 4px;
  background-color: #ffebee;
}
.darf-emissao__divergencia .pi {
  color: #C62222;
}

.banner-retroativo {
  display: flex;
  padding: 24px;
  background: white;
  border-radius: 4px;
  justify-content: space-between;
}
.notificacao-invext {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  background-color: black;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 48px;
  padding-right: 48px;
  border-radius: 4px;
}
.notificacao-invext-fechar {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #999999;
  cursor: pointer;
}
@media (max-width: 480px) {
  .notificacao-invext {
    justify-content: center;
    padding-left: 18px;
    padding-right: 18px;
  }
}
.notificacao-invext__image {
  width: 222px;
  position: relative;
}
.notificacao-invext__image img {
  width: 222px;
  height: 213px;
  position: absolute;
}
@media (max-width: 480px) {
  .notificacao-invext__image {
    width: 0;
    display: none;
  }
}
.notificacao-invext__container {
  max-width: 771px;
}
@media (max-width: 480px) {
  .notificacao-invext__container {
    width: 100%;
  }
}
.notificacao-invext__top-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #ff6b06;
  margin-bottom: 12px;
}
.notificacao-invext__title {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: white;
  margin-bottom: 12px;
}
.notificacao-invext__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: white;
  margin-bottom: 28px;
}
.notificacao-invext__buttons {
  display: flex;
  align-items: center;
  gap: 24px;
}
.notificacao-invext__buttons .myc-button:not(.p-button-outlined) {
  color: black !important;
}

.importar-nota__container {
  background-color: white;
  border-radius: 4px;
}
.importar-nota__container a {
  color: #ff8933;
  text-decoration: underline;
}
.importar-nota__footer {
  display: flex;
  gap: 12px;
  padding: 20px;
}
.importar-nota__error {
  color: #C62222;
  padding: 12px;
  font-weight: bold;
}
.importar-nota__titulo {
  font-weight: 600;
  font-weight: 700;
  font-size: 21px;
  padding: 20px;
  padding-left: 28px;
  padding-right: 28px;
  border-bottom: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.importar-nota__titulo:hover {
  background-color: #f7f7f7;
}
.importar-nota__titulo .pi {
  font-size: 12px !important;
}
.importar-nota__aviso-investext {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-left: 16px;
}
.importar-nota__content {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.importar-nota__content-left {
  flex: 1;
}
.importar-nota__content-right {
  flex: 1;
  margin-top: 32px;
}
.importar-nota__content-notas {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  max-width: 600px;
}
.importar-nota__content-notas-title {
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px;
}
.importar-nota__content-nota {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #ededed;
  align-items: center;
  gap: 8px;
}
.importar-nota__content-nota span {
  font-weight: 700;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.importar-nota__content-dragdrop {
  padding: 42px;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
  min-height: 174px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importar-nota__content-dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.importar-nota__content-dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.importar-nota__content-dragdrop p {
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
}
.importar-nota__content-dragdrop span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.importar-nota__content-dropdown {
  margin-bottom: 20px;
}

.listagem-notas-exterior__container {
  padding: 1rem 5% !important;
}
.listagem-notas-exterior__filtro-ano {
  max-width: 200px;
}
.listagem-notas-exterior__listagem-container {
  background-color: white;
  border-radius: 10px;
  width: 100%;
  overflow: auto;
  margin-top: 32px;
}
.listagem-notas-exterior__listagem {
  min-width: 100%;
  outline: 1px solid white;
  outline-offset: -1px;
}
.listagem-notas-exterior__listagem, .listagem-notas-exterior__listagem-item, .listagem-notas-exterior__listagem-row {
  border: 1px solid #E0E0E0;
  border-collapse: collapse;
}
.listagem-notas-exterior__listagem-month {
  min-width: 150px;
  padding: 2rem;
  font-weight: 700;
}
.listagem-notas-exterior__listagem-item {
  padding: 1.5rem 0.5rem;
  min-width: 350px;
  width: fit-content;
}
.listagem-notas-exterior__account-number {
  font-weight: 400;
  font-size: 12px;
  padding: 4px;
  background: #e0e0e0;
  border-radius: 4px;
  color: #777777;
}
.listagem-notas-exterior__button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.listagem-notas-exterior__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.listagem-notas-exterior__lottie {
  max-width: 200px;
}
.listagem-notas-exterior__status-statement {
  padding: 6px 12px;
  border-radius: 4px;
}
.listagem-notas-exterior__status-statement.importado {
  border: 1px solid #46A885;
  color: #46A885;
  background: #E8FFF4;
}
.listagem-notas-exterior__status-statement.nao-importado {
  border: 1px solid #999999;
  color: #999999;
  background: #EDEDED;
}
.listagem-notas-exterior__status-statement.nao-statement {
  border: 1px solid #000;
  color: #000;
  opacity: 0.5;
}

.editar-nota-card {
  width: 450px;
}
@media (max-width: 942px) {
  .editar-nota-card {
    width: 100%;
  }
}
.editar-nota-card .nota-header {
  background-color: #fff0e5;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  border-radius: 8px;
}
.editar-nota-card .nota-header__group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.editar-nota-card .nota-header__icone {
  width: 40px;
  height: 40px;
  background-color: #ffe1cc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editar-nota-card .nota-header__content {
  display: flex;
  flex-direction: column;
}
.editar-nota-card .nota-header__content span:first-child {
  font-size: 14px;
}
.editar-nota-card .nota-header__content span:last-child {
  font-weight: bold;
}
.editar-nota-card .nota-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.editar-nota-card .nota-items .nota-item {
  display: flex;
  justify-content: space-between;
}
.editar-nota-card .nota-items .nota-item span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.editar-nota-card .nota-items .nota-item span:first-child {
  min-width: 43%;
}
.editar-nota-card .nota-items .nota-item.final {
  margin-top: 12px;
  padding-bottom: 8px;
  padding-top: 16px;
  border-top: 2px dashed #e0e0e0;
  font-weight: bold;
  position: sticky;
  bottom: -16px;
  background: white;
}
.editar-nota-card .nota-items .nota-item.checkbox {
  background-color: #ededed;
  border-radius: 8px;
  padding: 12px;
}
.editar-nota-card .nota-items .nota-item__tag {
  background-color: #999999;
  padding: 8px;
  border-radius: 4px;
  padding: 2px 9px;
  border-radius: 4px;
  font-weight: bolder;
  font-size: 10px;
  color: white;
}

.notas-container .customers-header i.pi.pi-exclamation-circle {
  margin-right: auto;
  padding-left: 5px;
  padding-bottom: 15px;
}

.notas-content {
  padding: 2rem 5%;
}

.sem-nota {
  background-color: white;
  border-radius: 4px;
  padding: 12px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.nota-aviso {
  border-radius: 4px;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding-top: 24px;
  border-top: 1px solid #e0e0e0;
}
.nota-aviso .obs {
  background-color: #e0e0e0;
  padding: 12px 24px;
  border-radius: 4px;
}
.nota-aviso p {
  margin-bottom: 10px !important;
}

.modal-aviso-prazo-notas .nota-aviso {
  padding: 0;
  margin: 0;
  border-top: none;
}
.modal-aviso-prazo-notas .nota-aviso .obs {
  max-width: 636px;
}

.notas-filtros {
  padding: 12px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 942px) {
  .notas-filtros {
    flex-direction: column;
  }
}

.notas-filtros-inputs {
  display: flex;
  gap: 12px;
}
@media (max-width: 942px) {
  .notas-filtros-inputs {
    flex-direction: column;
  }
}

.notas-lista {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin: 24px;
  border-radius: 4px;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 942px) {
  .notas-lista {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.notas-lista__inner {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 942px) {
  .notas-lista__inner {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}

.nota-meses {
  display: flex;
  justify-content: space-around;
  margin-top: 24px;
}
@media (max-width: 942px) {
  .nota-meses {
    overflow-x: scroll;
  }
}
.nota-meses .nota-mes {
  padding: 12px;
  flex: 1;
  text-transform: capitalize;
  display: flex;
  gap: 4px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.1s;
  border-bottom: 2px solid transparent;
}
.nota-meses .nota-mes i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nota-meses .nota-mes.todos {
  min-width: 182px;
  text-transform: none !important;
}
.nota-meses .nota-mes:hover {
  background-color: #e0e0e0;
  border-bottom: 2px solid #3a3a3a;
}
.nota-meses .nota-mes.selected {
  border-bottom: 2px solid #ff6b06;
}
.nota-meses .nota-mes.disabled {
  opacity: 0.2;
}

.aviso-prazo-notas {
  position: fixed;
  bottom: 25px;
  right: 25px;
}
.aviso-prazo-notas button .pi.pi-exclamation-circle {
  margin: 0;
}

.nota-exterior-card {
  width: 260px;
  background-color: white;
  border-radius: 8px;
  border: 2px solid #ffe1cc;
  height: 100%;
  min-height: 400px;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 942px) {
  .nota-exterior-card {
    width: 100%;
  }
}
.nota-exterior-card .top {
  display: flex;
  justify-content: space-between;
  background-color: #ffe1cc;
  padding: 12px;
}
.nota-exterior-card .top span:last-child {
  font-size: 14px;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nota-exterior-card .top span:first-child {
  font-weight: bold;
}
.nota-exterior-card .nota-header {
  background-color: #fff0e5;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.nota-exterior-card .nota-header__group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nota-exterior-card .nota-header__icone {
  width: 40px;
  height: 40px;
  background-color: #ffe1cc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nota-exterior-card .nota-header__content {
  display: flex;
  flex-direction: column;
}
.nota-exterior-card .nota-header__content span:first-child {
  font-size: 14px;
}
.nota-exterior-card .nota-header__content span:last-child {
  font-weight: bold;
}
.nota-exterior-card .nota-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
}
.nota-exterior-card .nota-items .nota-item {
  display: flex;
  justify-content: space-between;
}
.nota-exterior-card .nota-items .nota-item span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.nota-exterior-card .nota-items .nota-item span:last-child {
  font-weight: bold;
}
.nota-exterior-card .nota-items .nota-item.final {
  margin-top: 12px;
  padding-bottom: 8px;
  padding-top: 16px;
  border-top: 2px dashed #e0e0e0;
  font-weight: bold;
}
.nota-exterior-card .nota-items .nota-item__tag {
  background-color: #999999;
  padding: 8px;
  border-radius: 4px;
  padding: 2px 9px;
  border-radius: 4px;
  font-weight: bolder;
  font-size: 10px;
  color: white;
}

.nota-card {
  width: 260px;
  background-color: white;
  border-radius: 8px;
  border: 2px solid #ffe1cc;
}
@media (max-width: 942px) {
  .nota-card {
    width: 100%;
  }
}
.nota-card .top {
  display: flex;
  justify-content: space-between;
  background-color: #ffe1cc;
  padding: 12px;
}
.nota-card .top span:last-child {
  font-size: 14px;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nota-card .top span:first-child {
  font-weight: bold;
}
.nota-card .nota-header {
  background-color: #fff0e5;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.nota-card .nota-header__group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nota-card .nota-header__icone {
  width: 40px;
  height: 40px;
  background-color: #ffe1cc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nota-card .nota-header__content {
  display: flex;
  flex-direction: column;
}
.nota-card .nota-header__content span:first-child {
  font-size: 14px;
}
.nota-card .nota-header__content span:last-child {
  font-weight: bold;
}
.nota-card .nota-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
}
.nota-card .nota-items .nota-item {
  display: flex;
  justify-content: space-between;
}
.nota-card .nota-items .nota-item span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.nota-card .nota-items .nota-item span:last-child {
  font-weight: bold;
}
.nota-card .nota-items .nota-item.final {
  margin-top: 12px;
  padding-bottom: 8px;
  padding-top: 16px;
  border-top: 2px dashed #e0e0e0;
  font-weight: bold;
}
.nota-card .nota-items .nota-item__tag {
  background-color: #999999;
  padding: 8px;
  border-radius: 4px;
  padding: 2px 9px;
  border-radius: 4px;
  font-weight: bolder;
  font-size: 10px;
  color: white;
}

.configuracoes-iniciais-wrapper {
  background-color: white;
  padding: 12px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.configuracoes-iniciais-content {
  padding: 2rem 5%;
}
.configuracoes-iniciais-content .p-calendar .p-inputtext {
  width: 100% !important;
}
.configuracoes-iniciais-content__subtitle {
  background-color: white;
  padding: 22px;
  padding-bottom: 68px;
  gap: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.configuracoes-iniciais-content__subtitle span {
  font-size: 14px;
  flex: 1;
}
@media (max-width: 1060px) {
  .configuracoes-iniciais-content__subtitle {
    flex-direction: column;
    gap: 12px;
    padding: 0;
    padding-bottom: 22px;
  }
}
.configuracoes-iniciais-content__data-liberacao-imposto {
  display: inline-block;
}
.configuracoes-iniciais-content__salvar {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.configuracoes-iniciais-content__tipo-aba {
  border-radius: 4px;
  flex-direction: row;
  display: flex;
  gap: 12px;
  padding: 8px;
  margin-bottom: 4px;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.configuracoes-iniciais-content__tipo-acao {
  border-radius: 4px;
  flex-direction: row;
  display: flex;
  gap: 12px;
  padding: 6px;
  margin-left: 22px;
  margin-right: 22px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #eee;
  background-color: #fafafa;
}
@media (max-width: 1060px) {
  .configuracoes-iniciais-content__tipo-acao {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.configuracoes-iniciais-content__btn-tipo-acao-erro {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #C62222;
}
.configuracoes-iniciais-content__btn-tipo-acao-alteracao {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ffb580;
}
.configuracoes-iniciais-content__btn-tipo-acao-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.configuracoes-iniciais-content__btn-tipo-acao {
  flex: 1;
  padding: 8px;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  transition: 0.2s;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
.configuracoes-iniciais-content__btn-tipo-acao:hover {
  background-color: #eee;
}
.configuracoes-iniciais-content__btn-tipo-acao.selected {
  background-color: #fff0e5;
  color: #ff6b06;
  border: 1px solid #ff6b06;
}
@media (max-width: 1060px) {
  .configuracoes-iniciais-content__btn-tipo-acao {
    flex-basis: 40%;
  }
}
.configuracoes-iniciais-content__btn-tipo-aba {
  flex: 1;
  padding: 8px;
  text-align: center;
  transition: 0.2s;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
.configuracoes-iniciais-content__btn-tipo-aba:hover {
  background-color: #eee;
}
.configuracoes-iniciais-content__btn-tipo-aba.selected {
  background-color: #fff0e5;
  color: #ff6b06;
  border: 1px solid #ff6b06;
}

.card-saldo-vazio {
  border-radius: 4px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 22px;
}
.card-saldo-vazio__icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: white;
}
.card-saldo-vazio__icone i {
  color: #ff6b06;
  font-size: 22px;
}
.card-saldo-vazio__texto {
  font-size: 14px;
  flex: 1;
}

@media (max-width: 1060px) {
  .saldo-inicial-container {
    margin-left: 0;
    padding: 0;
  }
}
.saldo-inicial-container .saldo-inicial-content {
  padding: 8px 22px;
  background-color: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 1060px) {
  .saldo-inicial-container .saldo-inicial-content {
    padding: 0;
  }
}
.saldo-inicial-container .saldo-inicial-content ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.saldo-inicial-container .saldo-inicial-content ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.saldo-inicial-container .saldo-inicial-content ::-webkit-scrollbar-thumb {
  background: #888;
}
.saldo-inicial-container .saldo-inicial-content ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.saldo-inicial-container .saldo-inicial-content__scrollable {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 12px;
}
.saldo-inicial-container .saldo-inicial-content__tabela {
  border: 1px solid #eee;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1060px) {
  .saldo-inicial-container .saldo-inicial-content__tabela {
    overflow-y: scroll;
  }
}
.saldo-inicial-container .saldo-inicial-content__linha {
  display: flex;
  gap: 8px;
  padding: 4px;
  min-width: fit-content;
  margin-right: 4px;
  margin-bottom: 4px;
}
.saldo-inicial-container .saldo-inicial-content__linha.erro {
  border: 2px solid #fd7e7e;
  background-color: #ffe3e3;
  border-radius: 4px;
}
.saldo-inicial-container .saldo-inicial-content__coluna {
  flex: 1;
  min-width: 230px;
}
.saldo-inicial-container .saldo-inicial-content__coluna span {
  text-align: center;
  width: 100%;
  display: block;
}
.saldo-inicial-container .saldo-inicial-content__scroll-tip {
  display: none;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.saldo-inicial-container .saldo-inicial-content__scroll-tip .icon {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #fff0e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saldo-inicial-container .saldo-inicial-content__scroll-tip .icon i {
  color: #ff6b06;
}
@media (max-width: 1800px) {
  .saldo-inicial-container .saldo-inicial-content__scroll-tip {
    display: flex;
  }
}
.saldo-inicial-container .saldo-inicial-content__scroll-tip.force-display {
  display: flex !important;
}
.saldo-inicial-container .saldo-inicial-content__coluna-btn {
  width: 34px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 4px;
}
.saldo-inicial-container .saldo-inicial-content__coluna-status {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.saldo-inicial-container .saldo-inicial-content__coluna-status.red {
  background-color: #C62222;
}
.saldo-inicial-container .saldo-inicial-content__coluna-status.yellow {
  background-color: #ff6b06;
}
.saldo-inicial-container .saldo-inicial-content__coluna-status.green {
  background-color: #46a885;
}
.saldo-inicial-container .saldo-inicial-content__coluna-status.neutral {
  background-color: #e0e0e0;
}
.saldo-inicial-container .saldo-inicial-content__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 32px;
  gap: 12px;
}
@media (max-width: 1060px) {
  .saldo-inicial-container .saldo-inicial-content__buttons {
    flex-direction: column;
    align-items: normal;
  }
}

.modal-aviso-clear {
  width: 100%;
  max-width: 400px;
}
.modal-aviso-clear a {
  color: #ff6b06 !important;
  text-decoration: underline !important;
}

.notas-opf-flexivel {
  display: flex;
  flex-direction: column;
}
.notas-opf-flexivel__container-step-fieldset {
  border: 1px solid #e0e0e0;
  padding: 12px;
  margin-bottom: 32px;
  border-radius: 8px;
  background-color: #fbfbfb;
}
.notas-opf-flexivel__container-input {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 32px;
  flex-wrap: wrap;
}
.notas-opf-flexivel__container-registro {
  margin-top: 32px;
}
.notas-opf-flexivel__input {
  flex: 1;
}
.notas-opf-flexivel__input-negocios {
  flex: 1;
}
@media (max-width: 600px) {
  .notas-opf-flexivel__input {
    flex: 1 auto;
  }
  .notas-opf-flexivel__input-negocios {
    flex: 1 auto;
  }
  .notas-opf-flexivel__container-overshadow {
    display: none !important;
  }
}
.notas-opf-flexivel__container-action {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
}
.notas-opf-flexivel__container-action-step {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 16px;
}

.tabela-subtela-nota-corretagem td:last-child {
  border-bottom: none !important;
}
.tabela-subtela-nota-corretagem__header--action > th:last-child {
  width: 3em;
}
.tabela-subtela-nota-corretagem__header--action-button > th:last-child {
  width: 12%;
}
.tabela-subtela-nota-corretagem__content .icone-action:hover {
  cursor: pointer;
  color: #FF6B06;
}
.tabela-subtela-nota-corretagem__content .icon-hover:hover {
  cursor: pointer;
}
.tabela-subtela-nota-corretagem__content th,
.tabela-subtela-nota-corretagem__content td, .tabela-subtela-nota-corretagem__header th,
.tabela-subtela-nota-corretagem__header td {
  border-top: none !important;
  background: #fafafa !important;
  color: #616161 !important;
}
.tabela-subtela-nota-corretagem__header th:last-child {
  width: 35px !important;
}

.notas-acao-opcao {
  display: flex;
  flex-direction: column;
}
.notas-acao-opcao__container-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 12px;
}
@media (max-width: 690px) {
  .notas-acao-opcao__container-info {
    flex-direction: column;
  }
}
.notas-acao-opcao__container-info span {
  font-size: 0.98rem;
  font-weight: 500;
}
.notas-acao-opcao__container-info span:first-child {
  color: #EF2323;
}
.notas-acao-opcao__container-registro {
  margin-top: 32px;
}
.notas-acao-opcao__message-alert {
  font-size: 0.98rem;
  font-weight: 500;
  display: flex;
  color: #EF2323;
}
.notas-acao-opcao__container-step-fieldset {
  border: 1px solid #e0e0e0;
  padding: 12px;
  margin-bottom: 32px;
  border-radius: 8px;
  background-color: #fbfbfb;
}
.notas-acao-opcao__container-input {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 32px;
  flex-wrap: wrap;
}
.notas-acao-opcao__titulo-card-container {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notas-acao-opcao__container-grid-mercado {
  margin-top: 32px;
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  grid-template-rows: auto 1fr 1fr 1fr;
  grid-gap: 12px;
}
.notas-acao-opcao__header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
}
.notas-acao-opcao__card {
  padding: 10px 32px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  margin-top: 32px;
}
.notas-acao-opcao__card .divider {
  width: 100%;
  height: 1px;
  background-color: #eee;
  margin-top: 16px;
  margin-bottom: 8px;
}
.notas-acao-opcao__content {
  margin-top: 32px;
  margin-bottom: 22px;
}
.notas-acao-opcao__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 16px;
}
.notas-acao-opcao__content td {
  font-size: 0.94rem;
  color: #999999;
}
.notas-acao-opcao__container-action {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
}
.notas-acao-opcao__container-action-step {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 16px;
}
.notas-acao-opcao__input {
  flex: 1 20%;
}
@media (max-width: 600px) {
  .notas-acao-opcao__input {
    flex: 1 auto;
  }
}

.notas-futuro {
  display: flex;
  flex-direction: column;
}
.notas-futuro__container-registro {
  margin-top: 32px;
}
.notas-futuro__container-registro-resumo {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.notas-futuro__container-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}
.notas-futuro__titulo-tabela-resumo {
  font-size: 1.1rem;
  font-weight: 600;
}
.notas-futuro__message-alert {
  font-size: 0.98rem;
  font-weight: 500;
  max-width: 50%;
  display: flex;
  color: #EF2323;
}
.notas-futuro__container-step-fieldset {
  border: 1px solid #e0e0e0;
  padding: 12px;
  margin-bottom: 32px;
  border-radius: 8px;
  background-color: #fbfbfb;
}
.notas-futuro__container-input {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 32px;
  flex-wrap: wrap;
}
.notas-futuro__input-negocios {
  flex: 1 0 10rem;
}
.notas-futuro__titulo-card-container {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notas-futuro__container-grid-mercado {
  margin-top: 32px;
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  grid-template-rows: auto 1fr 1fr 1fr;
  grid-gap: 12px;
}
.notas-futuro__header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
}
.notas-futuro__card {
  padding: 10px 32px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  margin-top: 32px;
}
.notas-futuro__card .divider {
  width: 100%;
  height: 1px;
  background-color: #eee;
  margin-top: 16px;
  margin-bottom: 8px;
}
.notas-futuro__content {
  margin-top: 32px;
  margin-bottom: 22px;
}
.notas-futuro__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 16px;
}
.notas-futuro__content td {
  font-size: 0.94rem;
  color: #999999;
}
.notas-futuro__container-action {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
}
.notas-futuro__container-action-step {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 16px;
}
.notas-futuro__input {
  flex: 1 20%;
}
@media (max-width: 600px) {
  .notas-futuro__input {
    flex: 1 auto;
  }
}

.movidesk-container {
  height: 500px;
  flex-direction: column;
  gap: 22px;
  display: flex;
}
.movidesk-container__iniciar {
  display: flex;
  flex-direction: column;
  padding: 22px;
  gap: 8px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.movidesk-container__titulo {
  font-size: 18px;
  font-weight: bold;
}
.movidesk-container__texto {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 12px;
}
.movidesk-container__icone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff0e5;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.movidesk-container__buscar {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.notificacao-ongoing {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 18px 28px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) !important;
  gap: 16px;
  margin-bottom: 12px;
}
@media (max-width: 900px) {
  .notificacao-ongoing {
    flex-direction: column;
    align-items: center;
  }
}
.notificacao-ongoing__content {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  gap: 16px;
}
.notificacao-ongoing__content-icon {
  background-color: red;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notificacao-ongoing__content-icon.CINZA {
  background-color: #e0e0e0;
}
.notificacao-ongoing__content-icon.AZUL {
  background-color: #003475;
}
.notificacao-ongoing__content-icon.AZUL .pi {
  color: white !important;
}
.notificacao-ongoing__content-icon.VERDE {
  background-color: #46a885;
}
.notificacao-ongoing__content-icon.VERDE .pi {
  color: white !important;
}
.notificacao-ongoing__content-icon.LARANJA {
  background-color: #ff6b06;
}
.notificacao-ongoing__content-icon.LARANJA .pi {
  color: white !important;
}
.notificacao-ongoing__content-icon.VERMELHO {
  background-color: #EF2323;
}
.notificacao-ongoing__content-icon.VERMELHO .pi {
  color: white !important;
}
.notificacao-ongoing__content-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notificacao-ongoing__content-text h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
}
.notificacao-ongoing__content-text p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.notificacao-ongoing__content-text p a {
  text-decoration: underline !important;
  color: #ff6b06 !important;
}
.notificacao-ongoing__content-text p .orange {
  color: #ff6b06 !important;
}
.notificacao-ongoing__buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.notificacao-ongoing__buttons .button {
  width: 100%;
}
@media (max-width: 900px) {
  .notificacao-ongoing__buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 8px;
  }
}

.home-controlador .home-controlador-container__ongoing {
  margin-bottom: 42px;
}
.home-controlador .home-controlador-container__ultima-att {
  font-weight: normal;
  margin-right: 24px;
  cursor: text !important;
}
@media (max-width: 990px) {
  .home-controlador .home-controlador-container__ultima-att {
    display: none;
  }
}
.home-controlador .home-controlador-container__exibevalores {
  display: flex;
  gap: 4px;
  -webkit-user-select: none;
  user-select: none;
  -moz-user-select: none;
  align-items: center;
  font-weight: bold;
  flex: 1;
  font-size: 14px;
  justify-content: flex-end;
}
.home-controlador .home-controlador-container__exibevalores span {
  user-select: none;
  -moz-user-select: none;
  cursor: pointer;
}
@media (max-width: 990px) {
  .home-controlador .home-controlador-container__exibevalores span {
    display: none;
  }
}
.home-controlador .home-controlador-container__exibevalores img {
  cursor: pointer;
  margin-top: 2px;
  width: 20px;
}
.home-controlador .home-controlador-container__tabs {
  display: flex;
  gap: 8px;
  padding-top: 32px;
}
.home-controlador .home-controlador-container__importacoes {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-controlador .home-controlador-container__tab {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px;
  cursor: pointer;
}
.home-controlador .home-controlador-container__tab img {
  width: 15px;
  height: 15px;
}
.home-controlador .home-controlador-container__tab.active {
  color: #ff6b06;
  border-bottom: 2px solid #ff6b06;
}

.home-controlador-content .home-blur {
  opacity: 0.4;
  pointer-events: none;
  transition: 0.2s;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.home-container {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-top: 12px;
  padding-bottom: 32px;
}
@media (max-width: 990px) {
  .home-container {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.home-container__notificacoes {
  margin-top: -12px;
}
.home-container__date {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 990px) {
  .home-container__date {
    flex-direction: column;
    align-items: normal;
  }
  .home-container__date .myc-datepicker {
    width: 100%;
    flex: 1;
  }
}
.home-container__date-disclaimer {
  color: #000;
  font-weight: bold;
  align-items: center;
  display: flex;
  gap: 8px;
  padding: 12px 18px;
  border: 1px solid #ff6b06;
  border-radius: 29px;
  background: #fff0e5;
}
.home-container__date-disclaimer .pi {
  color: #ff6b06 !important;
  font-size: 18px !important;
}
.home-container__filters {
  padding: 12px;
  padding-bottom: 4px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
@media (max-width: 990px) {
  .home-container__filters {
    padding-left: 0;
    flex-direction: column;
    padding-right: 0;
    position: sticky;
    top: 66px;
    background: white;
    padding: 15px;
    z-index: 100;
    border-radius: 12px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  }
  .home-container__filters .shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
  }
}
.home-container__cards {
  display: flex;
  align-items: stretch;
  gap: 22px;
}
@media (max-width: 1000px) {
  .home-container__cards {
    gap: 12px;
    flex-direction: column;
    align-items: stretch;
  }
}
.home-container__card {
  flex: 1;
  background-color: white;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.home-container .home-card-blur {
  opacity: 0.4;
  pointer-events: none;
  transition: 0.2s;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.ultimas-importacoes-content {
  max-width: 480px;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 400px;
}
.ultimas-importacoes-content__aviso {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background-color: #ededed;
  border-radius: 4px;
  margin-top: 12px;
}
.ultimas-importacoes-content .cabecalho {
  padding: 14px;
}
.ultimas-importacoes-content .inst-logo {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.ultimas-importacoes-content__abas {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ededed;
  margin-bottom: 28px;
}
.ultimas-importacoes-content__aba {
  font-size: 14px;
  font-weight: bold;
  transition: 0.2s;
  border-bottom: 2px solid transparent;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
}
.ultimas-importacoes-content__aba:hover {
  border-bottom: 2px solid #ededed;
}
.ultimas-importacoes-content__aba.active {
  color: #ff6b06;
  border-bottom: 2px solid #ff6b06;
}
.ultimas-importacoes-content__aba.active:hover {
  border-bottom: 2px solid #ff6b06;
}

.modal-oferta-proativa {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.modal-oferta-proativa b {
  color: #ff6b06;
  font-weight: bold;
}

.bloqueio-b3-tip {
  background-color: #ededed;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 42px;
}

.home-rentabilidade .home-rentabilidade-container {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-top: 12px;
  padding-bottom: 32px;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container {
    padding-right: 10px;
    padding-left: 10px;
    gap: 16px;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-card {
  background-color: white;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title h3 {
  color: #000;
  font-family: Matter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 99%;
  margin: 0;
  padding: 0;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title2 h3 {
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 99%;
  margin: 0;
  padding: 0;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title-spin {
  flex: 1;
  margin-left: -4px;
  margin-top: -8px;
}
.home-rentabilidade .home-rentabilidade-container .home-card-title-spin i {
  font-size: 22px;
  font-weight: 800;
  color: #ff8933;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-cards {
  display: flex;
  flex-direction: row;
  gap: 22px;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-cards {
    flex-direction: column;
    gap: 16px;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-cards.flex-height {
  align-items: flex-start;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-cards.flex-height {
    align-items: stretch;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-patrimonio {
  flex: 2;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-right {
  display: flex;
  flex-direction: column;
  gap: 22px;
  flex: 1;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes {
  flex: 1;
  display: flex;
  gap: 22px;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes {
    max-width: 100%;
    gap: 16px;
    flex-direction: column;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__cards-variacao {
  display: flex;
  gap: 12px;
  align-items: center;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  border: 1px solid #ededed;
  border-radius: 4px;
  padding: 12px;
  transition: 0.2s;
  cursor: pointer;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao:hover {
  background-color: #ededed;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-title {
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 16.8px */
  display: flex;
  align-items: center;
  gap: 6px;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-title .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-title span {
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  /* "overflow" value must be different from "visible" */
  text-overflow: ellipsis;
  flex: 1;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-subtitle {
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 99%;
  /* 13.86px */
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-value {
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 99%;
  /* 11.88px */
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-value.red {
  color: #C62222;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacoes__card-variacao .variacao-value.green {
  color: #46a885;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacao-positiva,
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacao-negativa {
  flex: 1;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacao-positiva,
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-variacao-negativa {
    max-width: 100%;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-proventos {
  flex: 1;
  max-width: 400px;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-proventos {
    max-width: 100%;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-alocacao {
  flex: 1;
  max-width: 355px;
}
@media (max-width: 990px) {
  .home-rentabilidade .home-rentabilidade-container .home-rentabilidade-alocacao {
    max-width: 100%;
  }
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-alocacao .home-card-title {
  margin-bottom: 40px;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-rentabilidade {
  flex: 2;
}
.home-rentabilidade .home-rentabilidade-container .home-rentabilidade-rentabilidade .home-card-title {
  margin-bottom: 40px;
}

.card-rentabilidade {
  position: relative;
}
.card-rentabilidade__produtos {
  position: absolute;
  top: -62px;
  right: 0;
  max-width: 250px;
}
@media (max-width: 990px) {
  .card-rentabilidade__produtos {
    position: relative;
    max-width: 100%;
    top: 0;
    right: 0;
  }
}
.card-rentabilidade__banner {
  background-color: #ededed;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.card-rentabilidade__banner .pi-question-circle {
  font-size: 18px;
  color: #999999;
}
.card-rentabilidade__banner a {
  color: #ff6b06 !important;
  text-decoration: underline !important;
}
.card-rentabilidade__banner-text {
  flex: 1;
}
.card-rentabilidade__banner-text .pi {
  font-size: 12px !important;
}
.card-rentabilidade__banner .pi-times {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: 0.2s;
}
.card-rentabilidade__banner .pi-times:hover {
  background-color: #e0e0e0;
}
.card-rentabilidade__filtros {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  margin-top: 28px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .card-rentabilidade__filtros {
    gap: 8px;
  }
}
.card-rentabilidade__filtro {
  display: flex;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.738px;
  /* 156.15% */
  text-transform: uppercase;
  position: relative;
  cursor: pointer !important;
}
.card-rentabilidade__filtro.filtro-ativo {
  background-color: #ff6b06;
  border: 1px solid #ff6b06;
  color: white;
}
.card-rentabilidade__filtro .label {
  margin-top: -1px;
}
.card-rentabilidade__filtro .p-calendar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer !important;
}
.card-rentabilidade__filtro .p-calendar input {
  cursor: pointer !important;
}
.card-rentabilidade__resumo {
  display: flex;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  gap: 32px;
  max-width: 600px;
  margin-bottom: 42px;
}
@media (max-width: 990px) {
  .card-rentabilidade__resumo {
    flex-direction: column;
    gap: 12px;
  }
}
.card-rentabilidade__resumo-titulo {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.card-rentabilidade__resumo-subtitulo {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 95.238% */
  display: flex;
  gap: 12px;
  align-items: center;
}
.card-rentabilidade__resumo-titulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  color: #999999;
}
@media (max-width: 990px) {
  .card-rentabilidade__resumo-titulo2 {
    font-weight: bold;
  }
}
.card-rentabilidade__resumo-subtitulo2 {
  color: #46a885;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.card-rentabilidade__resumo-tag {
  display: flex;
  padding: 1px 3px 0px 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  background: #e4e4e4;
  color: #101010;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.417px;
  /* 128.472% */
}
.card-rentabilidade__resumo__row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.card-rentabilidade__resumo__subcolumn {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.card-rentabilidade__resumo__row2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-around;
  padding-left: 8px;
  border-left: 1px solid #e0e0e0;
}
@media (max-width: 990px) {
  .card-rentabilidade__resumo__row2 {
    border: none;
  }
}
.card-rentabilidade__resumo .valor-positivo {
  color: #46a885;
}
.card-rentabilidade__resumo .valor-negativo {
  color: #EF2323;
}
.card-rentabilidade__resumo .sm {
  font-size: 12px !important;
}
.card-rentabilidade__switches {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
  margin-top: 42px;
  justify-content: center;
}
@media (max-width: 990px) {
  .card-rentabilidade__switches {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.card-rentabilidade__switch {
  display: flex;
  gap: 4px;
  align-items: center;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
.card-rentabilidade__switch span {
  flex: 1;
}
.card-rentabilidade__switch .myc-switch {
  scale: 0.8;
  margin-right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-rentabilidade__switch .myc-switch .p-inputswitch {
  height: 24px;
  width: 45px !important;
}
.card-rentabilidade__switch-line {
  width: 16px;
  height: 2px;
  border-radius: 5px;
}
.card-rentabilidade__switch-line.carteira {
  background-color: #ff8933;
}
.card-rentabilidade__switch-line.cdi {
  background-color: #00d1ff;
}
.card-rentabilidade__switch-line.dolar {
  background-color: #088435;
}
.card-rentabilidade__switch-line.ibov {
  background-color: #810198;
}

.card-patrimonio-home__container-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}
.card-patrimonio-home__container-flex {
  flex: 1 1 auto;
}
.card-patrimonio-home__container-row-graph {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 16px;
}
.card-patrimonio-home__container-row-graph-group {
  display: flex;
  flex: 1 1 auto;
  gap: 32px;
}
.card-patrimonio-home__container-column-label {
  display: flex;
  flex-direction: column;
  text-align: start;
  align-items: start;
}
.card-patrimonio-home__container-column-label p {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.card-patrimonio-home__container-column-label h4 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.card-patrimonio-home__container-column-label h4.green {
  color: #46a885;
}
.card-patrimonio-home__container-column-label h4.red {
  color: #EF2323;
}
.card-patrimonio-home__container-column-label span {
  display: flex;
  padding: 2px 8px;
  align-items: flex-start;
  margin-top: -28px;
  margin-bottom: 6px;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-patrimonio-home__container-column-label span i {
  font-size: 12px;
}
.card-patrimonio-home__container-column-label span.green {
  background-color: #cfe5dd;
  color: #46a885;
}
.card-patrimonio-home__container-column-label span.red {
  background-color: #ffebee;
  color: #EF2323;
}
.card-patrimonio-home__container-column-label span.neutral {
  background-color: #ffe1cc;
  color: #ff8933;
}
.card-patrimonio-home__container-img {
  width: 64px;
}
.card-patrimonio-home__container-img img {
  width: 64px;
}
@media (max-width: 768px) {
  .card-patrimonio-home__container-flex {
    flex: none;
    width: 45%;
  }
}

.card-alocacao-home__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  margin: 35px 0px;
}
.card-alocacao-home__chart-container {
  position: relative;
}
.card-alocacao-home__container-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-alocacao-home__container-label p {
  color: #999999;
  font-size: 12px;
  text-align: center;
}
.card-alocacao-home__container-label h4 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.card-alocacao-home__container-list {
  width: 100%;
}
.card-alocacao-home__container-list ul {
  margin: 0;
  padding: 0;
}
.card-alocacao-home__container-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.card-alocacao-home__container-list li:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.card-alocacao-home__container-list__label {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.card-alocacao-home__container-list__label span {
  font-weight: 700;
}
.card-alocacao-home__container-list__item-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.card-alocacao-home__container-list__point-list {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.card-proventos-home__container-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}
.card-proventos-home__container-flex {
  flex: auto;
}
.card-proventos-home__container-column-label {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.card-proventos-home__container-column-label p {
  color: #999999;
  font-size: 12px;
}
.card-proventos-home__container-column-label h4 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.card-proventos-home__container-column-label span {
  color: #ededed;
  border-radius: 12px;
  height: 15px;
  font-size: 0.85rem;
  font-weight: 400;
  width: fit-content;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .card-proventos-home__container-flex {
    flex: none;
    width: 45%;
  }
}

.alocacao-patrimonio {
  display: flex;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  justify-content: center;
}
.alocacao-patrimonio__container-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  width: 98%;
}
.alocacao-patrimonio__chart-container {
  position: relative;
}
.alocacao-patrimonio__container-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.alocacao-patrimonio__container-label p {
  font-size: 12px;
  text-align: center;
}
.alocacao-patrimonio__container-label h4 {
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.alocacao-patrimonio__container-list {
  width: 100%;
}
.alocacao-patrimonio__container-list ul {
  margin: 0;
  padding: 0;
}
.alocacao-patrimonio__container-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 18px 12px;
  cursor: pointer;
  transition: 0.2s;
}
.alocacao-patrimonio__container-list li:hover {
  background-color: #fefbed;
}
.alocacao-patrimonio__container-list li.active {
  background-color: #fefbed;
}
.alocacao-patrimonio__container-list li:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.alocacao-patrimonio__container-list__label {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.alocacao-patrimonio__container-list__label span {
  font-weight: 700;
}
.alocacao-patrimonio__container-list__item-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.alocacao-patrimonio__container-list__point-list {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.table-responsive {
  position: relative;
  overflow-y: scroll;
  overflow-x: scroll;
  white-space: nowrap;
}

.patrimonio-tempo-real__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.patrimonio-tempo-real__ativo {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.patrimonio-tempo-real__ativo span.vencimento {
  color: black;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}
.patrimonio-tempo-real__ativo span.tipo-grupo {
  color: #999999;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}
.patrimonio-tempo-real__grafico-grupo-legendas {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grafico-grupo-legendas {
    margin-left: 0;
    margin-right: 0;
  }
}
.patrimonio-tempo-real__grafico-grupo-legenda {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 6px;
  align-items: center;
}
.patrimonio-tempo-real__grafico-grupo-legenda-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.patrimonio-tempo-real__grafico-grupo {
  display: flex;
  border-radius: 3px;
  background-color: #ededed;
  margin-top: 16px;
  margin-bottom: 16px;
}
.patrimonio-tempo-real__grafico-grupo-bar {
  height: 10px;
}
.patrimonio-tempo-real__grafico-grupo-bar:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.patrimonio-tempo-real__grafico-grupo-bar:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.patrimonio-tempo-real__switch-dolar {
  display: flex;
  gap: 4px;
  align-items: center;
}
.patrimonio-tempo-real__switch-dolar span {
  font-weight: bold;
  margin-top: -2px;
}
.patrimonio-tempo-real__switch-dolar .myc-switch {
  scale: 0.8;
  margin-right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patrimonio-tempo-real__switch-dolar .myc-switch .p-inputswitch {
  height: 24px;
  width: 45px !important;
}
.patrimonio-tempo-real__config {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
  margin-top: 12px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 22px;
}
.patrimonio-tempo-real__config .myc-dropdown {
  height: 40px;
}
.patrimonio-tempo-real__config .myc-button button .pi {
  margin-right: 0px !important;
}
.patrimonio-tempo-real__grupo-titulo {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 0px;
  transition: 0.2s;
  border-radius: 4px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1080px) {
  .patrimonio-tempo-real__grupo-titulo {
    width: 94%;
  }
}
@media (max-width: 900px) {
  .patrimonio-tempo-real__grupo-titulo {
    width: 100%;
  }
}
.patrimonio-tempo-real__grupo-titulo-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 200px;
  min-width: 180px;
  white-space: unset;
  line-break: anywhere;
  flex: 1;
}
.patrimonio-tempo-real__grupo-titulo-label span {
  font-size: 12px;
}
.patrimonio-tempo-real__grupo-titulo.over {
  transition: all 0.3s ease;
  border-bottom: 2px solid #999999;
}
.patrimonio-tempo-real__grupo-titulo.dragging {
  transition: all 0.3s ease;
  opacity: 0.5;
  /* Semi-transparent */
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grupo-titulo {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 18px;
  }
}
.patrimonio-tempo-real__grupo-titulo:hover {
  background-color: #fafafa !important;
}
.patrimonio-tempo-real__grupo-titulo h2 {
  font-family: Matter;
  font-size: 20px !important;
  min-width: 238px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 100% */
  margin: 0;
  padding: 0;
  display: flex;
  white-space: nowrap;
  gap: 6px;
  align-items: center;
}
.patrimonio-tempo-real__grupo-titulo h2 span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 190px;
}
.patrimonio-tempo-real__grupo-titulo__grafico {
  flex: 1;
  background-color: #ededed;
  border: 1px solid #e0e0e0;
  height: 38px;
  width: 100%;
  border-radius: 4px;
  display: flex;
}
.patrimonio-tempo-real__grupo-titulo__grafico-bar {
  display: flex;
  align-items: center;
  color: white;
  border-radius: 4px;
}
.patrimonio-tempo-real__grupo-titulo__grafico-bar span {
  padding: 12px;
}
.patrimonio-tempo-real__grupo-titulo__botao i {
  color: black !important;
  font-size: 14px;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grupo-titulo__botao {
    display: none;
  }
}
.patrimonio-tempo-real__grupo-resumo {
  display: flex;
  display: flex;
  padding: 23px 16px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
  transition: 0.2s;
  width: 100%;
}
.patrimonio-tempo-real__grupo-resumo:hover {
  background-color: #fafafa;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grupo-resumo {
    flex-direction: column;
    align-items: flex-start;
  }
}
.patrimonio-tempo-real__grupo-resumo-card {
  display: flex;
  padding: 0px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-left: 1px solid #e0e0e0;
  flex: 1;
  min-width: 130px;
}
.patrimonio-tempo-real__grupo-resumo-card:last-child {
  min-width: 225px;
}
@media (max-width: 1080px) {
  .patrimonio-tempo-real__grupo-resumo-card:last-child {
    min-width: 0;
  }
}
.patrimonio-tempo-real__grupo-resumo-card:nth-child(3) {
  min-width: 225px;
}
@media (max-width: 1080px) {
  .patrimonio-tempo-real__grupo-resumo-card:nth-child(3) {
    min-width: 0;
  }
}
.patrimonio-tempo-real__grupo-resumo-card:first-child {
  border-left: none;
}
.patrimonio-tempo-real__grupo-resumo-card.red {
  border-left: 2px solid #C62222;
  color: #C62222;
}
.patrimonio-tempo-real__grupo-resumo-card.green {
  border-left: 2px solid #46a885;
  color: #46a885;
}
.patrimonio-tempo-real__grupo-resumo-botao i {
  color: black !important;
  font-size: 14px;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grupo-resumo-botao {
    display: none;
  }
}
.patrimonio-tempo-real__grupo-resumo-card-titulo {
  font-family: Matter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1300px) {
  .patrimonio-tempo-real__grupo-resumo-card-titulo {
    flex-direction: column-reverse;
    align-items: baseline;
  }
}
.patrimonio-tempo-real__grupo-resumo-card-subtitulo {
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.patrimonio-tempo-real__lista-posicoes-holder {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-top: 22px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  max-width: calc(1700px - 133px);
  width: calc(100vw - 194px);
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__lista-posicoes-holder {
    width: calc(100vw - 60px);
  }
}
.patrimonio-tempo-real__lista-posicoes-holder ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.patrimonio-tempo-real__lista-posicoes-holder ::-webkit-scrollbar:vertical {
  width: 0px;
}
.patrimonio-tempo-real__lista-posicoes-holder ::-webkit-scrollbar:horizontal {
  height: 12px;
}
.patrimonio-tempo-real__lista-posicoes-holder ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.5);
}
.patrimonio-tempo-real__lista-posicoes-holder ::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.patrimonio-tempo-real__lista-posicoes {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.patrimonio-tempo-real__lista-posicoes .item-group {
  display: flex;
  align-items: center;
  gap: 6px;
}
.patrimonio-tempo-real__lista-posicoes .item-group i {
  font-size: 14px;
  opacity: 0.7;
}
.patrimonio-tempo-real__lista-posicoes .item-group i.red {
  color: #C62222;
}
.patrimonio-tempo-real__lista-posicoes thead {
  background-color: #ededed;
  height: 46px;
}
.patrimonio-tempo-real__lista-posicoes tbody tr:hover {
  background-color: #fafafa !important;
}
.patrimonio-tempo-real__lista-posicoes tbody tr:hover td {
  background-color: #fafafa !important;
}
.patrimonio-tempo-real__lista-posicoes tbody .expandedRow:hover {
  background-color: #fff !important;
}
.patrimonio-tempo-real__lista-posicoes th {
  text-align: left;
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 166.667% */
}
.patrimonio-tempo-real__lista-posicoes th.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: #ededed;
  left: 0;
  top: 0;
}
.patrimonio-tempo-real__lista-posicoes th span {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 85px;
}
@media (max-width: 1460px) {
  .patrimonio-tempo-real__lista-posicoes th span {
    min-width: 0px;
  }
}
.patrimonio-tempo-real__lista-posicoes th span .pi {
  font-size: 10px !important;
}
.patrimonio-tempo-real__lista-posicoes tr {
  transition: 0.2s;
  cursor: pointer;
}
.patrimonio-tempo-real__lista-posicoes tr:last-child td {
  transition: 0.2s;
}
.patrimonio-tempo-real__lista-posicoes tr:last-child td:first-child {
  gap: 4px;
}
.patrimonio-tempo-real__lista-posicoes td {
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  height: 62px;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__lista-posicoes td {
    height: 72px;
  }
}
.patrimonio-tempo-real__lista-posicoes td.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  left: 0;
  top: 0;
}
.patrimonio-tempo-real__lista-posicoes td .large-col {
  width: 320px;
  max-width: 320px !important;
}
.patrimonio-tempo-real__lista-posicoes td.red {
  color: #C62222;
}
.patrimonio-tempo-real__lista-posicoes td.green {
  color: #46a885;
}
.patrimonio-tempo-real__lista-posicoes td:first-child {
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.patrimonio-tempo-real__lista-posicoes td:first-child .max-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.patrimonio-tempo-real__lista-posicoes td:first-child span {
  display: flex;
  max-width: 300px;
  align-items: center;
  gap: 16px;
  white-space: normal;
}

.tempo-real-banner {
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  color: white;
  font-size: 14px;
}
@media (max-width: 990px) {
  .tempo-real-banner {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.patrimonio-tempo-real__content {
  margin-top: -32px !important;
}
.patrimonio-tempo-real__grafico-patrimonio-legendas {
  display: flex;
  gap: 12px;
  margin-bottom: 0px;
  padding-bottom: 42px;
  border-bottom: 1px solid #ededed;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__grafico-patrimonio-legendas {
    margin-left: 0;
    margin-right: 0;
  }
}
.patrimonio-tempo-real__grafico-patrimonio-legenda {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 6px;
  align-items: center;
}
.patrimonio-tempo-real__grafico-patrimonio-legenda-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.patrimonio-tempo-real__grafico-patrimonio {
  display: flex;
  border-radius: 3px;
  background-color: #ededed;
  margin-top: 16px;
  margin-bottom: 12px;
}
.patrimonio-tempo-real__grafico-patrimonio-bar {
  height: 10px;
}
.patrimonio-tempo-real__grafico-patrimonio-bar:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.patrimonio-tempo-real__grafico-patrimonio-bar:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.patrimonio-tempo-real__content-card {
  margin-bottom: 32px;
  background-color: white;
  padding: 32px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__content-card {
    padding: 12px;
  }
}
.patrimonio-tempo-real__content-card h2 {
  color: #000;
  font-family: Matter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 83.333% */
}
.patrimonio-tempo-real__content-cols {
  display: flex;
  gap: 16px;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__content-cols {
    flex-direction: column;
  }
}
.patrimonio-tempo-real__alocacao-card {
  min-width: 360px;
}
.patrimonio-tempo-real__lista-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.patrimonio-tempo-real__item-card {
  border-bottom: 1px solid #ededed;
  user-select: none;
}
.patrimonio-tempo-real__tabs {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 32px;
  margin-bottom: 32px;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__tabs {
    flex-direction: column;
  }
}
.patrimonio-tempo-real__button {
  margin-bottom: 6px;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__button {
    margin-top: 16px;
    width: 100%;
  }
}
.patrimonio-tempo-real__tabs-group {
  display: flex;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__tabs-group {
    width: 100%;
  }
}
.patrimonio-tempo-real__tab {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  border-bottom: 3px solid transparent;
  padding: 20px;
  cursor: pointer;
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__tab {
    flex: 1;
    text-align: center;
  }
}
.patrimonio-tempo-real__tab.active {
  border-bottom: 3px solid #ff6b06;
  color: #ff6b06;
}
.patrimonio-tempo-real .p-overlaypanel-content {
  padding: 0 !important;
}
.patrimonio-tempo-real .informativo-patrimonio {
  padding: 18px;
  margin-bottom: 22px;
  border-radius: 4px;
}
.patrimonio-tempo-real .informativo-patrimonio ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.patrimonio-tempo-real .informativo-patrimonio h3 {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}
.patrimonio-tempo-real .informativo-patrimonio a {
  color: #ff6b06 !important;
  text-decoration: underline !important;
}

.patrimonio-tempo-real__resumo-patrimonio {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 12px;
}
@media (max-width: 1422px) {
  .patrimonio-tempo-real__resumo-patrimonio {
    overflow-x: scroll;
  }
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__resumo-patrimonio {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }
}
.patrimonio-tempo-real__resumo-patrimonio-card {
  background-color: white;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  height: 114px;
  min-width: 242px;
  width: 100%;
}
@media (max-width: 1500px) {
  .patrimonio-tempo-real__resumo-patrimonio-card {
    flex: 1;
    width: 100%;
    max-width: 386px;
  }
}
@media (max-width: 1320px) {
  .patrimonio-tempo-real__resumo-patrimonio-card {
    flex: 1;
    width: 100%;
    max-width: 296px;
  }
}
@media (max-width: 990px) {
  .patrimonio-tempo-real__resumo-patrimonio-card {
    flex: 1;
    width: 100%;
    max-width: 100%;
  }
}
.patrimonio-tempo-real__resumo-patrimonio-card-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
.patrimonio-tempo-real__resumo-patrimonio-card-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #eee;
}
.patrimonio-tempo-real__resumo-patrimonio-card-title {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 31.5px */
}
.patrimonio-tempo-real__resumo-patrimonio-card-title.red {
  color: #C62222;
}
.patrimonio-tempo-real__resumo-patrimonio-card-title.green {
  color: #46a885;
}
.patrimonio-tempo-real__resumo-patrimonio-card-subtitle {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}

.criar-renomear-estrategia {
  min-width: 462px;
  min-height: 117px;
  display: flex;
  flex-direction: column;
}
.criar-renomear-estrategia p {
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 16px !important;
}
.criar-renomear-estrategia span {
  width: 100%;
  text-align: right;
  font-size: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.mover-ativos-estrategia {
  min-width: 416px;
}
.mover-ativos-estrategia__lista {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.mover-ativos-estrategia__lista-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  border-bottom: 1px solid #e0e0e0;
}
.mover-ativos-estrategia__lista-item-valor {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.mover-ativos-estrategia__lista-item-item {
  display: flex;
  flex-direction: column;
}
.mover-ativos-estrategia__lista-item-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mover-ativos-estrategia__lista-item-header span {
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3a3a3a;
}
.mover-ativos-estrategia__lista-item-header span:first-child {
  color: black;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ativo-detalhes {
  display: flex;
  gap: 32px;
  padding: 32px;
  width: 100%;
}
@media (max-width: 990px) {
  .ativo-detalhes {
    padding: 12px;
    flex-direction: column;
    max-width: 100vw;
  }
}
.ativo-detalhes__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 400px;
}
@media (max-width: 990px) {
  .ativo-detalhes__cards {
    width: calc(100vw - 82px);
  }
}
.ativo-detalhes__cards:first-child {
  flex: 1;
}
@media (max-width: 990px) {
  .ativo-detalhes__cards:first-child {
    min-width: auto;
    width: calc(100vw - 82px);
  }
}
.ativo-detalhes__card {
  border: 1px solid #ededed;
  border-radius: 4px;
  padding: 16px;
}
.ativo-detalhes__card h3 {
  color: #000;
  font-family: Matter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 111.111% */
  margin: 0 !important;
  padding: 0 !important;
}
.ativo-detalhes__card-titulo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.ativo-detalhes__card-titulo h3 {
  flex: 1;
}
@media (max-width: 990px) {
  .ativo-detalhes__card-titulo {
    flex-wrap: wrap;
  }
}
.ativo-detalhes__card-labelvalues {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ativo-detalhes__card-labelvalue {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ativo-detalhes__card-label {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  color: #999999;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ativo-detalhes__card-label i {
  font-size: 12px;
  color: #999999;
}
.ativo-detalhes__card-value {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.ativo-detalhes__switches {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
  margin-top: 42px;
  justify-content: center;
}
@media (max-width: 990px) {
  .ativo-detalhes__switches {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.ativo-detalhes__chart {
  margin-bottom: 16px;
}
.ativo-detalhes__switch {
  display: flex;
  gap: 4px;
  align-items: center;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
.ativo-detalhes__switch span {
  flex: 1;
}
.ativo-detalhes__switch .myc-switch {
  scale: 0.8;
  margin-right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ativo-detalhes__switch .myc-switch .p-inputswitch {
  height: 24px;
  width: 45px !important;
}
.ativo-detalhes__switch-line {
  width: 16px;
  height: 2px;
  border-radius: 5px;
}
.ativo-detalhes__switch-line.carteira {
  background-color: #ff8933;
}
.ativo-detalhes__switch-line.cdi {
  background-color: #2285fc;
}
.ativo-detalhes__switch-line.dolar {
  background-color: #00d957;
}
.ativo-detalhes__switch-line.ibov {
  background-color: #ff008c;
}

.busca-ativos__container {
  max-width: 1700px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 990px) {
  .busca-ativos__container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.busca-ativos__tabs {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding-left: 50px;
  position: sticky;
  top: 66px;
  z-index: 100;
}
@media (max-width: 990px) {
  .busca-ativos__tabs {
    top: 55px;
    padding-left: 0px;
  }
}
.busca-ativos__relatorio {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 16px;
}
@media (max-width: 990px) {
  .busca-ativos__relatorio {
    display: none;
  }
}
.busca-ativos__tab {
  padding: 20px;
  cursor: pointer;
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 100% */
  border-bottom: 3px solid transparent;
}
.busca-ativos__tab:hover {
  border-bottom: 3px solid #e0e0e0;
}
.busca-ativos__tab.active {
  border-bottom: 3px solid #ff6b06;
}
.busca-ativos .card-rentabilidade-ativo {
  position: relative;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 22px;
  margin-top: 32px;
  border-radius: 4px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
.busca-ativos .card-rentabilidade-ativo__top {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  margin-bottom: 24px;
}
.busca-ativos .card-rentabilidade-ativo__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-rentabilidade-ativo__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-rentabilidade-ativo__banner {
  background-color: #ededed;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.busca-ativos .card-rentabilidade-ativo__banner .pi-question-circle {
  font-size: 18px;
  color: #999999;
}
.busca-ativos .card-rentabilidade-ativo__banner a {
  color: #ff6b06 !important;
  text-decoration: underline !important;
}
.busca-ativos .card-rentabilidade-ativo__banner-text {
  flex: 1;
}
.busca-ativos .card-rentabilidade-ativo__banner-text .pi {
  font-size: 12px !important;
}
.busca-ativos .card-rentabilidade-ativo__banner .pi-times {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: 0.2s;
}
.busca-ativos .card-rentabilidade-ativo__banner .pi-times:hover {
  background-color: #e0e0e0;
}
.busca-ativos .card-rentabilidade-ativo__filtros {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  margin-top: 28px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .busca-ativos .card-rentabilidade-ativo__filtros {
    gap: 8px;
  }
}
.busca-ativos .card-rentabilidade-ativo__filtro {
  display: flex;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.738px;
  /* 156.15% */
  text-transform: uppercase;
  position: relative;
  cursor: pointer !important;
}
.busca-ativos .card-rentabilidade-ativo__filtro.filtro-ativo {
  background-color: #ff6b06;
  border: 1px solid #ff6b06;
  color: white;
}
.busca-ativos .card-rentabilidade-ativo__filtro .label {
  margin-top: -1px;
}
.busca-ativos .card-rentabilidade-ativo__filtro .p-calendar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer !important;
}
.busca-ativos .card-rentabilidade-ativo__filtro .p-calendar input {
  cursor: pointer !important;
}
.busca-ativos .card-rentabilidade-ativo__resumo {
  display: flex;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  gap: 32px;
  max-width: 600px;
  margin-bottom: 42px;
}
@media (max-width: 990px) {
  .busca-ativos .card-rentabilidade-ativo__resumo {
    flex-direction: column;
    gap: 12px;
  }
}
.busca-ativos .card-rentabilidade-ativo__resumo-titulo {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-rentabilidade-ativo__resumo-subtitulo {
  font-family: Matter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 95.238% */
  display: flex;
  gap: 12px;
  align-items: center;
}
.busca-ativos .card-rentabilidade-ativo__resumo-titulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  color: #999999;
}
@media (max-width: 990px) {
  .busca-ativos .card-rentabilidade-ativo__resumo-titulo2 {
    font-weight: bold;
  }
}
.busca-ativos .card-rentabilidade-ativo__resumo-subtitulo2 {
  color: #46a885;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-rentabilidade-ativo__resumo-tag {
  display: flex;
  padding: 1px 3px 0px 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  background: #e4e4e4;
  color: #101010;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.417px;
  /* 128.472% */
}
.busca-ativos .card-rentabilidade-ativo__resumo__row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.busca-ativos .card-rentabilidade-ativo__resumo__subcolumn {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.busca-ativos .card-rentabilidade-ativo__resumo__row2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-around;
  padding-left: 8px;
  border-left: 1px solid #e0e0e0;
}
@media (max-width: 990px) {
  .busca-ativos .card-rentabilidade-ativo__resumo__row2 {
    border: none;
  }
}
.busca-ativos .card-rentabilidade-ativo__resumo .valor-positivo {
  color: #46a885;
}
.busca-ativos .card-rentabilidade-ativo__resumo .valor-negativo {
  color: #EF2323;
}
.busca-ativos .card-rentabilidade-ativo__resumo .sm {
  font-size: 12px !important;
}
.busca-ativos .card-rentabilidade-ativo__switches {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
  margin-top: 42px;
  justify-content: center;
}
@media (max-width: 990px) {
  .busca-ativos .card-rentabilidade-ativo__switches {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.busca-ativos .card-rentabilidade-ativo__switch {
  display: flex;
  gap: 4px;
  align-items: center;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
.busca-ativos .card-rentabilidade-ativo__switch span {
  flex: 1;
}
.busca-ativos .card-rentabilidade-ativo__switch .myc-switch {
  scale: 0.8;
  margin-right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.busca-ativos .card-rentabilidade-ativo__switch .myc-switch .p-inputswitch {
  height: 24px;
  width: 45px !important;
}
.busca-ativos .card-rentabilidade-ativo__switch-line {
  width: 16px;
  height: 2px;
  border-radius: 5px;
}
.busca-ativos .card-rentabilidade-ativo__switch-line.carteira {
  background-color: #ff8933;
}
.busca-ativos .card-rentabilidade-ativo__switch-line.cdi {
  background-color: #00d1ff;
}
.busca-ativos .card-rentabilidade-ativo__switch-line.dolar {
  background-color: #088435;
}
.busca-ativos .card-rentabilidade-ativo__switch-line.ibov {
  background-color: #810198;
}
.busca-ativos .card-painel-grafico {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 32px;
  padding-top: 20px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
.busca-ativos .card-painel-grafico .table-responsive {
  position: relative;
  overflow: auto;
  white-space: nowrap;
}
.busca-ativos .card-painel-grafico__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.busca-ativos .card-painel-grafico__filtros {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  margin-top: 28px;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .busca-ativos .card-painel-grafico__filtros {
    gap: 8px;
  }
}
.busca-ativos .card-painel-grafico__filtro {
  display: flex;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.738px;
  /* 156.15% */
  text-transform: uppercase;
  position: relative;
  cursor: pointer !important;
}
.busca-ativos .card-painel-grafico__filtro.filtro-ativo {
  background-color: #ff6b06;
  border: 1px solid #ff6b06;
  color: white;
}
.busca-ativos .card-painel-grafico__filtro .label {
  margin-top: -1px;
}
.busca-ativos .card-painel-grafico__filtro .p-calendar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer !important;
}
.busca-ativos .card-painel-grafico__filtro .p-calendar input {
  cursor: pointer !important;
}
.busca-ativos .card-painel-grafico__lista-posicoes-holder {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-top: 22px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1080px) {
  .busca-ativos .card-painel-grafico__lista-posicoes-holder {
    width: 94%;
  }
}
@media (max-width: 900px) {
  .busca-ativos .card-painel-grafico__lista-posicoes-holder {
    width: 100%;
  }
}
.busca-ativos .card-painel-grafico__lista-posicoes {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.busca-ativos .card-painel-grafico__lista-posicoes thead {
  background-color: #ededed;
  height: 46px;
}
.busca-ativos .card-painel-grafico__lista-posicoes tbody tr:hover {
  background-color: #fafafa;
}
.busca-ativos .card-painel-grafico__lista-posicoes tbody .expandedRow:hover {
  background-color: #fff !important;
}
.busca-ativos .card-painel-grafico__lista-posicoes th {
  text-align: left;
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 166.667% */
}
.busca-ativos .card-painel-grafico__lista-posicoes th span {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 85px;
}
@media (max-width: 1460px) {
  .busca-ativos .card-painel-grafico__lista-posicoes th span {
    min-width: 0px;
  }
}
.busca-ativos .card-painel-grafico__lista-posicoes th span .pi {
  font-size: 10px !important;
}
.busca-ativos .card-painel-grafico__lista-posicoes tr {
  transition: 0.2s;
  cursor: pointer;
}
.busca-ativos .card-painel-grafico__lista-posicoes tr:last-child td:first-child {
  gap: 4px;
}
.busca-ativos .card-painel-grafico__lista-posicoes td {
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  height: 62px;
}
.busca-ativos .card-painel-grafico__lista-posicoes td span {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 990px) {
  .busca-ativos .card-painel-grafico__lista-posicoes td {
    height: 72px;
  }
}
.busca-ativos .card-painel-grafico__lista-posicoes td.red {
  color: #C62222;
}
.busca-ativos .card-painel-grafico__lista-posicoes td.green {
  color: #46a885;
}
.busca-ativos .card-painel-grafico__lista-posicoes td:first-child {
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-painel-grafico__lista-posicoes td:first-child span {
  display: flex;
  align-items: center;
  gap: 16px;
}
.busca-ativos .card-painel-grafico__top {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.busca-ativos .card-painel-grafico__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-painel-grafico__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-painel-grafico__container-topo {
  display: flex;
  flex-direction: column;
}
.busca-ativos .card-painel-grafico__container-chart {
  height: 550px;
}
.busca-ativos .card-painel-grafico__resumo {
  display: flex;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  gap: 32px;
  max-width: 600px;
}
@media (max-width: 990px) {
  .busca-ativos .card-painel-grafico__resumo {
    flex-direction: column;
    gap: 12px;
  }
}
.busca-ativos .card-painel-grafico__resumo-titulo {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-painel-grafico__resumo-subtitulo {
  font-family: Matter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 95.238% */
  display: flex;
  gap: 12px;
  align-items: center;
}
.busca-ativos .card-painel-grafico__resumo-titulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  color: #999999;
}
@media (max-width: 990px) {
  .busca-ativos .card-painel-grafico__resumo-titulo2 {
    font-weight: bold;
  }
}
.busca-ativos .card-painel-grafico__resumo-subtitulo2 {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .card-painel-grafico__resumo-tag {
  display: flex;
  padding: 1px 3px 0px 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  background: #e4e4e4;
  color: #101010;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.417px;
  /* 128.472% */
}
.busca-ativos .card-painel-grafico__resumo__row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.busca-ativos .card-painel-grafico__resumo__subcolumn {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.busca-ativos .card-painel-grafico__resumo__row2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-around;
  padding-left: 8px;
  border-left: 1px solid #e0e0e0;
}
@media (max-width: 990px) {
  .busca-ativos .card-painel-grafico__resumo__row2 {
    border: none;
  }
}
.busca-ativos .card-painel-grafico__resumo .valor-positivo {
  color: #46a885;
}
.busca-ativos .card-painel-grafico__resumo .valor-negativo {
  color: #EF2323;
}
.busca-ativos .card-painel-grafico__resumo .sm {
  font-size: 12px !important;
}
.busca-ativos .mercado {
  display: flex;
  border-radius: 4px;
  margin-top: 32px;
  padding: 32px;
  padding-top: 20px;
  padding-bottom: 32px;
  align-items: self-start;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  gap: 28px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
.busca-ativos .mercado__top {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.busca-ativos .mercado__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .mercado__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .mercado__values {
  display: flex;
  align-items: flex-end;
  gap: 32px;
}
@media (max-width: 990px) {
  .busca-ativos .mercado__values {
    flex-direction: column;
    align-items: start;
    gap: 22px;
  }
}
.busca-ativos .mercado__value-inner {
  border-left: 1px solid #ededed;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.busca-ativos .mercado__value-inner.green {
  color: #46a885;
  border-left: 1px solid #46a885;
}
.busca-ativos .mercado__value-inner.red {
  color: #C62222;
  border-left: 1px solid #C62222;
}
.busca-ativos .mercado__value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  margin-left: 12px;
  align-items: baseline;
}
@media (max-width: 990px) {
  .busca-ativos .mercado__value {
    margin-left: 0;
  }
}
.busca-ativos .mercado__value:first-child {
  margin-left: 0 !important;
}
.busca-ativos .mercado__value span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .mercado__value.green {
  color: #46a885;
  border-left: 1px solid #46a885;
}
.busca-ativos .mercado__value.red {
  color: #C62222;
  border-left: 1px solid #C62222;
}
.busca-ativos .header-ativo {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
  padding-left: 46px;
  padding-right: 46px;
  padding-top: 28px;
  padding-bottom: 32px;
  align-items: self-start;
  flex-direction: column;
  background-color: white;
  gap: 28px;
}
@media (max-width: 990px) {
  .busca-ativos .header-ativo {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.busca-ativos .header-ativo__values {
  display: flex;
  align-items: flex-end;
  gap: 32px;
}
@media (max-width: 990px) {
  .busca-ativos .header-ativo__values {
    flex-direction: column;
    align-items: start;
    gap: 22px;
  }
}
.busca-ativos .header-ativo__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}
.busca-ativos .header-ativo__title-ativo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.busca-ativos .header-ativo__title-ativo i {
  font-size: 14px;
  opacity: 0.7;
}
.busca-ativos .header-ativo__title-ativo i.red {
  color: #C62222;
}
.busca-ativos .header-ativo__title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .header-ativo__title span {
  margin-top: 4px;
  color: #3a3a3a;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .header-ativo__title span.red {
  color: #C62222;
}
.busca-ativos .header-ativo__value-inner {
  border-left: 1px solid #ededed;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.busca-ativos .header-ativo__value-inner.green {
  color: #46a885;
  border-left: 1px solid #46a885;
}
.busca-ativos .header-ativo__value-inner.red {
  color: #C62222;
  border-left: 1px solid #C62222;
}
.busca-ativos .header-ativo__value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
  font-family: Matter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  margin-left: 12px;
  align-items: baseline;
}
@media (max-width: 990px) {
  .busca-ativos .header-ativo__value {
    margin-left: 0;
  }
}
.busca-ativos .header-ativo__value:first-child {
  margin-left: 0 !important;
}
.busca-ativos .header-ativo__value span {
  color: #3a3a3a;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .consulta-operacoes {
  display: flex;
  border-radius: 4px;
  margin-top: 32px;
  padding: 32px;
  align-items: self-start;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  gap: 28px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
.busca-ativos .consulta-operacoes__top {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.busca-ativos .consulta-operacoes__title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  color: #000;
  font-family: Matter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .consulta-operacoes__title span {
  color: #999999;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}
.busca-ativos .consulta-operacoes__subtitle {
  color: #000;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 100% */
}
.busca-ativos .consulta-operacoes__filtros {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .busca-ativos .consulta-operacoes__filtros {
    gap: 8px;
  }
}
.busca-ativos .consulta-operacoes__filtro {
  display: flex;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  gap: 6px;
  border-radius: 32px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.738px;
  /* 156.15% */
  text-transform: uppercase;
  position: relative;
  cursor: pointer !important;
}
.busca-ativos .consulta-operacoes__filtro.filtro-ativo {
  background-color: #ff6b06;
  border: 1px solid #ff6b06;
  color: white;
}
.busca-ativos .consulta-operacoes__filtro .label {
  margin-top: -1px;
}
.busca-ativos .consulta-operacoes__filtro .p-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer !important;
}
.busca-ativos .consulta-operacoes__filtro .p-dropdown input {
  cursor: pointer !important;
}
.busca-ativos .consulta-operacoes__relatorio {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 990px) {
  .busca-ativos .consulta-operacoes__relatorio {
    flex: auto;
    display: flex;
    justify-content: flex-end;
    width: 100vw;
    margin-top: 13px;
  }
}
.busca-ativos .consulta-operacoes__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.busca-ativos .consulta-operacoes__dot.compra {
  background-color: #1dac56;
}
.busca-ativos .consulta-operacoes__dot.venda {
  background-color: #ef2323;
}
.busca-ativos .consulta-operacoes__lista-posicoes-holder {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-top: -12px;
}
.busca-ativos .consulta-operacoes__lista-posicoes {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.busca-ativos .consulta-operacoes__lista-posicoes thead {
  height: 66px;
}
.busca-ativos .consulta-operacoes__lista-posicoes thead:first-child {
  height: 46px;
}
.busca-ativos .consulta-operacoes__lista-posicoes tbody tr:hover {
  background-color: #fafafa;
}
.busca-ativos .consulta-operacoes__lista-posicoes tbody .expandedRow:hover {
  background-color: #fff !important;
}
.busca-ativos .consulta-operacoes__lista-posicoes th {
  text-align: left;
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 166.667% */
  border-bottom: 1px solid #e0e0e0;
  white-space: pre;
}
.busca-ativos .consulta-operacoes__lista-posicoes th span {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 85px;
  text-align: center;
  justify-content: center;
}
@media (max-width: 1460px) {
  .busca-ativos .consulta-operacoes__lista-posicoes th span {
    min-width: 0px;
  }
}
.busca-ativos .consulta-operacoes__lista-posicoes th span .pi {
  font-size: 10px !important;
}
.busca-ativos .consulta-operacoes__lista-posicoes th.separate {
  border-right: 1px solid #e0e0e0;
}
.busca-ativos .consulta-operacoes__lista-posicoes tr {
  transition: 0.2s;
  text-align: center;
  white-space: pre;
  cursor: pointer;
}
.busca-ativos .consulta-operacoes__lista-posicoes tr.separate {
  border-right: 1px solid #e0e0e0;
}
.busca-ativos .consulta-operacoes__lista-posicoes tr:nth-child(even) {
  background-color: #fafafa;
}
.busca-ativos .consulta-operacoes__lista-posicoes tr:last-child td:first-child {
  gap: 4px;
}
.busca-ativos .consulta-operacoes__lista-posicoes td {
  padding: 4px 8px;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  height: 62px;
}
.busca-ativos .consulta-operacoes__lista-posicoes td span {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 990px) {
  .busca-ativos .consulta-operacoes__lista-posicoes td {
    height: 72px;
  }
}
.busca-ativos .consulta-operacoes__lista-posicoes td.separate {
  border-right: 1px solid #e0e0e0;
}
.busca-ativos .consulta-operacoes__lista-posicoes td.bold-text {
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}
.busca-ativos .consulta-operacoes__lista-posicoes td.compra {
  color: #1dac56;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}
.busca-ativos .consulta-operacoes__lista-posicoes td.venda {
  color: #ef2323;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}
.busca-ativos .consulta-operacoes__lista-posicoes td.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  left: 0;
  top: 0;
}
.busca-ativos .consulta-operacoes__lista-posicoes td.first-col {
  width: 103px;
  left: 0;
}
.busca-ativos .consulta-operacoes__lista-posicoes td.second-col {
  width: 180px;
  left: 103px;
}
.busca-ativos .consulta-operacoes__lista-posicoes tfoot td {
  border-top: 1px solid #e0e0e0;
  color: #000;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}
.busca-ativos .consulta-operacoes__lista-posicoes tfoot td.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  left: 0;
  top: 0;
}

.adicionar-instituicao {
  display: flex;
  align-items: center;
  width: 600px;
  gap: 22px;
  flex-direction: column;
}
@media (max-width: 990px) {
  .adicionar-instituicao {
    width: 100%;
  }
}
.adicionar-instituicao__busca {
  width: 100%;
}
.adicionar-instituicao__empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.adicionar-instituicao__empty img {
  width: 24px;
  height: 24px;
}
.adicionar-instituicao__empty a {
  color: #ff6b06;
  text-decoration: underline;
}
.adicionar-instituicao__cards {
  display: grid;
  grid-template-columns: auto auto;
  gap: 12px;
  width: 100%;
}
@media (max-width: 990px) {
  .adicionar-instituicao__cards {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
.adicionar-instituicao__card {
  padding: 16px;
  border: 1px solid #e0e0e0;
  background-color: white;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  min-width: 284px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  transition: 0.2s;
  cursor: pointer;
}
.adicionar-instituicao__card.indisponivel {
  background-color: #ededed;
  cursor: unset;
}
@media (max-width: 990px) {
  .adicionar-instituicao__card {
    min-width: auto;
  }
}
.adicionar-instituicao__card:hover {
  border: 1px solid #ff6b06;
}
.adicionar-instituicao__card.selected {
  border: 1px solid #ff6b06;
  background: #fff0e5;
}
.adicionar-instituicao__card-nome {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.adicionar-instituicao__card-nome .indisponivel {
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.176px;
  color: #C62222;
  display: flex;
  align-items: center;
  gap: 4px;
}
.adicionar-instituicao__card-nome .indisponivel .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #C62222;
  border: 3px solid #F9B2B2;
}
.adicionar-instituicao__card-logo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.adicionar-instituicao__card-logo img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.conectar-instituicao h2 {
  text-align: center;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%;
  /* 27.2px */
  padding: 0;
  margin: 0;
  margin-bottom: 16px !important;
}
.conectar-instituicao p {
  color: #747474;
  text-align: center;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 16px !important;
}
.conectar-instituicao a {
  color: #ff6b06;
  text-decoration: underline;
}
.conectar-instituicao__lock {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px !important;
  gap: 16px;
}
.conectar-instituicao__lock p {
  flex: 1;
  text-align: left !important;
  margin-bottom: 0 !important;
}
.conectar-instituicao__lock p b {
  color: black;
}
.conectar-instituicao__header {
  background: #fff0e5;
  display: flex;
  align-items: center;
  width: 100%;
  height: 162px;
  justify-content: center;
}
@media (max-width: 990px) {
  .conectar-instituicao__header {
    height: 140px;
  }
}
.conectar-instituicao__body {
  margin-top: 162px;
}
@media (max-width: 990px) {
  .conectar-instituicao__body {
    margin-top: 140px;
  }
}
.conectar-instituicao__logo {
  width: 395px;
}
.conectar-instituicao__logo img {
  width: 395px;
}
@media (max-width: 990px) {
  .conectar-instituicao__logo {
    width: 80%;
  }
  .conectar-instituicao__logo img {
    width: 80%;
  }
}
.conectar-instituicao__check-card {
  padding: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--Accent-Medium, #f2c14b);
  background: var(--Accent-Light, #fefbed);
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.lista-openfinance__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 5%;
  gap: 56px;
  width: 100%;
}
@media (max-width: 990px) {
  .lista-openfinance__content {
    flex-direction: column;
  }
}
.lista-openfinance__title {
  font-family: Matter;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 100% */
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 990px) {
  .lista-openfinance__title {
    flex-wrap: wrap;
    gap: 22px;
  }
}
.lista-openfinance__title span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.lista-openfinance__title span img {
  width: 24px;
  height: 24px;
}
.lista-openfinance__disclaimer {
  width: 100%;
}
.lista-openfinance__empty {
  max-width: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lista-openfinance__empty img {
  width: 36px;
  height: 36px;
  margin-bottom: 22px;
}
.lista-openfinance__empty img.thumbnail {
  width: 460px;
  height: 252px;
}
.lista-openfinance__empty h3 {
  margin: 0;
  color: #ff6b06;
  text-align: center;
  font-family: Matter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 21.6px */
  margin-bottom: 12px;
}
.lista-openfinance__empty p {
  color: #000;
  text-align: center;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}
.lista-openfinance__cards-ajuda {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.lista-openfinance__card-ajuda {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: white;
  border-radius: 4px;
  display: flex;
  gap: 32px;
  align-items: center;
  width: 100%;
}
.lista-openfinance__card-ajuda img {
  width: 36px;
  height: 36px;
}
.lista-openfinance__card-ajuda img.thumbnail {
  width: 134px;
  height: 73px;
}
.lista-openfinance__card-ajuda-content {
  flex: 1;
}
.lista-openfinance__card-ajuda-title {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}
.lista-openfinance__card-ajuda-subtitle {
  color: #000;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.176px;
}
.lista-openfinance__card-ajuda-subtitle a {
  color: #ff6b06;
  text-decoration: underline;
}
.lista-openfinance__cards-instituicao {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  width: 100%;
}
.lista-openfinance__card-instituicao {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 24px;
  padding-right: 24px;
  width: calc((100% / 7) + 20px);
  min-height: 312px;
  background: white;
  border-radius: 4px;
  position: relative;
  border: 1px solid #eee;
  transition: 0.2s;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1500px) {
  .lista-openfinance__card-instituicao {
    width: calc((100% / 6) + 18px);
  }
}
@media (max-width: 1350px) {
  .lista-openfinance__card-instituicao {
    width: calc((100% / 5) + 16px);
  }
}
@media (max-width: 990px) {
  .lista-openfinance__card-instituicao {
    width: 100%;
  }
}
.lista-openfinance__card-instituicao-upper, .lista-openfinance__card-instituicao-lower {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.lista-openfinance__card-instituicao-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 8px;
}
.lista-openfinance__card-instituicao-logo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  margin-bottom: 8px;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  position: relative;
  z-index: 5;
}
.lista-openfinance__card-instituicao-logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-image: conic-gradient(#ff6b06 0% 60%, #eee 60% 100%);
  animation: rotate 5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.lista-openfinance__card-instituicao-logo.filled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-image: conic-gradient(white 0% 100%, #eee 100% 100%);
  animation: none;
  z-index: -1;
  border-radius: 50%;
}
.lista-openfinance__card-instituicao-logo img {
  width: 68px;
  border-radius: 50%;
  border-image-slice: 1;
  background-color: white;
}
.lista-openfinance__card-instituicao-title {
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  text-align: center;
}
.lista-openfinance__card-instituicao-subtitle {
  color: #ff6b06;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  display: flex;
  align-items: center;
  height: 42px;
}
.lista-openfinance__card-instituicao-subtitle.neutral {
  color: #747474;
}
.lista-openfinance__card-instituicao-subtitle a {
  color: #ff6b06;
  text-decoration: underline;
  font-weight: bold;
}
.lista-openfinance__card-instituicao-actions {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 24px;
  transition: 0.2s;
  height: 24px;
}
.lista-openfinance__card-instituicao-actions:hover {
  background: #e0e0e0;
}
.lista-openfinance__card-instituicao-badge {
  padding: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 28px;
  color: #ff6b06;
  text-align: center;
  font-family: Matter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  /* 120% */
  text-transform: uppercase;
  background: #ffe1cc;
  margin-bottom: 32px;
}
.lista-openfinance__card-instituicao-badge.red {
  background: #C62222;
  color: white;
}
.lista-openfinance__card-instituicao-badge.green {
  background: #46a885;
  color: white;
}
.lista-openfinance__card-instituicao-badge.neutral {
  color: #999999;
  background: #e0e0e0;
}
.lista-openfinance__canceladas {
  display: flex;
  justify-content: start;
  width: 100%;
}

.link-instituicao .myc-modal-headless {
  max-width: 692px;
  overflow: hidden;
}
.link-instituicao a {
  color: #ff6b06;
}
.link-instituicao a:hover {
  text-decoration: underline;
}
.link-instituicao h2 {
  text-align: center;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%;
  /* 27.2px */
  padding: 0;
  margin: 0;
  margin-bottom: 32px !important;
}
.link-instituicao__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 92px;
  justify-content: center;
}
.link-instituicao__body {
  margin-top: 126px;
}
.link-instituicao__content {
  display: flex;
  gap: 42px;
  flex-direction: row;
}
@media (max-width: 768px) {
  .link-instituicao__content {
    flex-direction: column;
  }
}
.link-instituicao__disclaimer {
  margin-top: 22px;
  margin-bottom: 12px;
}
.link-instituicao__loading {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 8px;
}
.link-instituicao__loading img {
  width: 300px;
  margin-bottom: 42px;
}
.link-instituicao__loading h2 {
  margin: 0;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 12.012px;
  /* 75.075% */
  color: #ff6b06;
  width: 100%;
  text-align: center;
  margin-bottom: 12px !important;
}
.link-instituicao__loading p {
  margin: 0;
  font-family: Matter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  line-height: 12.012px;
  /* 85.8% */
  text-align: center;
}
.link-instituicao__qrcode {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.link-instituicao__faq {
  flex: 1;
  margin-top: 8px;
}
.link-instituicao__qrcode-link {
  display: flex;
  padding: 8px 8px 8px 12px;
  align-items: center;
  gap: 4px;
  border-radius: 40px;
  border: 1px solid #e0e0e0;
  background: #ededed;
  max-width: 210px;
  cursor: pointer;
}
.link-instituicao__qrcode-link span {
  color: #747474;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 133.333% */
  white-space: nowrap;
  overflow: hidden;
  /* "overflow" value must be different from "visible" */
  text-overflow: ellipsis;
}
.link-instituicao__logo {
  width: 80px;
  height: 80px;
  margin-top: 104px;
  background: white;
  border-radius: 50%;
}
.link-instituicao__logo img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
}

.of-cpf-conexao {
  display: flex;
  max-width: 598px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.of-cpf-conexao__icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-color: #ff6b06;
  display: flex;
  align-items: center;
  justify-content: center;
}
.of-cpf-conexao__title {
  text-align: center;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%;
  /* 27.2px */
}
.of-cpf-conexao__subtitle {
  color: #000;
  text-align: center;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%;
  /* 21.76px */
}
.of-cpf-conexao__input {
  width: 100%;
}
.of-cpf-conexao__artigo {
  color: var(--Neutrals-Dark, #000);
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}
.of-cpf-conexao__artigo a {
  color: #ff6b06;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.tpb-aviso-opfi {
  position: absolute;
  top: 100%;
  right: 15px;
  width: 320px;
  background: #ff6b06;
  padding: 20px;
  border-radius: 4px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  color: white;
}
.tpb-aviso-opfi__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.tpb-aviso-opfi .myc-button span {
  color: white !important;
}
.tpb-aviso-opfi .myc-button button:hover {
  background-color: transparent !important;
  background: transparent !important;
}
.tpb-aviso-opfi::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 22px solid #ff6b06;
  position: absolute;
  top: -16px;
  right: 5px;
}
@media (max-width: 990px) {
  .tpb-aviso-opfi {
    right: 5px;
  }
}
@media (max-width: 480px) {
  .tpb-aviso-opfi {
    right: -5px;
    width: calc(100vw - 25px);
  }
  .tpb-aviso-opfi::after {
    top: -12px;
    right: 1px;
  }
}
.tpb-aviso-opfi__title-container {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}
.tpb-aviso-opfi__text {
  font-family: Matter;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.tpb-aviso-opfi__btns-container {
  display: flex;
  gap: 8px;
  justify-content: space-around;
}
.tpb-aviso-opfi__close {
  cursor: pointer;
  min-width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0);
  transition: all 200ms ease;
}
.tpb-aviso-opfi__close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.of-sucesso {
  display: flex;
  max-width: 398px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.of-sucesso__lista {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.of-sucesso__item-lista {
  display: flex;
  align-items: center;
  gap: 12px;
}
.of-sucesso__icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.of-sucesso__icon img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
}
.of-sucesso__icon__shield {
  position: absolute;
  bottom: 0;
  right: 0;
}
.of-sucesso__icon__shield img {
  width: 24px;
  height: 24px;
}
.of-sucesso__title {
  text-align: center;
  font-family: Matter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%;
  /* 27.2px */
}
.of-sucesso__subtitle {
  color: #000;
  text-align: center;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%;
  /* 21.76px */
}
.of-sucesso__input {
  width: 100%;
}
.of-sucesso__artigo {
  color: var(--Neutrals-Dark, #000);
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}
.of-sucesso__artigo a {
  color: #ff6b06;
  font-family: Matter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.configuracao-seguranca {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 32px;
}
.configuracao-seguranca-hello {
  font-size: 22px;
  text-align: center;
}
.configuracao-seguranca-entry-text {
  text-align: center;
  color: #999999;
  margin-bottom: 22px;
}
.configuracao-seguranca__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: white;
  width: 380px;
  padding: 24px;
  padding-top: 38px;
  padding-bottom: 38px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.13);
  align-items: center;
  justify-content: center;
}
.configuracao-seguranca__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.configuracao-seguranca__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}
.configuracao-seguranca__item:hover {
  border: 1px solid #ff6b06;
}
.configuracao-seguranca__item__item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.configuracao-seguranca__item .icone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff0e5;
  border: 1px solid #ffe1cc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.configuracao-seguranca__item .icone .pi {
  font-size: 18px;
  color: #ff6b06;
}

.conf-troca-senha {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.conf-troca-senha-hello {
  font-size: 22px;
  text-align: center;
}
.conf-troca-senha-entry-text {
  text-align: center;
  color: #999999;
  margin-bottom: 22px;
}
.conf-troca-senha__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 380px;
}
.conf-troca-senha__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.conf-troca-senha__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}
.conf-troca-senha__item:hover {
  border: 1px solid #ff6b06;
}
.conf-troca-senha__item__item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.conf-troca-senha__item .icone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff0e5;
  border: 1px solid #ffe1cc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conf-troca-senha__item .icone .pi {
  font-size: 18px;
  color: #ff6b06;
}

.conf-2fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.conf-2fa-hello {
  font-size: 22px;
  text-align: center;
}
.conf-2fa-entry-text {
  text-align: center;
  color: #999999;
  margin-bottom: 22px;
}
.conf-2fa__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 380px;
}
.conf-2fa__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.conf-2fa__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  width: 100%;
  border-radius: 4px;
  transition: 0.2s;
}
.conf-2fa__item__item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.conf-2fa__item__item-content .description {
  margin-top: 8px;
  opacity: 0.7;
  font-size: 13px;
}
.conf-2fa__item .icone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff0e5;
  border: 1px solid #ffe1cc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conf-2fa__item .icone .pi {
  font-size: 18px;
  color: #ff6b06;
}

.modal-2fa {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
}
.modal-2fa p {
  width: 100%;
}
.modal-2fa__icone {
  width: 64px;
  margin-bottom: 18px;
}
.modal-2fa__lista-2fa {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.modal-2fa__item-lista-2fa {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-2fa__disable {
  width: 100%;
  padding: 14px;
  border-radius: 4px;
  background-color: #ededed;
  margin-top: 22px;
}

.codigo-autenticacao {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.codigo-autenticacao-hello {
  font-size: 22px;
  text-align: center;
}
.codigo-autenticacao-entry-text {
  text-align: center;
  color: #999999;
  margin-bottom: 22px;
}
.codigo-autenticacao__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 380px;
}
.codigo-autenticacao__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
.codigo-autenticacao__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}
.codigo-autenticacao__item:hover {
  border: 1px solid #ff6b06;
}
.codigo-autenticacao__item__item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.codigo-autenticacao__item .icone {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff0e5;
  border: 1px solid #ffe1cc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.codigo-autenticacao__item .icone .pi {
  font-size: 18px;
  color: #ff6b06;
}

.barra-cotacoes {
  margin-left: 52px;
  padding-top: 12px;
  background-color: white;
  overflow-x: hidden;
  position: relative;
  display: flex;
  white-space: nowrap;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
}
.barra-cotacoes.sticky {
  position: sticky;
  top: 54px;
  z-index: 100;
}
@media (max-width: 993px) {
  .barra-cotacoes.sticky {
    top: 55px;
  }
}
@media (max-width: 993px) {
  .barra-cotacoes {
    margin-left: 0px;
    padding-top: 0px;
  }
}
.barra-cotacoes__pin {
  position: absolute;
  right: 0px;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background: white;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  transition: 0.2s;
  margin: 6px;
}
.barra-cotacoes__pin img {
  width: 16px;
  height: 16px;
}
.barra-cotacoes__pin:hover {
  background: #ededed;
}
.barra-cotacoes__pause {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background: white;
  cursor: pointer;
  border-radius: 8px;
  transition: 0.2s;
  margin: 6px;
}
.barra-cotacoes__pause:hover {
  background: #ededed;
}
.barra-cotacoes__cotacoes {
  display: flex;
  gap: 12px;
}
.barra-cotacoes__cotacao {
  padding: 8px;
  border-right: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  gap: 14px;
}
.barra-cotacoes__cotacao-nome {
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.barra-cotacoes__cotacao-valor {
  color: #000;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.barra-cotacoes__cotacao-variacao {
  color: #999999;
  font-family: Matter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.barra-cotacoes__cotacao-variacao.red {
  color: #C62222;
}
.barra-cotacoes__cotacao-variacao.green {
  color: #46a885;
}
.barra-cotacoes__cotacao-variacao .pi {
  margin-top: -2px;
  font-size: 10px !important;
}
.barra-cotacoes__cotacao-variacao .pi.red {
  color: #C62222;
}
.barra-cotacoes__cotacao-variacao .pi.green {
  color: #46a885;
}

.mycc-marquee {
  --mycc-marquee-animation-duration: 90s;
  --mycc-marquee-gap: 0rem;
  --mycc-marquee-reverse: ;
  --mycc-marquee-pause: paused;
  width: 100%;
  height: 100%;
}
.mycc-marquee .mycc-marquee-invisible {
  width: 0;
  height: 0;
  display: none;
  pointer-events: none;
}
.mycc-marquee .mycc-marquee-content {
  width: 100%;
  height: 100%;
  display: flex;
  gap: var(--mycc-marquee-gap);
  overflow: hidden;
  padding: 0.5rem;
}
.mycc-marquee .mycc-marquee-content .mycc-marquee-item-wrapper {
  display: flex;
  gap: var(--mycc-marquee-gap);
  flex-shrink: 0;
}
.mycc-marquee.direction-row .mycc-marquee-content {
  flex-direction: row;
}
.mycc-marquee.direction-row .mycc-marquee-content .mycc-marquee-item-wrapper {
  flex-direction: row;
  animation: mycc-marquee-row var(--mycc-marquee-animation-duration) infinite linear var(--mycc-marquee-reverse);
}
.mycc-marquee.direction-column .mycc-marquee-content {
  flex-direction: column;
}
.mycc-marquee.direction-column .mycc-marquee-content .mycc-marquee-item-wrapper {
  flex-direction: column;
  animation: mycc-marquee-column var(--mycc-marquee-animation-duration) infinite linear var(--mycc-marquee-reverse);
}
.mycc-marquee .mycc-marquee-content:hover > .mycc-marquee-item-wrapper {
  animation-play-state: var(--mycc-marquee-pause);
}
.mycc-marquee .mycc-marquee-content.paused > .mycc-marquee-item-wrapper {
  animation-play-state: paused !important;
}
.mycc-marquee .mycc-marquee-content.outOfView > .mycc-marquee-item-wrapper {
  animation-play-state: paused;
}

@keyframes mycc-marquee-row {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--mycc-marquee-gap)));
  }
}
@keyframes mycc-marquee-column {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% - var(--mycc-marquee-gap)));
  }
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("/customers/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Light.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Light.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-LightItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-LightItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets//customers/assets/layout/fonts/matter/Matter-Regular.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Regular.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Medium.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Medium.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets//customers/assets/layout/fonts/matter/Matter-SemiBold.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBold.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Bold.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Bold.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-Heavy.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-Heavy.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.otf") format("otf");
  src: url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.woff2") format("woff2"), url("/customers/assets/layout/fonts/matter/Matter-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

/*# sourceMappingURL=layout-light.css.map */