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

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../layout/fonts/Matter/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("../layout/fonts/Matter/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("../layout/fonts/Matter/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("../layout/fonts/Matter/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("../layout/fonts/Matter/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("../layout/fonts/Matter/roboto-v20-latin-ext_latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* matter-regular - latin-ext_latin */
@font-face {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  src: local("Matter"), local("Matter Regular"), url("../layout/fonts/Matter/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("../layout/fonts/Matter/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("../layout/fonts/Matter/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("../layout/fonts/Matter/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("../layout/fonts/Matter/Matter-Light.otf") format("opentype");
}
/* Add your variable customizations of layout here */
/* Menus */
/* Topbar */
/* Menus */
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: 3px;
  font-family: monospace;
}

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

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

p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
}
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);
  }
}
.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.15s;
}

.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes p-component-overlay-leave-animation {
  from {
    background-color: rgba(0, 0, 0, 0.4);
  }
  to {
    background-color: transparent;
  }
}
/* 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: 3px;
}
.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: #757575;
  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 #bdbdbd !important;
}

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

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

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

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

.text-color {
  color: #212121 !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: #FF9800 !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: #FF9800 !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;
}

.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.3s;
  }
  .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: 3px;
  border-bottom-right-radius: 3px;
  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.3s;
  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 {
  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%;
  left: 15.75rem;
  width: 4.5rem;
  height: 2.5rem;
  margin-top: -1.25rem;
  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.3s;
}
.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%;
}
.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;
  }
  .layout-topbar .layout-topbar-left {
    height: 4rem;
    width: 100%;
    justify-content: flex-start;
  }
  .layout-topbar .layout-topbar-left .layout-topbar-mobile-button {
    display: flex;
  }
}
@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-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.3s;
}
.layout-topbar-blue .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-blue .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-blue .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(251, 192, 45, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #FBC02D;
  border-radius: 6px;
  color: #FBC02D;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #FBC02D;
  color: #212121;
  background-color: #FBC02D;
}
@media (max-width: 991px) {
  .layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-lightblue .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-lightblue .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-lightblue .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(253, 216, 53, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #FDD835;
  border-radius: 6px;
  color: #FDD835;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #FDD835;
  color: #212121;
  background-color: #FDD835;
}
@media (max-width: 991px) {
  .layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-white .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-white .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-white .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(255, 255, 255, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #ffffff;
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #ffffff;
  color: #212121;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-dark .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-dark .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-dark .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(233, 30, 99, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #E91E63;
  border-radius: 6px;
  color: #E91E63;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #E91E63;
  color: #ffffff;
  background-color: #E91E63;
}
@media (max-width: 991px) {
  .layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-deeppurple .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-deeppurple .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-deeppurple .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(249, 168, 37, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F9A825;
  border-radius: 6px;
  color: #F9A825;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F9A825;
  color: #212121;
  background-color: #F9A825;
}
@media (max-width: 991px) {
  .layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-purple .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-purple .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-purple .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(249, 168, 37, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F9A825;
  border-radius: 6px;
  color: #F9A825;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F9A825;
  color: #212121;
  background-color: #F9A825;
}
@media (max-width: 991px) {
  .layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-pink .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-pink .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-pink .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(249, 168, 37, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F9A825;
  border-radius: 6px;
  color: #F9A825;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F9A825;
  color: #212121;
  background-color: #F9A825;
}
@media (max-width: 991px) {
  .layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-cyan .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-cyan .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-cyan .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(230, 74, 25, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #E64A19;
  border-radius: 6px;
  color: #E64A19;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #E64A19;
  color: #ffffff;
  background-color: #E64A19;
}
@media (max-width: 991px) {
  .layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-teal .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-teal .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-teal .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(211, 47, 47, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #D32F2F;
  border-radius: 6px;
  color: #D32F2F;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #D32F2F;
  color: #ffffff;
  background-color: #D32F2F;
}
@media (max-width: 991px) {
  .layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-green .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-green .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-green .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(244, 81, 30, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F4511E;
  border-radius: 6px;
  color: #F4511E;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F4511E;
  color: #ffffff;
  background-color: #F4511E;
}
@media (max-width: 991px) {
  .layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-lightgreen .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-lightgreen .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-lightgreen .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(245, 124, 0, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F57C00;
  border-radius: 6px;
  color: #F57C00;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F57C00;
  color: #ffffff;
  background-color: #F57C00;
}
@media (max-width: 991px) {
  .layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-lime .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-lime .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-lime .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(245, 124, 0, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F57C00;
  border-radius: 6px;
  color: #F57C00;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F57C00;
  color: #212121;
  background-color: #F57C00;
}
@media (max-width: 991px) {
  .layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.layout-topbar-nuinvest {
  --topbar-bg-color:#f7f7f7;
  --topbar-text-color: #3a3a3a !important;
}
.layout-topbar-nuinvest .layout-topbar {
  color: #3a3a3a !important;
  background-color: #f7f7f7;
}
.layout-topbar-nuinvest .layout-topbar a {
  color: #3a3a3a !important;
}
.layout-topbar-nuinvest .layout-topbar a:hover {
  background-color: #e6e6e6 !important;
  transition: background-color 0.3s;
}
.layout-topbar-nuinvest .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-nuinvest .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-nuinvest .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff !important;
  background-color: #2C0C59 !important;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-left .layout-menu-button .pi {
  color: #ffffff !important;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #240057 !important;
  transition: background-color 0.3s;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-nuinvest .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-nuinvest .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-nuinvest .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-nuinvest .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.3s;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.layout-topbar-nuinvest .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-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: #e8e8e8;
  transition: background-color 0.3s;
}
.layout-topbar-nuinvest .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: #212121;
}
.layout-topbar-nuinvest .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: #212121;
}
.layout-topbar-nuinvest .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-nuinvest .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-nuinvest .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: #212121;
}
.layout-topbar-nuinvest .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-nuinvest .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-nuinvest .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: #212121;
}
.layout-topbar-nuinvest .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: #212121;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #2C0C59 !important;
  border-radius: 6px;
  color: #2C0C59 !important;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #2C0C59 !important;
  color: #ffffff !important;
  background-color: #2C0C59 !important;
}
@media (max-width: 991px) {
  .layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-nuinvest .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.layout-topbar-modalmais {
  --topbar-bg-color:#F0F0F2;
  --topbar-text-color: #3a3a3a !important;
}
.layout-topbar-modalmais .layout-topbar {
  color: #3a3a3a !important;
  background-color: #F0F0F2;
}
.layout-topbar-modalmais .layout-topbar a {
  color: #3a3a3a !important;
}
.layout-topbar-modalmais .layout-topbar a:hover {
  background-color: #e6e6e6 !important;
  transition: background-color 0.3s;
}
.layout-topbar-modalmais .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-modalmais .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-modalmais .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #ffffff !important;
  background-color: #0D5798 !important;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-left .layout-menu-button .pi {
  color: #ffffff !important;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(85, 117, 53, 0.7) !important;
  transition: background-color 0.3s;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-modalmais .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-modalmais .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-modalmais .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-modalmais .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.3s;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.layout-topbar-modalmais .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-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: #e8e8e8;
  transition: background-color 0.3s;
}
.layout-topbar-modalmais .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: #212121;
}
.layout-topbar-modalmais .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: #212121;
}
.layout-topbar-modalmais .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-modalmais .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-modalmais .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: #212121;
}
.layout-topbar-modalmais .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-modalmais .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-modalmais .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: #212121;
}
.layout-topbar-modalmais .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: #212121;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #0D5798 !important;
  border-radius: 6px;
  color: #0D5798 !important;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #0D5798 !important;
  color: #ffffff !important;
  background-color: #0D5798 !important;
}
@media (max-width: 991px) {
  .layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-modalmais .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-santander .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-santander .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-santander .layout-topbar a.menu-conta-subitem:hover {
  background: none !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 .pi {
  color: #ffffff !important;
}
.layout-topbar-santander .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: #990000 !important;
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #EC0000 !important;
  border-radius: 6px;
  color: #EC0000 !important;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #EC0000 !important;
  color: #ffffff !important;
  background-color: #EC0000 !important;
}
@media (max-width: 991px) {
  .layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-santander .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-yellow .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-yellow .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-yellow .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(33, 33, 33, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #212121;
  border-radius: 6px;
  color: #212121;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #212121;
  color: #ffffff;
  background-color: #212121;
}
@media (max-width: 991px) {
  .layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-amber .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-amber .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-amber .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(33, 33, 33, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #212121;
  border-radius: 6px;
  color: #212121;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #212121;
  color: #ffffff;
  background-color: #212121;
}
@media (max-width: 991px) {
  .layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-orange .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-orange .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-orange .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(33, 33, 33, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #212121;
  border-radius: 6px;
  color: #212121;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #212121;
  color: #ffffff;
  background-color: #212121;
}
@media (max-width: 991px) {
  .layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-deeporange .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-deeporange .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-deeporange .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(0, 188, 212, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #00BCD4;
  border-radius: 6px;
  color: #00BCD4;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #00BCD4;
  color: #212121;
  background-color: #00BCD4;
}
@media (max-width: 991px) {
  .layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-brown .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-brown .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-brown .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #212121;
}
.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(249, 168, 37, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #F9A825;
  border-radius: 6px;
  color: #F9A825;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #F9A825;
  color: #212121;
  background-color: #F9A825;
}
@media (max-width: 991px) {
  .layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-grey .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-grey .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-grey .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(0, 151, 167, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #0097A7;
  border-radius: 6px;
  color: #0097A7;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #0097A7;
  color: #ffffff;
  background-color: #0097A7;
}
@media (max-width: 991px) {
  .layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-bluegrey .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-bluegrey .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-bluegrey .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(0, 151, 167, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #0097A7;
  border-radius: 6px;
  color: #0097A7;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #0097A7;
  color: #ffffff;
  background-color: #0097A7;
}
@media (max-width: 991px) {
  .layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-indigo .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-indigo .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-indigo .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(233, 30, 99, 0.7);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #E91E63;
  border-radius: 6px;
  color: #E91E63;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #E91E63;
  color: #ffffff;
  background-color: #E91E63;
}
@media (max-width: 991px) {
  .layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.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.3s;
}
.layout-topbar-tema .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-tema .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-tema .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.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 .pi {
  color: #ffffff;
}
.layout-topbar-tema .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(255, 255, 255, 0.525);
  transition: background-color 0.3s;
}
.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.3s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.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: #e8e8e8;
  transition: background-color 0.3s;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.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: #212121;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #ffffff86;
  border-radius: 6px;
  color: #ffffff86;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #ffffff86;
  color: #ffffff;
  background-color: #ffffff86;
}
@media (max-width: 991px) {
  .layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-tema .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.layout-topbar-admin {
  --topbar-bg-color:#f7f7f7;
  --topbar-text-color: #3a3a3a;
}
.layout-topbar-admin .layout-topbar {
  color: #3a3a3a;
  background-color: #f7f7f7;
}
.layout-topbar-admin .layout-topbar a {
  color: #3a3a3a;
}
.layout-topbar-admin .layout-topbar a:hover {
  background-color: #e6e6e6;
  transition: background-color 0.3s;
}
.layout-topbar-admin .layout-topbar a.layout-topbar-logo:hover,
.layout-topbar-admin .layout-topbar a.layout-topbar-action:hover,
.layout-topbar-admin .layout-topbar a.menu-conta-subitem:hover {
  background: none !important;
}
.layout-topbar-admin .layout-topbar .layout-topbar-left .layout-menu-button {
  color: #9a9a9a;
  background-color: #ff6b06;
}
.layout-topbar-admin .layout-topbar .layout-topbar-left .layout-menu-button .pi {
  color: #9a9a9a;
}
.layout-topbar-admin .layout-topbar .layout-topbar-left .layout-menu-button:hover {
  background-color: rgba(255, 148, 0, 0.7);
  transition: background-color 0.3s;
}
.layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu {
  background: none;
}
.layout-topbar-admin .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-admin .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-admin .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-admin .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;
  transition: background-color 0.3s;
}
.layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel {
  background-color: #ffffff;
  color: #212121;
}
.layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a {
  color: #212121;
}
.layout-topbar-admin .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-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover {
  background-color: #e8e8e8;
  transition: background-color 0.3s;
}
.layout-topbar-admin .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: #212121;
}
.layout-topbar-admin .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: #212121;
}
.layout-topbar-admin .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-admin .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-admin .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: #212121;
}
.layout-topbar-admin .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-admin .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-admin .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: #212121;
}
.layout-topbar-admin .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: #212121;
}
.layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
  height: 50%;
  margin: auto 5rem;
  background: none;
  border: solid 2px #ff6b06;
  border-radius: 6px;
  color: #ff6b06;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1rem;
  font-family: "Matter";
  transition: all 0.3s;
}
.layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga:hover {
  cursor: pointer;
  border: solid 2px #ff6b06;
  color: #9a9a9a;
  background-color: #ff6b06;
}
@media (max-width: 991px) {
  .layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    margin: auto;
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .layout-topbar-admin .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items li .redirecionamento-interface-antiga {
    display: none;
  }
}

.layout-rightmenu.p-sidebar {
  top: 4rem;
  height: calc(100% - 4rem);
  overflow: auto;
  transition: transform 0.3s;
}
.layout-rightmenu .online-members img:hover {
  cursor: pointer;
}
.layout-rightmenu .next-events li {
  border-radius: 3px;
}
.layout-rightmenu .next-events li:hover {
  background-color: #e8e8e8;
  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.3s, color 0.3s;
}
.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.3s;
  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.3s;
  }
  .layout-menu-static .layout-main {
    transition: margin-left 0.3s;
  }
  .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);
  }
  .layout-menu-static.layout-menu-active .layout-main {
    margin-left: 2rem;
  }
}
@media (min-width: 992px) {
  .layout-menu-overlay .menu-wrapper {
    transform: translate3d(-17rem, 0px, 0px);
    transition: transform 0.3s;
    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: 3px;
  }
  .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: 3px;
  transition: all 0.3s;
  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.3s;
    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);
  display: none;
}
.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: #3a3a3a;
}
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #3a3a3a;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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-nuinvest {
  --menu-bg-color:#f8f8f8 !important;
  --menu-text-color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper {
  background-color: #f8f8f8 !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);
  display: none;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #f8f8f8 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: #2C0C59 !important;
  color: #f8f8f8 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #f8f8f8 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24) !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #595959 !important;
}
.layout-menu-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-nuinvest .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-nuinvest .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #f8f8f8 !important;
}
@media (min-width: 992px) {
  .layout-menu-nuinvest.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-nuinvest.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-nuinvest.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-modalmais {
  --menu-bg-color:#F0F0F2 !important;
  --menu-text-color: #595959 !important;
}
.layout-menu-modalmais .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);
  display: none;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #F0F0F2 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: #0D5798 !important;
  color: #ffffff !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ffffff !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24) !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #595959 !important;
}
.layout-menu-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-modalmais .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-modalmais .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #F0F0F2 !important;
}
@media (min-width: 992px) {
  .layout-menu-modalmais.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-modalmais.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-modalmais.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);
  display: none;
}
.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;
}
@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-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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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;
}
@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);
  display: none;
}
.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: #3a3a3a;
}
.layout-menu-tema .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #3a3a3a;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.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: #3a3a3a;
}
.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;
}
@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-admin {
  --menu-bg-color:#f8f8f8;
  --menu-text-color: #657380;
}
.layout-menu-admin .menu-wrapper {
  background-color: #f8f8f8;
  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);
  display: none;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
  color: #657380;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu > li > ul {
  background-color: #f8f8f8;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu li a {
  color: #3a3a3a;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu li a i {
  color: #3a3a3a;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a {
  background-color: rgba(255, 255, 255, 0.24);
  color: #ff6b06;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i {
  color: #ff6b06;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu {
  border-color: rgba(255, 255, 255, 0.24);
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu a {
  color: #3a3a3a;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item {
  color: #3a3a3a;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i,
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i {
  color: #3a3a3a;
}
.layout-menu-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,
.layout-menu-admin .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-admin .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel {
  background-color: #f8f8f8;
}
@media (min-width: 992px) {
  .layout-menu-admin.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-admin.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-admin.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;
    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 #bdbdbd;
  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 #bdbdbd;
  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: #757575;
}
.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 #bdbdbd;
}
.landing-container #footer a {
  color: #212121;
}
.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: #212121;
    animation-duration: 0.3s;
  }
  .landing-container #header .header-menu-container #menu a {
    color: #212121;
  }
  .landing-container #header .header-menu-container #menu > li {
    width: 100%;
  }
  .landing-container #header .header-menu-container #menu > li:hover {
    background-color: #e8e8e8;
    transition: background-color 0.3s;
  }
  .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 #bdbdbd;
}
.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: #FF9800;
}

.widget-expenses .card-subheader {
  font-size: 0.9rem;
  color: #757575;
  border-bottom: 1px solid #bdbdbd;
}
.widget-expenses .item {
  padding: 0.5rem;
  border-bottom: 1px solid #bdbdbd;
}
.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: #757575;
}
.widget-expenses .item .item-button a {
  color: #757575;
}

.widget-traffic .left {
  padding: 1rem;
}
.widget-traffic .left .total .title {
  color: #757575;
}
.widget-traffic .left .total .value {
  font-size: 2rem;
  font-weight: 500;
}
.widget-traffic .left .info .title {
  color: #757575;
}
.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: #757575;
  border-bottom: 1px solid #bdbdbd;
}

.widget-social .info {
  text-align: right;
}
.widget-social .info .value {
  font-size: 2rem;
}
.widget-social .info .subtext {
  color: #757575;
}
.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: #757575;
}
.widget-social .left {
  border-right: 1px solid #bdbdbd;
}
.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 #bdbdbd;
}

.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 #bdbdbd;
}
.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 #bdbdbd;
}
.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: #757575;
}
.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: #757575;
}
.widget-bestsellers > li .bestseller-item .item-button {
  margin-left: auto;
}
.widget-bestsellers > li .bestseller-item:hover {
  cursor: pointer;
  background-color: #e8e8e8;
  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: 16px;
}

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

.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;
}
.layout-wrapper .layout-main .layout-content {
  background-color: #ededed;
  margin-top: 64px;
  padding: 0.4rem 0 0 1rem;
  flex: 1 1 0;
  margin-left: 12px;
}
@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: #757575;
  z-index: 999;
}

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

.layout-config {
  transition: transform 0.3s;
}
.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 #bdbdbd;
}
.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;
}

/* Add your customizations of layout here */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-300.woff2") format("woff2"), url("../fonts/roboto-v15-latin-300.woff") format("woff"), url("../fonts/roboto-v15-latin-300.ttf") format("truetype"), url("../fonts/roboto-v15-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v15-latin-regular.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v15-latin-regular.woff") format("woff"), url("../fonts/roboto-v15-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v15-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v15-latin-700.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-700.woff2") format("woff2"), url("../fonts/roboto-v15-latin-700.woff") format("woff"), url("../fonts/roboto-v15-latin-700.ttf") format("truetype"), url("../fonts/roboto-v15-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-Light.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-Light.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-LightItalic.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-LightItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-Regular.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-Regular.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-RegularItalic.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-RegularItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-Medium.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-Medium.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-MediumItalic.woff") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-MediumItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../../../../../layout/fonts/Matter/Matter-SemiBold.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-SemiBold.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-SemiBoldItalic.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-SemiBoldItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-Bold.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-Bold.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-BoldItalic.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-BoldItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-Heavy.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-Heavy.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Matter";
  src: url("../../../layout/fonts/Matter/Matter-HeavyItalic.otf") format("otf");
  src: url("../../../layout/fonts/Matter/Matter-HeavyItalic.woff2") format("woff2"), url("../../../layout/fonts/Matter/Matter-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
/* 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;
}

.ui-shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ui-shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.ui-shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.ui-shadow-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.ui-shadow-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.ui-g {
  -ms-flex-wrap: wrap;
}
.ui-g.form-group > div {
  padding: 1em;
}
.ui-g.form-group-m > div {
  padding: 1em;
}

/* 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;
}

.ripplelink:hover {
  /*z-index:1000;*/
}

.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);
  }
}
.splash-screen {
  width: 100%;
  min-height: 100%;
  background-color: #3F51B5;
  position: absolute;
}

.splash-loader-container {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
}

.splash-loader {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.splash-path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: calc($offset/4);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.dashboard .overview {
  padding: 0 !important;
  min-height: 140px;
  position: relative;
  margin-bottom: 0px !important;
}
.dashboard .overview .overview-content {
  padding: 16px;
}
.dashboard .overview .overview-content .overview-title {
  font-size: 18px;
}
.dashboard .overview .overview-content .overview-badge {
  float: right;
  color: #757575;
}
.dashboard .overview .overview-content .overview-detail {
  display: block;
  font-size: 24px;
  margin-top: 5px;
}
.dashboard .overview .overview-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dashboard .overview .overview-footer img {
  display: block;
}
.dashboard .colorbox {
  padding: 0 !important;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0px !important;
}
.dashboard .colorbox i {
  font-size: 48px;
  margin-top: 10px;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-name {
  font-size: 20px;
  display: inline-block;
  width: 100%;
  margin: 4px 0 10px 0;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-count {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
}
.dashboard .colorbox.colorbox-1 {
  background-color: #4CAF50;
}
.dashboard .colorbox.colorbox-1 div:first-child {
  background-color: #2E7D32;
}
.dashboard .colorbox.colorbox-2 {
  background-color: #03A9F4;
}
.dashboard .colorbox.colorbox-2 div:first-child {
  background-color: #0277BD;
}
.dashboard .colorbox.colorbox-3 {
  background-color: #673AB7;
}
.dashboard .colorbox.colorbox-3 div:first-child {
  background-color: #4527A0;
}
.dashboard .colorbox.colorbox-4 {
  background-color: #009688;
}
.dashboard .colorbox.colorbox-4 div:first-child {
  background-color: #00695C;
}
.dashboard .task-list {
  overflow: hidden;
}
.dashboard .task-list > .ui-panel {
  min-height: 340px;
}
.dashboard .task-list .ui-panel-content {
  padding: 10px 0 !important;
}
.dashboard .task-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard .task-list ul li {
  padding: 0.625em 0.875em;
  border-bottom: 1px solid #dbdbdb;
}
.dashboard .task-list ul li:first-child {
  margin-top: 10px;
}
.dashboard .task-list ul .ui-chkbox {
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard .task-list ul .task-name {
  vertical-align: middle;
}
.dashboard .task-list ul i {
  color: #757575;
  float: right;
}
.dashboard .contact-form {
  overflow: hidden;
}
.dashboard .contact-form .ui-panel {
  min-height: 340px;
}
.dashboard .contact-form .ui-g-12 {
  padding: 16px 10px;
}
.dashboard .contact-form .ui-button {
  margin-top: 20px;
}
.dashboard .contacts {
  overflow: hidden;
}
.dashboard .contacts > .ui-panel {
  min-height: 340px;
}
.dashboard .contacts .ui-panel-content {
  padding: 15px 0 10px 0 !important;
}
.dashboard .contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .contacts ul li {
  border-bottom: 1px solid #d8d8d8;
}
.dashboard .contacts ul li a {
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dashboard .contacts ul li a .name {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: #212121;
}
.dashboard .contacts ul li a .email {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 14px;
  color: #757575;
}
.dashboard .contacts ul li a:hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.dashboard .contacts ul li:last-child {
  border: 0;
}
.dashboard .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .activity-list li {
  border-bottom: 1px solid #bdbdbd;
  padding: 15px 0 9px 9px;
}
.dashboard .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #03A9F4;
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dashboard .activity-list li:first-child {
  border-top: 1px solid #bdbdbd;
}
.dashboard .activity-list li:last-child {
  border: 0;
}
.dashboard .activity-list li .ui-g-6:first-child {
  font-size: 18px;
  padding-left: 0;
}
.dashboard .activity-list li .ui-g-6:last-child {
  text-align: right;
  color: #757575;
}
.dashboard .timeline {
  height: 100%;
  box-sizing: border-box;
}
.dashboard .timeline > .ui-g .ui-g-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #bdbdbd;
}
.dashboard .timeline > .ui-g .ui-g-3 i {
  background-color: #ffffff;
  font-size: 36px;
  position: absolute;
  top: 0px;
  right: -18px;
}
.dashboard .timeline > .ui-g .ui-g-9 {
  padding-left: 1.5em;
}
.dashboard .timeline > .ui-g .ui-g-9 .event-text {
  color: #757575;
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.dashboard .timeline > .ui-g .ui-g-9 .event-content img {
  width: 100%;
}
.dashboard > div > .ui-panel {
  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);
}

.layout-rightpanel .layout-rightpanel-header {
  background: url("../images/dashboard/sidebar-image.jpg") no-repeat;
  background-size: cover;
  height: 118px;
  padding: 20px 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-rightpanel .layout-rightpanel-header .weather-day, .layout-rightpanel .layout-rightpanel-header .weather-date {
  color: #ffffff;
  left: 14px;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 4px;
}
.layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-rightpanel .layout-rightpanel-content h1 {
  font-size: 18px;
  margin: 0 0 4px 0;
}
.layout-rightpanel .layout-rightpanel-content h2 {
  font-size: 16px;
  margin: 0;
  color: #757575;
  font-weight: normal;
}
.layout-rightpanel .layout-rightpanel-content .weather-today {
  text-align: center;
  margin-top: 28px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today .weather-today-value {
  font-size: 36px;
  vertical-align: middle;
  margin-right: 14px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today img {
  vertical-align: middle;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather {
  list-style-type: none;
  margin: 28px 0 0 0;
  padding: 0;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li {
  padding: 8px 14px;
  border-bottom: 1px solid #d8dae2;
  position: relative;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value {
  position: absolute;
  right: 40px;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li img {
  width: 24px;
  position: absolute;
  right: 0px;
  top: 4px;
}

.exception-body {
  background-color: #f7f7f7;
  height: auto;
}
.exception-body .exception-panel {
  text-align: center;
  width: 350px;
  padding: 35px;
  margin: -10% auto 0 auto;
  z-index: 100;
}
.exception-body .exception-panel i {
  font-size: 72px;
}
.exception-body .exception-panel h1 {
  font-size: 36px;
  line-height: 36px;
  color: #757575;
}
.exception-body .exception-panel .exception-detail {
  margin: 20px 0px 100px 0px;
  color: #757575;
}
.exception-body .ui-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.exception-body .ui-button:hover {
  background-color: #6699ff;
}
.exception-body.error-page .exception-type {
  background-color: #e62a10;
}
.exception-body.error-page .exception-type img {
  width: 100%;
}
.exception-body.error-page .exception-panel i {
  color: #f79a84;
}
.exception-body.notfound-page .exception-type {
  background-color: #3f51b5;
}
.exception-body.notfound-page .exception-type img {
  width: 54%;
}
.exception-body.notfound-page .exception-panel i {
  color: #9fa8da;
}
.exception-body.accessdenied-page .exception-type {
  background-color: #e91e63;
}
.exception-body.accessdenied-page .exception-type img {
  width: 50%;
}
.exception-body.accessdenied-page .exception-panel i {
  color: #f48fb1;
}

@media (max-width: 1024px) {
  .exception-body .exception-panel {
    margin-top: -50px;
  }
}
@media (max-width: 640px) {
  .exception-body .exception-panel {
    width: 250px;
    margin-top: -15px;
  }
}
.landing-wrapper .ui-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-wrapper .ui-button:hover {
  background-color: #6699ff;
}
.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
}
.landing-wrapper #header .header-top {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px;
}
.landing-wrapper #header .header-top .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("../images/logo.png") top left no-repeat;
}
.landing-wrapper #header .header-top #menu {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-wrapper #header .header-top #menu li {
  float: left;
  display: block;
  margin-left: 30px;
}
.landing-wrapper #header .header-top #menu li a {
  color: #ffffff;
}
.landing-wrapper #header .header-top #menu li i {
  display: none;
}
.landing-wrapper #header .header-top #menu.lmenu-active {
  display: block;
}
.landing-wrapper #header .header-top #menu-button {
  height: 36px;
  margin-top: -2px;
  float: right;
  color: #ffffff;
  display: none;
}
.landing-wrapper #header .header-top #menu-button i {
  font-size: 36px;
}
.landing-wrapper #header .header-content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-wrapper #header .header-content h1 {
  margin: 75px 0px 50px 0px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.landing-wrapper #features {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #features h2 {
  font-weight: 400;
  line-height: 28px;
}
.landing-wrapper #features h3 {
  font-weight: 400;
}
.landing-wrapper #features p {
  color: #757575;
}
.landing-wrapper #features .ui-g-12 {
  padding: 2em 0.5em;
}
.landing-wrapper #features .feature-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f4f8fc;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-wrapper #features .feature-icon i {
  margin-top: 30px;
  font-size: 36px;
}
.landing-wrapper #features .feature-icon:hover {
  background-color: #e91e63;
}
.landing-wrapper #features .feature-icon:hover i {
  color: #ffffff;
}
.landing-wrapper #promotion {
  background: url("../images/landing/promotion.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-wrapper #promotion .ui-lg-8 {
  padding: 150px 0 0 150px;
}
.landing-wrapper #promotion .ui-lg-8 h1 {
  color: #ffffff;
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 {
  margin: -50px 0 -50px 0;
}
.landing-wrapper #promotion .ui-lg-4 .card {
  -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  margin-bottom: 20px;
}
.landing-wrapper #promotion .ui-lg-4 .card h3 {
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 .card p {
  color: #757575;
}
.landing-wrapper #promotion .ui-lg-4 .card:last-child {
  margin-bottom: 0;
}
.landing-wrapper #pricing {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #pricing h2 {
  font-weight: 400;
}
.landing-wrapper #pricing p {
  color: #757575;
}
.landing-wrapper #pricing .pricing-box .card {
  height: 100%;
  padding: 0;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
  padding: 40px 0;
  color: #ffffff;
}
.landing-wrapper #pricing .pricing-box .pricing-header span {
  display: block;
  line-height: 48px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
  font-weight: 300;
  font-size: 24px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
  font-size: 48px;
  font-weight: 700;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
  font-weight: 300;
  font-size: 16px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul {
  margin: 0;
  padding: 30px 20px;
  list-style-type: none;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
  font-size: 18px;
  text-align: left;
  padding: 10px 14px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
  margin-right: 20px;
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
  background-color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-basic i {
  color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
  background-color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-standard i {
  color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
  background-color: #607d8b;
}
.landing-wrapper #pricing .pricing-box.pricing-professional i {
  color: #607d8b;
}
.landing-wrapper #video {
  background-color: #f7f7f7;
  min-width: 400px;
}
.landing-wrapper #video .video-content {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #video .video-content h2 {
  font-weight: 400;
}
.landing-wrapper #video .video-content p {
  color: #757575;
}
.landing-wrapper .footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.landing-wrapper .footer .footer-content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px 50px 0px;
}
.landing-wrapper .footer .footer-content ul {
  float: right;
  list-style-type: none;
}
.landing-wrapper .footer .footer-content ul li a {
  color: #757575;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.landing-wrapper .footer .footer-content ul li a:hover {
  color: #212121;
}

@media (max-width: 1024px) {
  .landing-wrapper #header {
    min-height: 200px;
    background-size: cover;
  }
  .landing-wrapper #header .header-top {
    z-index: 100;
    position: fixed;
    top: 0;
    background: #424242;
    background-size: 100% auto;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .landing-wrapper #header .header-top #menu-button {
    display: inline-block;
  }
  .landing-wrapper #header .header-top #menu {
    z-index: 100;
    position: fixed;
    top: 86px;
    right: 30px;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    width: 225px;
    list-style: none;
    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.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .landing-wrapper #header .header-top #menu li {
    float: none;
    margin-left: 0;
  }
  .landing-wrapper #header .header-top #menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #212121;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden;
  }
  .landing-wrapper #header .header-top #menu li a i {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .landing-wrapper #header .header-top #menu li a:hover {
    background-color: #e8e8e8;
  }
  .landing-wrapper #header .header-top #menu li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .landing-wrapper #header .header-content {
    width: 100%;
    padding: 100px 30px 60px 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
  }
  .landing-wrapper #features, .landing-wrapper #promotion, .landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #promotion .ui-lg-8 {
    padding: 100px 0 30px;
    text-align: center;
  }
  .landing-wrapper #promotion .ui-lg-8 h1 {
    margin-top: -30px;
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400;
  }
  .landing-wrapper #video .video-content {
    width: 100%;
  }
  .landing-wrapper #video .video-content .video-container iframe {
    width: 350px;
    height: 220px;
  }
  .landing-wrapper .footer .footer-content {
    text-align: center;
  }
  .landing-wrapper .footer .footer-content ul {
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .landing-wrapper .header .header-top .logo {
    background: url("../images/logo2x.png") top left no-repeat;
    background-size: 200px 30px;
  }
}
body .layout-wrapper.layout-compact {
  font-size: 14px;
  line-height: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li a i:last-child {
  font-size: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li ul li a span {
  font-size: 14px;
}
body .layout-wrapper.layout-compact .layout-container .layout-breadcrumb ul li {
  vertical-align: middle;
}
body .layout-wrapper.layout-compact .ui-radiobutton .ui-radiobutton-box {
  width: 18px;
  height: 18px;
}
body .layout-wrapper.layout-compact .ui-datepicker tbody td a, body .layout-wrapper.layout-compact .ui-datepicker body .ui-datepicker tbody td span {
  padding-top: 0.25em;
}

@media (min-width: 1025px) {
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    top: 35px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li span {
    font-size: 14px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 110px;
  }
}
body {
  font-family: "Roboto" !important;
  font-size: 0.875rem;
}
body .mb-0 {
  margin-bottom: 0 !important;
}
body .mt-0 {
  margin-top: 0 !important;
}
body .mb-1 {
  margin-bottom: 1rem !important;
}
body .m-1 {
  margin: 0 0.5rem;
}
body .m-2 {
  margin: 1rem;
}
body .dialog-fix {
  max-width: 500px;
}
body .dialog-fix .p-dialog-content {
  padding-bottom: 60px !important;
}
body .dialog-fix .p-dialog-footer {
  text-align: left !important;
  border: 0 none !important;
  border-top: transparent !important;
  display: flex !important;
  justify-content: flex-end;
  border-top: 1px solid #ececec !important;
  background-color: #f1f1f1 !important;
  padding-top: 10px !important;
}
body .dialog-fix .p-dialog-footer .p-button {
  display: inline-flex !important;
  flex-direction: row;
  align-content: center;
  height: 40px;
}
body .dialog-fix .dialog-fix .p-dialog-header {
  display: flex !important;
  justify-content: space-between !important;
  padding: 1rem !important;
}
body .dialog-fix .dialog-fix .p-dialog-header .p-dialog-title {
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  display: block !important;
}
body .mr-1 {
  margin-right: 1rem !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 .mr-0 {
  margin-right: 0 !important;
}
body .mt-2 {
  margin-top: 2rem !important;
}
body .mt-1 {
  margin-top: 1rem !important;
}
body .p-1 {
  padding: 1rem !important;
}
body .p-0-2 {
  padding: 0.2rem !important;
}
body .pl-0-5 {
  padding-left: 0.5rem !important;
}
body .menu-headline {
  font-weight: 700;
  font-size: 1em;
  padding-left: 1em;
  margin-bottom: 0.7em;
  padding-right: 2em;
}
body .pl-1 {
  padding-left: 1rem !important;
}
body .w-20 {
  width: 20rem;
}
body .w-15 {
  width: 20rem;
}
body .w-100 {
  width: 100%;
}
body .h-100 {
  height: 100%;
}
body .br-0-5 {
  border-radius: 0.5rem;
}
body .brt-0 {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}
body .outline {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 1px solid #e6e6e6;
}
body .outline-0 {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: 0px;
}
body .outline-b-0 {
  border-bottom: 0px;
}
body .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .flex-center-horizontal {
  display: flex;
  justify-content: center;
}
body .flex-center-vertical {
  display: flex;
  align-items: center;
}
body .ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-dialog:not(.myc-modal) {
  max-width: 60%;
}
.p-dialog:not(.myc-modal) p-footer .p-button {
  display: none;
}

.dialog-fix {
  max-width: 500px;
}
.dialog-fix .p-dialog-footer {
  text-align: left !important;
  border: 0 none !important;
  border-top: transparent !important;
  display: flex !important;
  justify-content: flex-end;
}
.dialog-fix .p-dialog-footer .p-button {
  display: inline-flex !important;
  flex-direction: row;
  align-content: center;
  height: 40px;
}
.dialog-fix .dialog-fix .p-dialog-header {
  display: flex !important;
  justify-content: space-between !important;
  padding: 1rem !important;
}
.dialog-fix .dialog-fix .p-dialog-header .p-dialog-title {
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  display: block !important;
}

.layout-content .custom-modal {
  width: 600px;
  max-height: 600px;
}
.layout-content .custom-modal .title {
  font-size: 1.2em;
  font-weight: 800;
  margin-bottom: 2rem;
  text-align: center;
}
.layout-content .main-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.layout-content .main-title-container .subview {
  display: flex;
  align-items: center;
}
.layout-content .main-title-container .title {
  font-size: 1.7rem;
  font-weight: bold;
}
.layout-content .main-title-container .subtitle {
  font-size: 0.8rem;
  margin-left: 0.4rem;
  opacity: 0.8;
  margin-top: 3px;
}
@media (max-width: 900px) {
  .layout-content .main-title-container .subview {
    flex-direction: column;
  }
  .layout-content .main-title-container .subtitle {
    margin-left: 0rem;
    margin-top: 0.5rem;
    align-self: flex-start;
  }
  .layout-content .main-title-container .title {
    font-size: 1.5em;
  }
}
.layout-content .custom-divider {
  background-color: rgba(0, 0, 0, 0.08);
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.layout-content .transparent-button .p-button {
  background-color: transparent;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 0.7rem;
  height: 2.2rem;
  border-radius: 0.3rem;
  font-weight: bold;
}
.layout-content .transparent-button .p-button:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.layout-content .transparent-button .p-button .pi,
.layout-content .transparent-button .p-button .pi.pi-pencil:before {
  color: black !important;
}
.layout-content .orange-button .p-button {
  background-color: #ff6b06;
  color: white !important;
  text-transform: uppercase;
  font-size: 0.7rem;
  height: 2.4rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0.3rem;
  text-overflow: ellipsis;
}
.layout-content .orange-button .p-button:hover {
  background-color: #f18f06 !important;
}
.layout-content .orange-button .p-button .pi,
.layout-content .orange-button .p-button .pi.pi-pencil:before {
  color: white !important;
}
.layout-content .topbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  background-color: #f7f7f7;
}
.layout-content .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-content .topbar .topbar-left {
  transition: all 0.3s;
  box-sizing: border-box;
  padding: 20px;
  height: 75px;
  width: 250px;
  background-color: #ffffff;
  float: left;
}
.layout-content .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.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -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-content .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-content .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.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: white;
  font-size: 36px;
}
.layout-content .topbar .topbar-right #menu-button i:before {
  content: "chevron_left";
}
.layout-content .topbar .topbar-right .topbar-items .search-item {
  margin-right: 8px;
}
.layout-content .topbar .topbar-right .topbar-items .search-item input {
  position: relative;
  top: 10px;
  font-size: 16px;
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  padding: 2px;
  color: #ffffff;
}
.layout-content .topbar .topbar-right .topbar-items .search-item input:focus {
  outline: 0 none;
}
.layout-content .topbar .topbar-right .topbar-items .search-item input:focus ~ label {
  top: -5px;
  font-size: 12px;
}
.layout-content .topbar .topbar-right .topbar-items .search-item input.p--filled ~ label {
  display: none;
}
.layout-content .topbar .topbar-right .topbar-items .search-item label {
  color: #ffffff;
  top: 13px;
}
.layout-content .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-content .layout-menu .profile .profile-name {
  display: inline-block;
  color: #212121;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
}
.layout-content .layout-breadcrumb {
  min-height: 42px;
}
.layout-content .layout-breadcrumb:before, .layout-content .layout-breadcrumb:after {
  content: "";
  display: table;
}
.layout-content .layout-breadcrumb:after {
  clear: both;
}
.layout-content .layout-breadcrumb .first-menu-label {
  margin-left: 0.4rem;
}
.layout-content .layout-breadcrumb ul .material-icons {
  color: #797878;
}
.layout-content .layout-breadcrumb ul li {
  font-size: 16px;
}
.layout-content .layout-breadcrumb ul li .arrow-breadcrumb {
  vertical-align: bottom;
  color: black;
}
.layout-content .layout-breadcrumb ul li:nth-child(even) {
  font-size: 16px;
}
.layout-content .layout-breadcrumb .layout-breadcrumb-separator {
  font-size: 1.2em !important;
}
.layout-content .ultima-menu {
  border-radius: 0.5em;
}
.layout-content .ultima-menu li i {
  color: #757575 !important;
}
.layout-content .ultima-menu li.active-menuitem .active-menuitem-routerlink {
  -webkit-box-shadow: inset 0.3rem 0px 0px 0px #ff6b06;
  box-shadow: inset 0.3rem 0px 0px 0px #ff6b06;
  color: #212121;
}
.layout-content .ultima-menu li.active-menuitem > a {
  background-color: #e8e8e8;
  color: #757575;
}
.layout-content .ultima-menu li.active-menuitem > a > i {
  color: #757575;
}
.layout-content .ultima-menu .submenu {
  color: black;
}
.layout-content .ultima-menu p.menu-headline {
  font-weight: 700;
  font-size: 1em;
  padding-left: 1em;
  margin-bottom: 0.7em;
  padding-right: 2em;
}
.layout-content .ultima-menu > li[role=menuitem] > a > i:first-child {
  font-size: 1.5em;
}
.layout-content .ultima-menu > li > a {
  display: block;
  padding: 0.5em 2.5em 0.5em 1em;
  color: #212121 !important;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  overflow: hidden;
  cursor: pointer;
}
.layout-content .ultima-menu > li > a i {
  color: #757575 !important;
}
.layout-content .ultima-menu > li > a > span {
  font-weight: 500;
  font-size: 1em;
}
.layout-content .ultima-menu > li > a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 2em;
}
.layout-content .ultima-menu > li > a i:last-child {
  float: right;
  font-size: 20px;
  margin-top: 0.15em;
  margin-right: -0.15em;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-content .ultima-menu > li > a:hover {
  background-color: #e8e8e8;
}
.layout-content .ultima-menu > li > a span {
  vertical-align: middle;
}
.layout-content .ultima-menu > li > a.active-menuitem-routerlink {
  -webkit-box-shadow: inset 0.3rem 0px 0px 0px #ff6b06;
  box-shadow: inset 0.3rem 0px 0px 0px #ff6b06;
  background-color: #e8e8e8;
  color: #757575;
}
.layout-content .ultima-menu > li > a.active-menuitem-routerlink > i {
  color: #757575;
}
.layout-content .ultima-menu > li > a.active-menuitem-routerlink:hover {
  color: #212121;
}
.layout-content .ultima-menu > li > a.active-menuitem-routerlink:hover > i {
  color: #212121;
}

@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: #424242;
  }
  .layout-container .topbar-items > li > a .topbar-label {
    color: #797878;
    display: block;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
  }
  .layout-container .topbar-items > li .topbar-icon {
    font-size: 33px;
    color: #c2cfe0;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .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.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }
  .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.png") top left no-repeat;
    background-size: 350px 55px;
  }
}
.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;
}

@media (max-width: 1024px) {
  .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-input-filled:not(.myc-component) .p-inputtext:not(.myc-component) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background: transparent no-repeat;
  background-image: none !important;
  background-size: 0;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  font-size: 14px !important;
  width: 100%;
}
.p-input-filled:not(.myc-component) .p-inputtext:not(.myc-component):enabled:focus {
  background-color: transparent;
}
.p-input-filled:not(.myc-component) .p-inputtext:not(.myc-component):enabled:hover {
  background-color: transparent;
  border-color: transparent;
  background-image: none !important;
}

.p-dropdown .p-dropdown-clear-icon {
  right: 2.5rem;
  font-size: 1rem !important;
}

.p-paginator .p-dropdown {
  margin-left: 0.5em;
}

.p-button {
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.p-button .p-button-icon {
  font-size: 1.1rem;
}

.p-button-label {
  font-size: 0.9rem;
  display: inline;
  flex: 0 0 auto !important;
}

.input-fix {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  height: 50px;
}

.calendar-fix .input-icon {
  border-bottom: 0px !important;
}
.calendar-fix input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  height: 50px;
}

.ui-button.purple2 {
  background-color: #828bb2;
  color: white;
}

.btn-primary-border {
  border: 1px solid #ff6b06;
  background-color: transparent !important;
}

.faturamento .p-calendar .p-inputtext {
  padding-bottom: 0.4rem !important;
}

.custom-op .p-overlaypanel-content {
  padding: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.custom-op .p-overlaypanel-content ::-webkit-scrollbar {
  width: 2px;
}
.custom-op .p-overlaypanel-content ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.custom-op .p-overlaypanel-content ::-webkit-scrollbar-thumb {
  background: #888;
}
.custom-op .p-overlaypanel-content ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.custom-op .myc-button button {
  width: 400px;
}
.custom-op__label-pendencias p {
  font-weight: 400;
  color: #999999;
}
.custom-op__label-pendencias span {
  font-weight: 400;
  color: #ff6b06;
}

.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #f3f3f3;
  color: black;
  border: 1px solid black;
}

.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary > .p-button:enabled:active,
.p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: transparent;
  color: black;
  border: 1px solid black;
}

.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  background: rgba(191, 191, 191, 0.76);
}

.landing-wrapper .ui-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-wrapper .ui-button:hover {
  background-color: #6699ff;
}
.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
}
.landing-wrapper #header .header-top {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px;
}
.landing-wrapper #header .header-top .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("../images/logo.png") top left no-repeat;
}
.landing-wrapper #header .header-top #menu {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-wrapper #header .header-top #menu li {
  float: left;
  display: block;
  margin-left: 30px;
}
.landing-wrapper #header .header-top #menu li a {
  color: #ffffff;
}
.landing-wrapper #header .header-top #menu li i {
  display: none;
}
.landing-wrapper #header .header-top #menu.lmenu-active {
  display: block;
}
.landing-wrapper #header .header-top #menu-button {
  height: 36px;
  margin-top: -2px;
  float: right;
  color: #ffffff;
  display: none;
}
.landing-wrapper #header .header-top #menu-button i {
  font-size: 36px;
}
.landing-wrapper #header .header-content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-wrapper #header .header-content h1 {
  margin: 75px 0px 50px 0px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.landing-wrapper #features {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #features h2 {
  font-weight: 400;
  line-height: 28px;
}
.landing-wrapper #features h3 {
  font-weight: 400;
}
.landing-wrapper #features p {
  color: #757575;
}
.landing-wrapper #features .ui-g-12 {
  padding: 2em 0.5em;
}
.landing-wrapper #features .feature-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f4f8fc;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-wrapper #features .feature-icon i {
  margin-top: 30px;
  font-size: 36px;
}
.landing-wrapper #features .feature-icon:hover {
  background-color: #e91e63;
}
.landing-wrapper #features .feature-icon:hover i {
  color: #ffffff;
}
.landing-wrapper #promotion {
  background: url("../images/landing/promotion.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-wrapper #promotion .ui-lg-8 {
  padding: 150px 0 0 150px;
}
.landing-wrapper #promotion .ui-lg-8 h1 {
  color: #ffffff;
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 {
  margin: -50px 0 -50px 0;
}
.landing-wrapper #promotion .ui-lg-4 .card {
  -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  margin-bottom: 20px;
}
.landing-wrapper #promotion .ui-lg-4 .card h3 {
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 .card p {
  color: #757575;
}
.landing-wrapper #promotion .ui-lg-4 .card:last-child {
  margin-bottom: 0;
}
.landing-wrapper #pricing {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #pricing h2 {
  font-weight: 400;
}
.landing-wrapper #pricing p {
  color: #757575;
}
.landing-wrapper #pricing .pricing-box .card {
  height: 100%;
  padding: 0;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
  padding: 40px 0;
  color: #ffffff;
}
.landing-wrapper #pricing .pricing-box .pricing-header span {
  display: block;
  line-height: 48px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
  font-weight: 300;
  font-size: 24px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
  font-size: 48px;
  font-weight: 700;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
  font-weight: 300;
  font-size: 16px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul {
  margin: 0;
  padding: 30px 20px;
  list-style-type: none;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
  font-size: 18px;
  text-align: left;
  padding: 10px 14px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
  margin-right: 20px;
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
  background-color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-basic i {
  color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
  background-color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-standard i {
  color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
  background-color: #607d8b;
}
.landing-wrapper #pricing .pricing-box.pricing-professional i {
  color: #607d8b;
}
.landing-wrapper #video {
  background-color: #f7f7f7;
  min-width: 400px;
}
.landing-wrapper #video .video-content {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #video .video-content h2 {
  font-weight: 400;
}
.landing-wrapper #video .video-content p {
  color: #757575;
}
.landing-wrapper .footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.landing-wrapper .footer .footer-content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px 50px 0px;
}
.landing-wrapper .footer .footer-content ul {
  float: right;
  list-style-type: none;
}
.landing-wrapper .footer .footer-content ul li a {
  color: #757575;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.landing-wrapper .footer .footer-content ul li a:hover {
  color: #212121;
}

@media (max-width: 1024px) {
  .landing-wrapper #header {
    min-height: 200px;
    background-size: cover;
  }
  .landing-wrapper #header .header-top {
    z-index: 100;
    position: fixed;
    top: 0;
    background: #424242;
    background-size: 100% auto;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .landing-wrapper #header .header-top #menu-button {
    display: inline-block;
  }
  .landing-wrapper #header .header-top #menu {
    z-index: 100;
    position: fixed;
    top: 86px;
    right: 30px;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    width: 225px;
    list-style: none;
    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.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .landing-wrapper #header .header-top #menu li {
    float: none;
    margin-left: 0;
  }
  .landing-wrapper #header .header-top #menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #212121;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden;
  }
  .landing-wrapper #header .header-top #menu li a i {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .landing-wrapper #header .header-top #menu li a:hover {
    background-color: #e8e8e8;
  }
  .landing-wrapper #header .header-top #menu li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .landing-wrapper #header .header-content {
    width: 100%;
    padding: 100px 30px 60px 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
  }
  .landing-wrapper #features, .landing-wrapper #promotion, .landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #promotion .ui-lg-8 {
    padding: 100px 0 30px;
    text-align: center;
  }
  .landing-wrapper #promotion .ui-lg-8 h1 {
    margin-top: -30px;
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400;
  }
  .landing-wrapper #video .video-content {
    width: 100%;
  }
  .landing-wrapper #video .video-content .video-container iframe {
    width: 350px;
    height: 220px;
  }
  .landing-wrapper .footer .footer-content {
    text-align: center;
  }
  .landing-wrapper .footer .footer-content ul {
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .landing-wrapper .header .header-top .logo {
    background: url("../images/logo2x.png") top left no-repeat;
    background-size: 200px 30px;
  }
}
/* Layout */
/* Topbar */
/* Menus */
.splash-screen {
  width: 100%;
  min-height: 100%;
  background-color: #3F51B5;
  position: absolute;
}

.splash-loader-container {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
}

.splash-loader {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.splash-path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: calc($offset/4);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.dashboard .overview {
  padding: 0 !important;
  min-height: 140px;
  position: relative;
  margin-bottom: 0px !important;
}
.dashboard .overview .overview-content {
  padding: 16px;
}
.dashboard .overview .overview-content .overview-title {
  font-size: 18px;
}
.dashboard .overview .overview-content .overview-badge {
  float: right;
  color: #757575;
}
.dashboard .overview .overview-content .overview-detail {
  display: block;
  font-size: 24px;
  margin-top: 5px;
}
.dashboard .overview .overview-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dashboard .overview .overview-footer img {
  display: block;
}
.dashboard .colorbox {
  padding: 0 !important;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0px !important;
}
.dashboard .colorbox i {
  font-size: 48px;
  margin-top: 10px;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-name {
  font-size: 20px;
  display: inline-block;
  width: 100%;
  margin: 4px 0 10px 0;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-count {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
}
.dashboard .colorbox.colorbox-1 {
  background-color: #4CAF50;
}
.dashboard .colorbox.colorbox-1 div:first-child {
  background-color: #2E7D32;
}
.dashboard .colorbox.colorbox-2 {
  background-color: #03A9F4;
}
.dashboard .colorbox.colorbox-2 div:first-child {
  background-color: #0277BD;
}
.dashboard .colorbox.colorbox-3 {
  background-color: #673AB7;
}
.dashboard .colorbox.colorbox-3 div:first-child {
  background-color: #4527A0;
}
.dashboard .colorbox.colorbox-4 {
  background-color: #009688;
}
.dashboard .colorbox.colorbox-4 div:first-child {
  background-color: #00695C;
}
.dashboard .task-list {
  overflow: hidden;
}
.dashboard .task-list > .ui-panel {
  min-height: 340px;
}
.dashboard .task-list .ui-panel-content {
  padding: 10px 0 !important;
}
.dashboard .task-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard .task-list ul li {
  padding: 0.625em 0.875em;
  border-bottom: 1px solid #dbdbdb;
}
.dashboard .task-list ul li:first-child {
  margin-top: 10px;
}
.dashboard .task-list ul .ui-chkbox {
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard .task-list ul .task-name {
  vertical-align: middle;
}
.dashboard .task-list ul i {
  color: #757575;
  float: right;
}
.dashboard .contact-form {
  overflow: hidden;
}
.dashboard .contact-form .ui-panel {
  min-height: 340px;
}
.dashboard .contact-form .ui-g-12 {
  padding: 16px 10px;
}
.dashboard .contact-form .ui-button {
  margin-top: 20px;
}
.dashboard .contacts {
  overflow: hidden;
}
.dashboard .contacts > .ui-panel {
  min-height: 340px;
}
.dashboard .contacts .ui-panel-content {
  padding: 15px 0 10px 0 !important;
}
.dashboard .contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .contacts ul li {
  border-bottom: 1px solid #d8d8d8;
}
.dashboard .contacts ul li a {
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dashboard .contacts ul li a .name {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: #212121;
}
.dashboard .contacts ul li a .email {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 14px;
  color: #757575;
}
.dashboard .contacts ul li a:hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.dashboard .contacts ul li:last-child {
  border: 0;
}
.dashboard .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .activity-list li {
  border-bottom: 1px solid #bdbdbd;
  padding: 15px 0 9px 9px;
}
.dashboard .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #03A9F4;
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dashboard .activity-list li:first-child {
  border-top: 1px solid #bdbdbd;
}
.dashboard .activity-list li:last-child {
  border: 0;
}
.dashboard .activity-list li .ui-g-6:first-child {
  font-size: 18px;
  padding-left: 0;
}
.dashboard .activity-list li .ui-g-6:last-child {
  text-align: right;
  color: #757575;
}
.dashboard .timeline {
  height: 100%;
  box-sizing: border-box;
}
.dashboard .timeline > .ui-g .ui-g-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #bdbdbd;
}
.dashboard .timeline > .ui-g .ui-g-3 i {
  background-color: #ffffff;
  font-size: 36px;
  position: absolute;
  top: 0px;
  right: -18px;
}
.dashboard .timeline > .ui-g .ui-g-9 {
  padding-left: 1.5em;
}
.dashboard .timeline > .ui-g .ui-g-9 .event-text {
  color: #757575;
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.dashboard .timeline > .ui-g .ui-g-9 .event-content img {
  width: 100%;
}
.dashboard > div > .ui-panel {
  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);
}

.layout-rightpanel .layout-rightpanel-header {
  background: url("../images/dashboard/sidebar-image.jpg") no-repeat;
  background-size: cover;
  height: 118px;
  padding: 20px 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-rightpanel .layout-rightpanel-header .weather-day, .layout-rightpanel .layout-rightpanel-header .weather-date {
  color: #ffffff;
  left: 14px;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 4px;
}
.layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-rightpanel .layout-rightpanel-content h1 {
  font-size: 18px;
  margin: 0 0 4px 0;
}
.layout-rightpanel .layout-rightpanel-content h2 {
  font-size: 16px;
  margin: 0;
  color: #757575;
  font-weight: normal;
}
.layout-rightpanel .layout-rightpanel-content .weather-today {
  text-align: center;
  margin-top: 28px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today .weather-today-value {
  font-size: 36px;
  vertical-align: middle;
  margin-right: 14px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today img {
  vertical-align: middle;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather {
  list-style-type: none;
  margin: 28px 0 0 0;
  padding: 0;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li {
  padding: 8px 14px;
  border-bottom: 1px solid #d8dae2;
  position: relative;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value {
  position: absolute;
  right: 40px;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li img {
  width: 24px;
  position: absolute;
  right: 0px;
  top: 4px;
}

.exception-body {
  background-color: #f7f7f7;
  height: auto;
}
.exception-body .exception-panel {
  text-align: center;
  width: 350px;
  padding: 35px;
  margin: -10% auto 0 auto;
  z-index: 100;
}
.exception-body .exception-panel i {
  font-size: 72px;
}
.exception-body .exception-panel h1 {
  font-size: 36px;
  line-height: 36px;
  color: #757575;
}
.exception-body .exception-panel .exception-detail {
  margin: 20px 0px 100px 0px;
  color: #757575;
}
.exception-body .ui-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.exception-body .ui-button:hover {
  background-color: #6699ff;
}
.exception-body.error-page .exception-type {
  background-color: #e62a10;
}
.exception-body.error-page .exception-type img {
  width: 100%;
}
.exception-body.error-page .exception-panel i {
  color: #f79a84;
}
.exception-body.notfound-page .exception-type {
  background-color: #3f51b5;
}
.exception-body.notfound-page .exception-type img {
  width: 54%;
}
.exception-body.notfound-page .exception-panel i {
  color: #9fa8da;
}
.exception-body.accessdenied-page .exception-type {
  background-color: #e91e63;
}
.exception-body.accessdenied-page .exception-type img {
  width: 50%;
}
.exception-body.accessdenied-page .exception-panel i {
  color: #f48fb1;
}

@media (max-width: 1024px) {
  .exception-body .exception-panel {
    margin-top: -50px;
  }
}
@media (max-width: 640px) {
  .exception-body .exception-panel {
    width: 250px;
    margin-top: -15px;
  }
}
.landing-wrapper .ui-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-wrapper .ui-button:hover {
  background-color: #6699ff;
}
.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
}
.landing-wrapper #header .header-top {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px;
}
.landing-wrapper #header .header-top .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("../images/logo.png") top left no-repeat;
}
.landing-wrapper #header .header-top #menu {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-wrapper #header .header-top #menu li {
  float: left;
  display: block;
  margin-left: 30px;
}
.landing-wrapper #header .header-top #menu li a {
  color: #ffffff;
}
.landing-wrapper #header .header-top #menu li i {
  display: none;
}
.landing-wrapper #header .header-top #menu.lmenu-active {
  display: block;
}
.landing-wrapper #header .header-top #menu-button {
  height: 36px;
  margin-top: -2px;
  float: right;
  color: #ffffff;
  display: none;
}
.landing-wrapper #header .header-top #menu-button i {
  font-size: 36px;
}
.landing-wrapper #header .header-content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-wrapper #header .header-content h1 {
  margin: 75px 0px 50px 0px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.landing-wrapper #features {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #features h2 {
  font-weight: 400;
  line-height: 28px;
}
.landing-wrapper #features h3 {
  font-weight: 400;
}
.landing-wrapper #features p {
  color: #757575;
}
.landing-wrapper #features .ui-g-12 {
  padding: 2em 0.5em;
}
.landing-wrapper #features .feature-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f4f8fc;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-wrapper #features .feature-icon i {
  margin-top: 30px;
  font-size: 36px;
}
.landing-wrapper #features .feature-icon:hover {
  background-color: #e91e63;
}
.landing-wrapper #features .feature-icon:hover i {
  color: #ffffff;
}
.landing-wrapper #promotion {
  background: url("../images/landing/promotion.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-wrapper #promotion .ui-lg-8 {
  padding: 150px 0 0 150px;
}
.landing-wrapper #promotion .ui-lg-8 h1 {
  color: #ffffff;
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 {
  margin: -50px 0 -50px 0;
}
.landing-wrapper #promotion .ui-lg-4 .card {
  -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  margin-bottom: 20px;
}
.landing-wrapper #promotion .ui-lg-4 .card h3 {
  font-weight: 400;
}
.landing-wrapper #promotion .ui-lg-4 .card p {
  color: #757575;
}
.landing-wrapper #promotion .ui-lg-4 .card:last-child {
  margin-bottom: 0;
}
.landing-wrapper #pricing {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #pricing h2 {
  font-weight: 400;
}
.landing-wrapper #pricing p {
  color: #757575;
}
.landing-wrapper #pricing .pricing-box .card {
  height: 100%;
  padding: 0;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
  padding: 40px 0;
  color: #ffffff;
}
.landing-wrapper #pricing .pricing-box .pricing-header span {
  display: block;
  line-height: 48px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
  font-weight: 300;
  font-size: 24px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
  font-size: 48px;
  font-weight: 700;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
  font-weight: 300;
  font-size: 16px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul {
  margin: 0;
  padding: 30px 20px;
  list-style-type: none;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
  font-size: 18px;
  text-align: left;
  padding: 10px 14px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
  margin-right: 20px;
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
  background-color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-basic i {
  color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
  background-color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-standard i {
  color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
  background-color: #607d8b;
}
.landing-wrapper #pricing .pricing-box.pricing-professional i {
  color: #607d8b;
}
.landing-wrapper #video {
  background-color: #f7f7f7;
  min-width: 400px;
}
.landing-wrapper #video .video-content {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #video .video-content h2 {
  font-weight: 400;
}
.landing-wrapper #video .video-content p {
  color: #757575;
}
.landing-wrapper .footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.landing-wrapper .footer .footer-content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px 50px 0px;
}
.landing-wrapper .footer .footer-content ul {
  float: right;
  list-style-type: none;
}
.landing-wrapper .footer .footer-content ul li a {
  color: #757575;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.landing-wrapper .footer .footer-content ul li a:hover {
  color: #212121;
}

@media (max-width: 1024px) {
  .landing-wrapper #header {
    min-height: 200px;
    background-size: cover;
  }
  .landing-wrapper #header .header-top {
    z-index: 100;
    position: fixed;
    top: 0;
    background: #424242;
    background-size: 100% auto;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .landing-wrapper #header .header-top #menu-button {
    display: inline-block;
  }
  .landing-wrapper #header .header-top #menu {
    z-index: 100;
    position: fixed;
    top: 86px;
    right: 30px;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    width: 225px;
    list-style: none;
    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.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .landing-wrapper #header .header-top #menu li {
    float: none;
    margin-left: 0;
  }
  .landing-wrapper #header .header-top #menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #212121;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden;
  }
  .landing-wrapper #header .header-top #menu li a i {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .landing-wrapper #header .header-top #menu li a:hover {
    background-color: #e8e8e8;
  }
  .landing-wrapper #header .header-top #menu li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .landing-wrapper #header .header-content {
    width: 100%;
    padding: 100px 30px 60px 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
  }
  .landing-wrapper #features, .landing-wrapper #promotion, .landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #promotion .ui-lg-8 {
    padding: 100px 0 30px;
    text-align: center;
  }
  .landing-wrapper #promotion .ui-lg-8 h1 {
    margin-top: -30px;
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400;
  }
  .landing-wrapper #video .video-content {
    width: 100%;
  }
  .landing-wrapper #video .video-content .video-container iframe {
    width: 350px;
    height: 220px;
  }
  .landing-wrapper .footer .footer-content {
    text-align: center;
  }
  .landing-wrapper .footer .footer-content ul {
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .landing-wrapper .header .header-top .logo {
    background: url("../images/logo2x.png") top left no-repeat;
    background-size: 200px 30px;
  }
}
html {
  height: 100%;
}

body {
  font-family: Matter, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  min-height: 100%;
}
body a {
  text-decoration: none;
}

.oculto {
  display: none;
}

.visivel {
  display: block;
}

.layout-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #424242;
  top: 0;
  left: 0;
  z-index: 999999997;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.layout-container .topbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  background-color: #ff6b06;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.layout-container .topbar .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("../images/logotema2x.png") top left no-repeat;
  background-size: 200px 30px;
}
@media (max-width: 1025px) {
  .layout-container .topbar .ui-text-nomeinstituicao {
    margin-left: 20px;
    color: #212121;
    margin-top: 9px;
  }
}
@media (min-width: 1025px) {
  .layout-container .topbar .ui-text-nomeinstituicao {
    margin-left: -143px;
    color: #ffffff;
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .layout-container .topbar .ui-text-nomeinstituicao {
    margin-top: 8px;
    margin-left: 20px;
    color: #212121;
  }
}
.layout-container .topbar .topbar-left {
  box-sizing: border-box;
  padding: 20px;
  height: 75px;
  width: 250px;
  background-color: #ff8933;
  float: left;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
}
.layout-container .topbar .topbar-right {
  padding: 15px;
  position: relative;
}
.layout-container .topbar .topbar-right #menu-button {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  margin-right: 10px;
  position: relative;
  left: -16px;
  top: 3px;
  background-color: #7EA5BA;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -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.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #menu-button i:before {
  content: "chevron_left";
}
.layout-container .topbar .topbar-right #topbar-menu-button, .layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: none;
  color: #ffffff;
  vertical-align: middle;
  height: 36px;
  margin-top: 4px;
  float: right;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layout-container .topbar .topbar-right #topbar-menu-button i, .layout-container .topbar .topbar-right #rightpanel-menu-button i {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: block;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button:hover {
  color: #e8e8e8;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input {
  position: relative;
  top: -10px;
  font-size: 16px;
  background-color: transparent;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffb786, #ffb786);
  border-width: 0;
  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 input.ui-state-filled ~ label {
  display: none;
}
.layout-container .topbar .topbar-right .topbar-items .search-item label {
  color: #ffffff;
  top: 8px;
}
.layout-container .layout-menu {
  overflow: visible;
  position: fixed;
  width: 250px;
  z-index: 99;
  top: 75px;
  height: 100%;
  background-color: #f7f7f7;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-menu .ui-scrollpanel {
  background: transparent;
  border-radius: 0;
  border: none;
}
.layout-container .layout-menu .ui-scrollpanel .ui-scrollpanel-bar {
  background-color: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.layout-container .layout-menu .ui-scrollpanel .ui-scrollpanel-hidden {
  display: block;
  visibility: hidden;
}
.layout-container .layout-menu .ui-scrollpanel .ui-scrollpanel-content {
  overflow-x: hidden;
}
.layout-container .layout-menu .ui-scrollpanel .layout-menu {
  padding-bottom: 120px;
}
.layout-container .layout-menu .profile {
  box-sizing: border-box;
  padding-top: 2em;
  width: 250px;
  height: 145px;
  text-align: center;
  background: url("../images/profile-bg.png") top left no-repeat;
  background-size: 250px 145px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.layout-container .layout-menu .profile .profile-image {
  width: 60px;
  height: 60px;
  margin: 0 auto 5px auto;
  display: block;
}
.layout-container .layout-menu .profile .profile-name {
  display: inline-block;
  color: #212121;
  vertical-align: middle;
  font-size: 1em;
}
.layout-container .layout-menu .profile i {
  color: #212121;
  vertical-align: middle;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .layout-menu .profile.profile-expanded i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .layout-menu .profile-menu {
  border-bottom: 1px solid #d6d5d5;
  overflow: hidden;
}
.layout-container .layout-menu .profile-menu li:first-child {
  margin-top: 1em;
}
.layout-container .layout-menu .profile-menu li:last-child {
  margin-bottom: 1em;
}
.layout-container .layout-menu.layout-menu-dark {
  background-color: #424242;
}
.layout-container .layout-menu.layout-menu-dark .profile {
  background-image: url("../images/profile-bg-dark.png");
}
.layout-container .layout-menu.layout-menu-dark .profile .profile-name {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile-menu {
  border-bottom: 1px solid #545454;
}
.layout-container .layout-menu.layout-menu-dark .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
  border-radius: 0;
  border: none;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a:hover {
  background-color: #676767;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink i {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a {
  color: #ffffff;
  background-color: #7EA5BA;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a.active-menuitem-routerlink {
  color: #ffffff;
  background-color: #7EA5BA;
}
.layout-container .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a.active-menuitem-routerlink i {
  color: #212121;
}
.layout-container .layout-menu .menuitem-badge {
  position: absolute;
  right: 3.5em;
  top: 0.75em;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  text-align: center;
  background-color: #7EA5BA;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.layout-container .layout-menu .layout-menu-tooltip {
  display: none;
  padding: 0 5px;
  position: absolute;
  left: 76px;
  top: 6px;
  z-index: 101;
  line-height: 1;
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
  padding: 6px 8px;
  font-weight: 700;
  background-color: #353535;
  color: #ffffff;
  min-width: 75px;
  white-space: nowrap;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #353535;
}
.layout-container.menu-layout-overlay .layout-menu {
  margin-left: -250px;
}
.layout-container.menu-layout-overlay .layout-main {
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-menu {
  z-index: 999999999;
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-mask {
  display: block;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.layout-container.menu-layout-overlay .topbar {
  z-index: 999999998;
}
.layout-container.menu-layout-overlay .topbar .topbar-right #menu-button i {
  font-size: 36px !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.layout-container .layout-main {
  padding: 75px 0 0 0;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-main .layout-content {
  padding: 16px;
}
.layout-container .layout-mask {
  display: none;
}
.layout-container .layout-breadcrumb {
  background-color: #ffffff;
  box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, 0.14);
  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 ul {
  margin: 8px 0 0 0;
  padding: 0 0 0 20px;
  list-style: none;
  color: #757575;
  display: inline-block;
}
.layout-container .layout-breadcrumb ul li {
  display: inline-block;
  vertical-align: top;
  color: #757575;
}
.layout-container .layout-breadcrumb ul li:nth-child(even) {
  font-size: 14px;
}
.layout-container .layout-breadcrumb ul li:first-child(even) {
  color: #ff6b06;
}
.layout-container .layout-breadcrumb ul li a {
  color: #757575;
}
.layout-container .layout-breadcrumb .layout-breadcrumb-options {
  float: right;
  padding: 0px 20px 0 0;
  height: 100%;
}
.layout-container .layout-breadcrumb .layout-breadcrumb-options a {
  color: #757575;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.layout-container .layout-breadcrumb .layout-breadcrumb-options a:hover {
  background-color: #e8e8e8;
}
.layout-container .layout-breadcrumb .layout-breadcrumb-options a i {
  line-height: inherit;
}
.layout-container .ultima-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 268px;
}
.layout-container .ultima-menu.ultima-main-menu {
  margin-top: 16px;
  padding-bottom: 120px;
}
.layout-container .ultima-menu li a {
  font-size: 1em;
  display: block;
  padding: 0.5em 2.5em 0.5em 1em;
  color: #212121;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  overflow: hidden;
}
.layout-container .ultima-menu li a i {
  color: #3F51B5;
}
.layout-container .ultima-menu li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 1.5em;
}
.layout-container .ultima-menu li a i:last-child {
  float: right;
  font-size: 20px;
  margin-top: 0.15em;
  margin-right: -0.15em;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .ultima-menu li a:hover {
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li a span {
  display: inline-block;
  vertical-align: middle;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink > i {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover {
  color: #212121;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #3F51B5;
}
.layout-container .ultima-menu li.active-menuitem > a {
  color: #ff6b06;
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li.active-menuitem > a i {
  color: #ff6b06;
}
.layout-container .ultima-menu li.active-menuitem > a i:last-child {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .ultima-menu li ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.layout-container .ultima-menu li ul li a {
  padding: 0.5em 2.5em 0.5em 2em;
}
.layout-container .ultima-menu li ul li a > span {
  font-size: 15px;
}
.layout-container .ultima-menu li ul li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6em;
  font-size: 1.25em;
}
.layout-container .ultima-menu li ul li ul li a {
  padding-left: 3em;
}
.layout-container .ultima-menu li ul li ul ul li a {
  padding-left: 4em;
}
.layout-container .ultima-menu li ul li ul ul ul li a {
  padding-left: 5em;
}
.layout-container .ultima-menu li ul li ul ul ul ul li a {
  padding-left: 6em;
}
.layout-container .ultima-menu li.red-badge > a .menuitem-badge {
  background-color: #F44336;
  color: #ffffff;
}
.layout-container .ultima-menu li.purple-badge > a .menuitem-badge {
  background-color: #4527A0;
  color: #ffffff;
}
.layout-container .ultima-menu li.teal-badge > a .menuitem-badge {
  background-color: #00695C;
  color: #ffffff;
}
.layout-container .footer {
  padding: 0.5em;
}
.layout-container .footer .footer-text-left {
  float: left;
}
.layout-container .footer .footer-text-right {
  color: #757575;
  float: right;
}
.layout-container .footer .footer-text-right span {
  vertical-align: middle;
  display: inline-block;
}
.layout-container .layout-rightpanel {
  position: fixed;
  top: 75px;
  height: 100%;
  right: -240px;
  width: 240px;
  z-index: 100;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.layout-container .layout-rightpanel.layout-rightpanel-active {
  right: 0;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.layout-container .layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
  padding-bottom: 120px;
}
.layout-container .layout-rightpanel .ui-scrollpanel {
  border-radius: 0;
  border: none;
}
.layout-container .layout-rightpanel .ui-scrollpanel .ui-scrollpanel-hidden {
  display: block;
  visibility: hidden;
}
.layout-container .layout-rightpanel .ui-scrollpanel .layout-rightpanel-wrapper {
  width: 258px;
  padding-right: 18px;
}

.ajax-loader {
  font-size: 2em;
  color: #7EA5BA;
}

@media (min-width: 1025px) {
  .layout-container .topbar-items {
    float: right;
    margin: 0;
    padding: 5px 0 0 0;
    list-style-type: none;
  }
  .layout-container .topbar-items > li {
    float: right;
    position: relative;
    margin-left: 8px;
  }
  .layout-container .topbar-items > li > a {
    position: relative;
    display: block;
  }
  .layout-container .topbar-items > li > a .topbar-item-name {
    display: none;
  }
  .layout-container .topbar-items > li > a .topbar-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #7EA5BA;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar-items > li .topbar-icon {
    font-size: 36px;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .layout-container .topbar-items > li .topbar-icon:hover {
    color: #e8e8e8;
  }
  .layout-container .topbar-items > li.profile-item .profile-image {
    width: 36px;
    height: 36px;
  }
  .layout-container .topbar-items > li > ul {
    position: absolute;
    top: 55px;
    right: 5px;
    display: none;
    width: 250px;
    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.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }
  .layout-container .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar-items > li .topbar-message img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: 0;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-menu {
    margin-left: -250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-horizontal .topbar {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-left {
    background-color: #ff6b06;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-horizontal .layout-menu {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 75px;
    height: auto;
    background-color: #ff8933;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-horizontal .layout-menu .ui-scrollpanel {
    overflow: visible;
    border: none;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper {
    overflow: visible;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
    overflow: visible;
    padding: 0;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu {
    width: 100%;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu.ultima-main-menu {
    margin-top: 0;
    padding-bottom: 0;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li {
    float: left;
    position: relative;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a {
    padding: 0.5em 1em;
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover {
    background-color: #e8e8e8;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink > i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink:hover {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    position: absolute;
    top: 41px;
    left: 0px;
    width: 250px;
    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);
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li a {
    padding: 10px 16px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul {
    position: static;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul li a {
    padding-left: 80px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul ul li a {
    padding-left: 96px;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > a {
    color: #ff6b06;
    background-color: #e8e8e8;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a {
    color: #ffffff;
    background-color: #7EA5BA;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover {
    background-color: #676767;
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a {
    color: #ffffff;
    background-color: #7EA5BA;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu .menuitem-badge {
    left: 32px;
    top: 7px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .active-menuitem .menuitem-badge {
    background-color: #ffffff;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 116px;
    margin-left: 0px;
  }
  .layout-container.menu-layout-horizontal .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-slim .topbar {
    left: 75px;
    width: calc(100% - 75px);
  }
  .layout-container.menu-layout-slim .topbar .topbar-left {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-slim .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu {
    width: 75px;
    overflow: visible;
    z-index: 100;
    top: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .profile {
    width: calc(100% - 18px);
    height: 74px;
    padding-top: 15px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-image {
    width: 45px;
    height: 45px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-name, .layout-container.menu-layout-slim .layout-menu .profile > a i {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel {
    border: none;
    border-radius: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper {
    overflow: visible;
  }
  .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
    overflow: visible;
    padding: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel .ui-scrollpanel-bar {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu {
    padding: 0;
    width: calc(100% - 18px);
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li {
    position: relative;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a i:first-child {
    font-size: 1.75em;
    margin-right: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a span, .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a .submenu-icon {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a:hover + .layout-menu-tooltip {
    display: block;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 75px;
    min-width: 200px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li a {
    padding: 0.5em 1em 0.5em 2em;
    padding-left: 16px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul li a {
    padding: 80px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul ul li a {
    padding: 96px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li.active-menuitem > a:hover + .layout-menu-tooltip {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu.layout-menu-dark .ultima-menu > li > ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-slim .layout-main {
    margin-left: 75px;
  }
  .layout-container.menu-layout-slim .layout-footer {
    margin-left: 75px;
  }
}
@media (max-width: 1024px) {
  .layout-container.menu-layout-static .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: -265px;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-menu {
    margin-left: 0;
    z-index: 999999999;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar {
    z-index: 999999998;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-main {
    margin-left: 0;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-mask {
    display: block;
  }
  .layout-container .topbar .topbar-right #topbar-menu-button {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items {
    position: absolute;
    top: 75px;
    right: 15px;
    width: 275px;
    display: none;
    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.3s;
    -moz-animation-duration: 0.3s;
    animation-duration: 0.3s;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    color: #212121;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a:hover {
    background-color: #e8e8e8;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-item-name {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-badge {
    position: absolute;
    left: 30px;
    top: 10px;
    background-color: #7EA5BA;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul {
    display: none;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a span, .layout-container .topbar .topbar-right .topbar-items > li > ul li a img, .layout-container .topbar .topbar-right .topbar-items > li > ul li a i {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > a {
    color: #ff6b06;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a {
    padding-left: 32px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input {
    background-image: linear-gradient(to bottom, #ff6b06, #ff6b06), linear-gradient(to bottom, #f0ba95, #f0ba95);
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item {
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input {
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 16px;
    border-color: #bdbdbd;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus {
    border-color: #bdbdbd;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus ~ label,
.layout-container .topbar .topbar-right .topbar-items > li.search-item input.ui-state-filled ~ label {
    top: -20px;
    color: #ff6b06;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item label {
    top: 1px;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item i {
    position: absolute;
    right: 5px;
    top: -2px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item .profile-image {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url("../images/avatar.png") top left no-repeat;
    background-size: 24px 24px;
    margin-right: 14px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item span {
    vertical-align: middle;
    display: inline-block;
  }
  .layout-container .topbar .topbar-right .topbar-items.topbar-items-visible {
    display: block;
  }
}
@media (max-width: 385px) {
  .layout-container .topbar .topbar-right #topbar-menu-button {
    position: absolute;
    height: 1.5em;
    right: 24px;
    top: 1.375em;
  }
  .layout-container .topbar .topbar-right #topbar-menu-button i {
    font-size: 1.5em;
  }
  .layout-container .topbar .topbar-right #rightpanel-menu-button {
    position: absolute;
    height: 1.5em;
    right: 8px;
    top: 1.375em;
  }
  .layout-container .topbar .topbar-right #rightpanel-menu-button i {
    font-size: 1.5em;
  }
  .layout-container .topbar .topbar-right #menu-button {
    margin-right: 0;
  }
}
body .layout-wrapper.layout-compact {
  font-size: 14px;
  line-height: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li a i:last-child {
  font-size: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li ul li a span {
  font-size: 14px;
}
body .layout-wrapper.layout-compact .layout-container .layout-breadcrumb ul li {
  vertical-align: middle;
}
body .layout-wrapper.layout-compact .ui-radiobutton .ui-radiobutton-box {
  width: 18px;
  height: 18px;
}
body .layout-wrapper.layout-compact .ui-datepicker tbody td a, body .layout-wrapper.layout-compact .ui-datepicker body .ui-datepicker tbody td span {
  padding-top: 0.25em;
}

@media (min-width: 1025px) {
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    top: 35px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li span {
    font-size: 14px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 110px;
  }
}
body #cidade > div {
  width: 100%;
}
body #estado > div {
  width: 100%;
}
body .clear-button .p-button {
  background-color: transparent !important;
  color: black !important;
  border: 1px solid #cecece;
  font-size: 0.8em;
  border-radius: 1rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
body .clear-button .pi {
  color: black;
  font-size: 0.6rem !important;
}
body .clear-button .p-button.ui-button-text-icon-left {
  padding-left: 1.5rem;
}
body .title-cadastro {
  font-weight: 700;
  font-size: 1rem;
}
body .title-dashboard {
  font-size: 1.2rem;
  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 .ui-tooltip {
  color: royalblue;
}
body .custom-field .ui-inputtext {
  padding: 0.7rem !important;
}
body .custom-field label {
  padding: 0.7rem !important;
}
body .ui-tooltip-text.ui-shadow.ui-corner-all {
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
}
body .ui-widget-header:not(.ui-dataview-header) .ui-inputtext {
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
}
body .diplay-table-cell {
  display: table-cell;
}
body .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
  display: unset;
}
body .ui-button.ui-state-default.ui-button-pro,
body .ui-buttonset.ui-button-pro > .ui-button.ui-state-default {
  background-color: #ffffff;
  border: 1px solid #ff6b06;
  color: #ff6b06;
}
body .ui-button.ui-state-default.ui-button-pro .ui-button-icon-left,
body .ui-buttonset.ui-button-pro > .ui-button.ui-state-default .ui-button-icon-left {
  color: #ff6b06;
}
body .ui-button-pro:enabled:not(:focus):hover,
body .ui-datepicker-buttonpane > button:enabled:not(:focus):hover {
  background-color: #fff7df;
}
body .ui-button,
body .ui-datepicker-buttonpane > button {
  overflow: hidden;
  background-color: #ff6b06;
  color: #ffffff;
  font-size: 1em;
  height: 2.25em;
  padding: 0 1em;
  border: 0 none;
  -moz-box-shadow: 0 1px 2.5px 0 rgba(255, 255, 255, 0.26), 0 1px 5px 0 rgba(255, 255, 255, 0.16);
  -webkit-box-shadow: 0 1px 2.5px 0 rgba(255, 255, 255, 0.26), 0 1px 5px 0 rgba(255, 255, 255, 0.16);
  box-shadow: 0 1px 2.5px 0 rgba(255, 255, 255, 0.26), 0 1px 5px 0 rgba(255, 255, 255, 0.16);
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  vertical-align: middle;
}
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-table .ui-sortable-column.ui-state-highlight {
  background-color: #fff;
  color: #000;
  border-top-color: #cacaca;
}
body .pi.pi-check:before {
  content: "check";
}
body .ui-splitbutton .ui-menu {
  width: 100%;
  min-width: 8.5em;
}
body .tabela-demonstrativo-pagamento {
  background: #f1eeee;
  border-radius: 1rem;
  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;
}
body .tabela-demonstrativo-pagamento .ui-table-thead > tr > th:first-child {
  font-weight: 400;
}
@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;
}

.only-icon-calendar {
  background-color: transparent !important;
  background-image: none !important;
}
.only-icon-calendar .pi {
  font-size: 0.8em !important;
}
.only-icon-calendar button {
  padding: 0px !important;
  width: auto !important;
}
.only-icon-calendar input {
  display: none;
}

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

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

.input-icon {
  border-bottom: 0.7px solid #bdbdbd;
  color: #9c9c9c;
}
.input-icon i {
  font-size: 0.9rem !important;
  vertical-align: middle;
}

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

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

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

.visualizar-senha-cei {
  color: #4a90e2;
  cursor: pointer;
}

.ui-table-customers .customer-badge {
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-weight: unset;
  font-size: 12px;
  letter-spacing: 0.3px;
}

.ui-table-customers .customer-badge.status-precadastro {
  background-color: #c8e6c9;
  color: #3cc13b;
}

.ui-table-customers .customer-badge.status-implantacao {
  background-color: #dcedfe;
  color: #0683f9;
}

.ui-table-customers .customer-badge.status-mensal {
  background-color: #d8d8d8;
  color: #757575;
}

.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;
  }
}
body .input-container .label {
  margin-bottom: 7px;
  font-size: 12px;
}
body .input-container input {
  height: 50px;
  padding: 10px;
}
body .input-container .p-chips .p-chips-multiple-container {
  padding: 0px !important;
}
body .input-container .p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0px !important;
}
body .input-container .p-chips .p-chips-multiple-container .p-chips-input-token input {
  padding: 10px !important;
}
body .input-container .p-dropdown:not(.myc-component),
body .input-container .p-multiselect:not(.myc-component) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid transparent;
  background: transparent no-repeat;
  background-image: linear-gradient(to bottom, transparent, transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)) !important;
  background-size: 0 2px, 100% 1px;
  background-position: 50% 100%, 50% 100%;
  background-origin: border-box;
  width: 100% !important;
}
body .filter-chips input {
  display: none;
}
body .filter-chips ul {
  background-image: none !important;
}
body .filter-chips .p-chips-token .p-chips-token-icon {
  right: 0.7em;
}
body .filter-chips .p-highlight {
  background-color: #ff6b06 !important;
  color: white !important;
  border-radius: 1rem;
}
body .filter-chips .p-highlight .p-chips-token .p-chips-token-icon {
  right: 0.7em;
}
body .filter-chips .p-highlight .pi {
  color: white;
  font-size: 1em;
}
body .tooltip .p-tooltip-text {
  padding: 15px;
}
body .px-0 {
  padding-left: 0;
  padding-right: 0;
}
body .pr-0 {
  padding-right: 0;
}
body .p-dropdown-panel .p-dropdown-filter-container {
  background-color: #ffffff;
}
body .p-dropdown-panel .p-dropdown-filter-container input {
  color: black;
}
body .p-dropdown-panel .p-dropdown-filter-container .pi {
  color: black;
}

.p-button-right {
  float: right;
}

.p-datatable-demonstrativo .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tfoot > tr > td,
.valor-total {
  color: #ff6b06;
}

.p-switch-field {
  max-width: 2rem;
}

.mt-n1 {
  margin-top: -1.25rem !important;
}

.p-datatable-customers .customer-badge.badge-concluido {
  background-color: #c8e6c9;
  color: #3cc13b;
}

.p-datatable-customers .customer-badge.badge-aguardando {
  background-color: #dcedfe;
  color: #0683f9;
}

.p-datatable-customers .customer-badge.badge-invalido {
  background-color: #f7eaea;
  color: #ff6a6a;
}

.filtro-data {
  position: relative;
}
.filtro-data .p-calendar {
  width: 100%;
  margin-left: 0.2rem;
}
.filtro-data .material-icons {
  position: absolute;
  top: 50%;
  left: 0;
  color: grey !important;
  font-size: 0.8rem !important;
}

.p-inputtext:disabled {
  color: black;
}

.btn-descricao-crud {
  width: 7% !important;
  margin-right: 0.5rem;
}
.btn-descricao-crud .material-icons {
  font-size: 1.2rem;
  margin-top: 0.2rem;
}

.p-button.p-button-secondary.btn-buscar-customers-table,
.p-buttonset.p-button-secondary > .p-button.btn-buscar-customers-table,
.p-splitbutton.p-button-secondary > .p-button.btn-buscar-customers-table {
  padding: 1rem 0;
}

.custodia-individual .p-input-filled .p-inputtext {
  padding-bottom: 0.6rem;
}
.custodia-individual .p-input-filled .p-float-label .p-inputtext {
  padding-bottom: 0.25rem;
}

.inclusao-onboarding h6 {
  margin: 1.5rem 0 0rem 0;
}

.cadastrar-subsidio {
  margin-left: 28px;
}
.cadastrar-subsidio .p-inputtext {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #dadada00 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%;
  font-size: 0.9rem;
  width: 100%;
  background-color: #ffffff !important;
}
.cadastrar-subsidio .isencao {
  border-bottom: 1px solid #c8c7c7;
  border-top: 1px solid #c8c7c7;
}
.cadastrar-subsidio .isencao p {
  margin: 0;
}
.cadastrar-subsidio .p-datatable-footer td {
  width: 70vw;
  text-align: center;
}
.cadastrar-subsidio .sem-dados .p-datatable-footer {
  display: none;
}

.modal-cadastrar-subsidio__container {
  min-width: 300px;
}

.liberacao-imposto .input-group {
  background-color: #fbfbfb;
  position: relative;
  width: 56%;
  margin-right: 1rem;
}
.liberacao-imposto .input-group em {
  position: absolute;
  right: 0.3rem;
  top: 0.4rem;
  font-size: 1.5rem;
  color: #ff9400;
}
.liberacao-imposto hr {
  height: 1px;
  background-color: #eceff1;
  border: none;
}
.liberacao-imposto .md-inputfield > label {
  top: 24px;
}
.liberacao-imposto .md-inputfield {
  background-color: #f5f5f5;
}
.liberacao-imposto .p-calendar {
  width: 100%;
}
.liberacao-imposto .p-autocomplete {
  display: block;
  max-width: 500px;
}

.dialog-feedback {
  width: 22rem;
}
.dialog-feedback .p-dialog-header {
  justify-content: flex-end !important;
  padding: 0.2rem !important;
}
.dialog-feedback .p-dialog-footer {
  background-color: #f5f5f5;
}
.dialog-feedback .p-dialog-footer button {
  padding: 0.4rem !important;
  font-size: 0.8rem;
}
.dialog-feedback .btn-success {
  width: 100% !important;
  background-color: #17b76e;
}

body .p-datatable .p-sortable-column:not(.p-state-highlight):hover {
  background-color: transparent;
}
body .relatorio-chart .item-holder {
  background-color: #e5e5e5;
  margin: 0.3rem;
  border-radius: 0.4rem;
}
body .relatorio-chart .item-holder .item {
  padding: 0.7rem;
  font-size: 0.85em;
  font-weight: 700;
  border-radius: 0.3rem;
  color: #fff;
  white-space: nowrap;
  transition: 0.2s;
  cursor: default;
}
body .relatorio-chart .item-holder .item:hover {
  box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.2);
}
body .fatura-spinner {
  width: 50px !important;
}
body .action-button {
  background-color: white;
}
body .action-button button {
  background-color: white;
  color: black;
  width: 4rem;
}
body .action-button button .pi {
  color: black;
}
body .action-button button:hover, body .action-button button:active, body .action-button button:focus {
  background-color: #eeeeee !important;
}
body .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f8f8f8;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  font-size: 1.2em;
  padding: 0.9rem;
  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);
}
body .card-header span {
  display: flex;
  align-items: center;
  position: relative;
}
body .card-header button {
  position: absolute;
  right: 0;
  font-size: 0.9em;
  width: 12rem;
}
body .faturas-table .p-datatable-thead > tr > th {
  text-align: left;
  padding: 0.75rem 0.5rem !important;
}
body .faturas-table .button,
body .agentes-table .button,
body .observacoes-table .button {
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body .faturas-table .button:hover,
body .agentes-table .button:hover,
body .observacoes-table .button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body .faturas-table .p-sortable-column-icon,
body .agentes-table .p-sortable-column-icon,
body .observacoes-table .p-sortable-column-icon {
  font-size: 0.7em;
  opacity: 0.8;
}
body .faturas-table .p-column-title,
body .agentes-table .p-column-title,
body .observacoes-table .p-column-title {
  display: none;
}
body .faturas-table .p-datatable-tfoot > tr > td,
body .agentes-table .p-datatable-tfoot > tr > td,
body .observacoes-table .p-datatable-tfoot > tr > td {
  background-color: white;
  border-bottom: 0px;
}
body .faturas-table .p-datatable-tfoot > tr > td:last-child,
body .agentes-table .p-datatable-tfoot > tr > td:last-child,
body .observacoes-table .p-datatable-tfoot > tr > td:last-child {
  color: #5ecc5e;
}
body .faturas-table tr,
body .agentes-table tr,
body .observacoes-table tr {
  background-color: #fff !important;
}
body .faturas-table tr:hover,
body .agentes-table tr:hover,
body .observacoes-table tr:hover {
  background-color: #f5f5f5 !important;
}
body .faturas-table tr td,
body .faturas-table tr th,
body .agentes-table tr td,
body .agentes-table tr th,
body .observacoes-table tr td,
body .observacoes-table tr th {
  padding: 1rem 1.1rem !important;
}
body .faturas-table .expanded,
body .agentes-table .expanded,
body .observacoes-table .expanded {
  padding: 0px !important;
}
body .faturas-table .expanded .faturas-table,
body .agentes-table .expanded .faturas-table,
body .observacoes-table .expanded .faturas-table {
  color: #808080;
}
body .faturas-table .expanded .faturas-table tr:last-child td,
body .agentes-table .expanded .faturas-table tr:last-child td,
body .observacoes-table .expanded .faturas-table tr:last-child td {
  border-bottom: 0px;
}
body .professional-table .p-sortable-column-icon {
  font-size: 0.7em;
  opacity: 0.8;
}
body .professional-table .p-column-title {
  display: none;
}
body .professional-table .error-text {
  color: red;
  font-weight: bold;
}
body .professional-table .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .professional-table .current {
  pointer-events: none;
  opacity: 0.4;
  background-color: #ffe1b8 !important;
}
body .professional-table th {
  background-color: #f8f8f8 !important;
}
body .professional-table .button {
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body .professional-table .button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body .professional-table tr {
  height: 5rem;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body .professional-table tr.highlighted {
  background-color: #fff5e1 !important;
}
body .professional-table tr:hover {
  background-color: #f5f5f5 !important;
}
body .professional-table tr:hover .hover-only {
  display: flex;
}
body .professional-table tr td {
  font-size: 15px;
}
body .professional-table .hover-only {
  display: none;
}
body .professional-table .expanded {
  padding: 0px !important;
}
body .professional-table .expanded .faturas-table {
  color: #575757;
}
body .custom-dialog {
  width: 600px;
}
body .lista-table tr > td {
  padding: 20px !important;
}
body .resumo-table tr:last-child td {
  font-weight: 800;
}
body .resumo-table tr:last-child td:last-child {
  color: #5ecc5e;
}
body .button-orange {
  border: 1px solid #ff9400;
  color: #ff9400;
  background-color: #fff;
}
body .button-orange .pi {
  color: #ff9400;
}
body .button-orange:hover, body .button-orange:focus {
  background-color: #ff9400 !important;
  color: #fff;
}
body .button-orange:hover .pi, body .button-orange:focus .pi {
  color: #fff;
}
body .button-grey {
  border: 1px solid #c6c6c6;
  color: #7c7c7c;
  background-color: #fff;
}
body .button-grey .pi {
  color: #7c7c7c;
}
body .button-grey:hover, body .button-grey:focus {
  background-color: #ff6b06;
  color: #fff !important;
}
body .button-grey:hover .pi, body .button-grey:focus .pi {
  color: #fff;
}
body .button-green {
  border: 1px solid #5ecc5e;
  color: #5ecc5e;
  background-color: #fff;
}
body .button-green .pi {
  color: #5ecc5e;
}
body .button-green:hover, body .button-green:focus {
  background-color: #5ecc5e !important;
  color: #fff;
}
body .button-green:hover .pi, body .button-green:focus .pi {
  color: #fff;
}
body .button-error {
  border: 1px solid #c62222;
  background-color: #c62222;
  color: #fff;
}
body .button-error .pi {
  color: #c62222;
}
body .button-error:hover, body .button-error:focus {
  background-color: #c62222 !important;
  color: #fff;
}
body .button-error:hover .pi, body .button-error:focus .pi {
  color: #fff;
}
body .status {
  border-radius: 2px;
  padding: 0.643rem 0.65rem;
  font-weight: unset;
  font-size: 10px;
  letter-spacing: 0.3px;
  display: initial;
  white-space: nowrap;
  transition: 0.1s;
}
body .status i {
  font-size: 10px;
}
body .status.hoverable {
  cursor: pointer;
}
body .status.hoverable:hover {
  opacity: 0.8;
}
body .status-red {
  color: #e1635c;
  background-color: #f8d2e0;
}
body .status-blue {
  color: #49a4fb;
  background-color: #dcedfe;
}
body .status-green {
  color: #5ecc5e;
  background-color: #ebf8f0;
}
body .status-yellow {
  color: #ccc55e;
  background-color: #f8f6eb;
}
body .status-grey {
  color: #222222;
  background-color: #dddddd;
}
body .status-light {
  color: #222222;
  background-color: #ececec;
}
body .status-outlined {
  color: #ff6b06;
  border-radius: 2rem;
  border: 1px solid #ff6b06;
}
body .v-steps .content {
  margin-left: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
body .v-steps .content .date {
  opacity: 0.7;
}
@media (max-width: 600px) {
  body .v-steps .content {
    flex-direction: column;
  }
}
body .v-steps .step {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px;
}
body .v-steps .v-stepper {
  position: relative;
}
body .v-steps .step .circle {
  background-color: white;
  border: 3px solid gray;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
}
body .v-steps .step .line {
  top: 18px;
  left: 6.8px;
  height: 100%;
  position: absolute;
}
body .v-steps .step.completed .circle {
  visibility: visible;
  background-color: #797979;
  border-color: #797979;
}
body .v-steps .step.completed .line {
  border-left: 1px solid #797979;
}
body .v-steps .step:last-child .line {
  border-left: 0px solid white;
}
@media screen and (max-width: 40em) {
  body .reverse-sm {
    flex-direction: column-reverse;
  }
  body .professional-table .action-button {
    width: 100%;
  }
  body .professional-table .action-button .ui-button-secondary {
    width: 100%;
  }
  body .professional-table .action-button .ui-button-secondary button:first-child {
    display: inherit;
    width: 85%;
  }
  body .professional-table .action-button .ui-button-secondary button:last-child {
    width: 10%;
  }
  body .professional-table td {
    height: auto;
  }
  body .professional-table .customer-badge {
    align-items: center;
    justify-content: center;
    display: flex;
  }
  body .professional-table .status,
body .professional-table .impedimentos,
body .professional-table .corretoras {
    text-align: center;
  }
  body .professional-table .p-datatable-thead {
    display: none;
  }
  body .professional-table .p-column-title {
    padding: 0.4rem;
    min-width: 30%;
    margin: -0.4em 1em -0.4em -0.4rem;
    margin-bottom: 0px !important;
    font-weight: bold;
    display: block !important;
  }
  body .professional-table .p-datatable-tbody > tr > td {
    display: grid;
  }
  body .professional-table .p-datatable-tbody > tr > td:last-child {
    border-bottom: 0px !important;
  }
  body .professional-table tr:first-child {
    border-top: 0px !important;
  }
  body .professional-table tr td {
    border-bottom: 1px solid #eee !important;
  }
  body .faturas-table .action-button,
body .agentes-table .action-button,
body .observacoes-table .action-button {
    width: 100%;
  }
  body .faturas-table .action-button .pi,
body .agentes-table .action-button .pi,
body .observacoes-table .action-button .pi {
    color: black;
  }
  body .faturas-table .action-button .p-button-secondary,
body .agentes-table .action-button .p-button-secondary,
body .observacoes-table .action-button .p-button-secondary {
    width: 100%;
  }
  body .faturas-table .action-button .p-button-secondary button:first-child,
body .agentes-table .action-button .p-button-secondary button:first-child,
body .observacoes-table .action-button .p-button-secondary button:first-child {
    display: inherit;
    width: 85%;
  }
  body .faturas-table .action-button .p-button-secondary button:last-child,
body .agentes-table .action-button .p-button-secondary button:last-child,
body .observacoes-table .action-button .p-button-secondary button:last-child {
    width: 10%;
  }
  body .faturas-table .status,
body .agentes-table .status,
body .observacoes-table .status {
    text-align: center;
  }
  body .faturas-table .p-datatable-tbody > tr > td,
body .agentes-table .p-datatable-tbody > tr > td,
body .observacoes-table .p-datatable-tbody > tr > td {
    display: grid;
  }
  body .faturas-table .p-datatable-tbody > tr > td:last-child,
body .agentes-table .p-datatable-tbody > tr > td:last-child,
body .observacoes-table .p-datatable-tbody > tr > td:last-child {
    border-bottom: 0px !important;
  }
  body .faturas-table .p-column-title,
body .agentes-table .p-column-title,
body .observacoes-table .p-column-title {
    padding: 0.4rem;
    min-width: 30%;
    display: contents;
    margin: -0.4em 1em -0.4em -0.4rem;
    font-weight: bold;
  }
  body .faturas-table tr:first-child,
body .agentes-table tr:first-child,
body .observacoes-table tr:first-child {
    border-top: 0px !important;
  }
  body .faturas-table tr td,
body .agentes-table tr td,
body .observacoes-table tr td {
    border-bottom: 1px solid #eee !important;
    text-align: center !important;
    font-size: 1.1em;
  }
  body .faturas-table tr td:first-child,
body .agentes-table tr td:first-child,
body .observacoes-table tr td:first-child {
    font-weight: 800;
  }
  body .expanded .faturas-table tr:last-child {
    border-bottom: 0px;
  }
}
body .simple-list ::-webkit-scrollbar {
  width: 2px;
}
body .simple-list ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body .simple-list ::-webkit-scrollbar-thumb {
  background: #888;
}
body .simple-list ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body .simple-list .p-datatable {
  width: 267px;
  max-height: 450px;
  overflow-y: auto;
}
body .simple-list .p-datatable tr {
  border-bottom: 0;
  cursor: pointer;
}
body .simple-list .p-datatable tr td {
  padding: 12px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 0;
}
body .simple-list .p-datatable tr:hover {
  background-color: #eee;
  border-radius: 10px;
}
body .simple-list .p-datatable .p-datatable-tbody > tr:last-of-type td {
  border-bottom: 0px;
}
body .list-pendencias i {
  color: #ff6b06;
  font-size: 1.5rem;
}
body .list-pendencias .row-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body .list-pendencias .column-container {
  display: flex;
  flex-direction: column;
  line-height: 2px;
  padding-left: 10px;
}
body .list-pendencias .title-pendencia {
  font-weight: 700;
  color: #3a3a3a;
}
body .list-pendencias .label-data-pendencia {
  font-weight: 400;
  color: #999999;
}
body .list-pendencias .description-pendencia {
  font-weight: 400;
  color: #3a3a3a;
}
body .list-pendencias .p-datatable {
  width: 400px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
body .list-pendencias .p-datatable tr {
  border-bottom: 0;
}
body .list-pendencias .p-datatable tr td {
  padding: 6px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 0;
}
body .list-pendencias .p-datatable tr:hover {
  background-color: #eee;
  border-radius: 10px;
}
body .list-pendencias .p-datatable .p-datatable-tbody > tr:last-of-type td {
  border-bottom: 0px;
}
body .ui-table-demonstrativo-pagamento .p-datatable-thead > tr > th,
body .p-datatable .p-datatable-tfoot > tr > td {
  color: #212121;
  background-color: #f1eeee;
  border: unset;
  border-bottom: 1px solid #cacaca;
  font-weight: 700;
  text-align: left;
  height: 60px;
  padding-bottom: 0px;
}
body .ui-table-demonstrativo-pagamento .p-datatable-thead > tr > th .material-icons,
body .p-datatable .p-datatable-tfoot > tr > td .material-icons {
  color: black;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  body .ui-table-demonstrativo-pagamento .p-datatable-thead > tr > th .material-icons,
body .p-datatable .p-datatable-tfoot > tr > td .material-icons {
    font-size: 15px;
  }
}
body .p-datatable .p-datatable-thead > tr > th {
  font-size: 0.85rem;
  white-space: nowrap;
}
body .p-paginator {
  font-size: 0.9rem;
}
body .p-paginator .p-paginator-first,
body .p-paginator .p-paginator-prev,
body .p-paginator .p-paginator-next,
body .p-paginator .p-paginator-last {
  min-width: 2rem;
  margin: 0;
  font-size: 0.7rem;
}
body .p-paginator .p-paginator-pages .p-paginator-page {
  min-width: 2rem;
  height: 2rem;
  margin: 0;
  font-size: 0.9rem;
}
body .btn-secondary {
  background: transparent;
  color: black;
  border: 1px solid black;
  padding: 0.6rem;
}
body .btn-secondary:hover {
  background: #e0e0e0 !important;
  color: black !important;
  border: 1px solid black !important;
}
body .data-apurada-custodia .p-input-filled .p-float-label .p-inputtext {
  padding-top: 0 !important;
}
body .btn-cadastrar-cliente {
  display: flex;
  align-items: center;
  cursor: pointer;
}
body .relatorios .p-dropdown .p-dropdown-clear-icon {
  display: none;
}
body .relatorios .card-header {
  justify-content: center;
}
body .relatorios .card-header button {
  position: relative;
  margin: 0.2rem;
}

.consulta-onboarding .p-datatable .p-datatable-tbody > tr > td {
  word-wrap: break-word;
  font-size: 14px;
}

body .menu-wrapper {
  font-size: 0.9rem;
}
body .menu-wrapper .layout-menu-container .layout-menu li > a {
  padding: 0.6rem 0.7rem;
}
body .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
  padding-left: 1.5rem;
}

.proventos-importados {
  background-color: #ededed;
  padding: 32px;
}
.proventos-importados .myc-autocomplete-label {
  padding-left: 4px;
}
.proventos-importados .myc-input .label {
  padding-left: 4px;
}
.proventos-importados .myc-datepicker-label {
  padding-left: 4px;
}
.proventos-importados__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.proventos-importados__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.custom-confirm {
  min-width: 20%;
}
.custom-confirm .p-dialog-footer {
  border-top: 1px solid #eee !important;
}
.custom-confirm .p-confirm-dialog-message {
  margin-left: 0.5rem !important;
}
.custom-confirm .p-button:first-child {
  background-color: transparent;
  color: black;
}
.custom-confirm .p-button:first-child:hover {
  background-color: #eee;
}

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

.ql-align-right {
  text-align: right;
}

.ql-align-left {
  text-align: left;
}

.ql-align-justify {
  text-align: justify;
}

.btn-aviso {
  background-color: #bbbbbb;
  border-style: none;
  padding: 0.5rem 1rem;
  outline: none;
  cursor: pointer;
  color: white;
  border-radius: 0.2rem;
  margin-right: 0.5rem;
}

#btn-selecionado {
  background-color: #ff6b06;
}

.criar-aviso-popup .p-button {
  background-color: #e0e0e1;
  border: none;
}
.criar-aviso-popup .p-selectbutton .p-button.p-highlight {
  background-color: #ff6b06;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}
.criar-aviso-popup .p-buttonset:not(.p-button-danger, p-button-secondary, p-button-success, p-button-info, p-button-warning) .p-button.p--active {
  background-color: #ff6b06;
}
.criar-aviso-popup .p-inputtext {
  width: 20vw;
}
.criar-aviso-popup .p-button:focus,
.criar-aviso-popup .p-datepicker-buttonpane > button:focus {
  background-color: #9fa2b4;
}
.criar-aviso-popup h4 {
  margin-bottom: 0.8rem;
}
.criar-aviso-popup #input {
  padding: 0.3rem;
  width: 50%;
  border-radius: 3px;
  border-style: none;
  border: 1px solid #bfbfbf;
  margin-bottom: 1rem;
}
.criar-aviso-popup .p-table .p-table-tbody > tr:first-child {
  border-top: 1px solid #cacaca;
}
.criar-aviso-popup .p-table .p-table-tbody > tr > td > span {
  cursor: pointer;
}
.criar-aviso-popup .p-table .p-table-tbody > tr > td > span .material-icons {
  margin-left: 1rem;
  cursor: pointer;
}
.criar-aviso-popup .p-table .p-table-tbody > tr > td > .material-icons {
  margin-right: 15%;
  cursor: pointer !important;
}
@media (max-width: 1250px) {
  .criar-aviso-popup .p-table .p-table-tbody > tr > td > .material-icons {
    margin-right: 10%;
  }
}
.criar-aviso-popup .ql-image,
.criar-aviso-popup .ql-clean,
.criar-aviso-popup .ql-code-block {
  display: none !important;
}

.previa-aviso-popup {
  width: 50vw;
  padding: 0 0 2rem 0 !important;
  height: auto;
}
.previa-aviso-popup p {
  margin: 0;
}
@media (max-width: 700px) {
  .previa-aviso-popup {
    width: 90vw;
  }
}

.btn-add {
  margin-bottom: 1rem;
  float: right;
  width: 30%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn-add .material-icons {
  color: white !important;
}

.modal-aviso .p-dialog {
  width: 38rem;
}
@media (max-width: 800px) {
  .modal-aviso .p-dialog {
    width: 90%;
  }
}
.modal-aviso .p-dialog .p-dialog-content {
  padding: 0 3rem 3rem 3rem;
}
@media (max-width: 500px) {
  .modal-aviso .p-dialog .p-dialog-content {
    padding: 0.3rem 1rem;
    hyphens: auto;
  }
}
.modal-aviso a {
  color: black;
  text-decoration: none;
  font-weight: 900;
}
.modal-aviso a:visited {
  color: black;
}
.modal-aviso .aviso-texto {
  font-weight: 900;
  text-align: center;
  color: #ff6b06;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.modal-aviso .material-icons {
  color: #ff6b06 !important;
  font-size: 1.8rem;
  margin-right: 0.3rem;
}

.modal-confirmar-exclusao .p-confirmdialog p-footer {
  display: inline !important;
}
.modal-confirmar-exclusao .p-confirmdialog p-footer .p-button {
  display: inline !important;
}
.modal-confirmar-exclusao .p-dialog .p-dialog-footer {
  display: inline !important;
}
.modal-confirmar-exclusao .p-dialog .p-dialog-footer button {
  display: inline !important;
}
.modal-confirmar-exclusao .p-dialog p-footer .p-button {
  display: block !important;
}
.modal-confirmar-exclusao .pi.pi-check:before {
  content: "check";
  color: grey;
}

body .icones_tabela_aviso span.material-icons {
  margin-right: 1rem;
}
body .icones_tabela_aviso span.material-icons:hover {
  color: #ff8933;
}

.ajuste-valor h3 {
  font-weight: bold;
}
.ajuste-valor label {
  font-size: 0.8em;
  opacity: 0.7;
}
.ajuste-valor.red h3 {
  color: #c62222;
}
.ajuste-valor.green h3 {
  color: #46a885;
}

.inadimplente-icon {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.inadimplente-icon .pi {
  font-size: 15px !important;
}
.inadimplente-icon.red {
  background-color: #c62222;
}
.inadimplente-icon.green {
  background-color: #46a885;
}
.inadimplente-icon.yellow {
  background-color: #f2c14b;
}

.custom-filter-loading {
  height: 35px !important;
  width: 35px !important;
}

.custom-filter-radius-right {
  border-top-left-radius: 0px !important;
}

.custom-filter-radius-left {
  border-top-right-radius: 0px !important;
}

.custom-filter-title {
  margin-left: 3px;
  margin-bottom: 7px;
  font-weight: bold;
}

.diagnostico-filtros .filtro-header {
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ececec;
  font-weight: normal;
  font-size: 0.9em;
}
.diagnostico-filtros .filtro-header .p-checkbox .p-checkbox-box {
  border-radius: 50% !important;
}
.diagnostico-filtros .filtro-header-content span {
  font-weight: bold;
  font-size: 1.3em !important;
}
.diagnostico-filtros .content {
  padding: 40px;
}

.dados-cliente .cliente-plano-card {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 30px;
  border-radius: 5px;
  margin: 10px;
}

body .login-panel .p-button .p-button-secondary {
  background-color: #ff6b06 !important;
  color: white;
  box-shadow: unset;
}
body .login-panel .p-button .p-button-secondary span i {
  color: #ff6b06;
}
body .login-panel .p-button .p-button-secondary:hover {
  color: #ff8933;
  border-color: transparent;
  background-color: #e8e8e8;
}
body .login-panel .p-button .p-button-secondary:hover span i {
  color: #ff8933;
}
body .login-panel .md-inputfield {
  bottom: 0.02rem;
}
body .login-panel .secondary {
  background-color: white;
  color: #ff6b06;
}
body .login-panel .secondary .material-icons {
  color: #ff6b06;
}
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.1em 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;
}

.p-login-body .p-button.p-button-secondary {
  background: #ff6b06 !important;
  color: white;
  box-shadow: unset;
}
.p-login-body .p-button.p-button-secondary span i {
  color: #ff6b06;
}
.p-login-body .p-button.p-button-secondary:hover {
  color: #ff8933;
  border-color: transparent;
  background: #e8e8e8;
}
.p-login-body .p-button.p-button-secondary:hover span i {
  color: #ff8933;
}

.dialog-login .p-dialog-header {
  flex-direction: row-reverse !important;
}

.troca-senha .p-inputgroup-addon {
  border: none;
}
.troca-senha .p-inputgroup > .p-component + .p-inputgroup-addon, .troca-senha .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-right: none;
  background: none;
}

.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;
}
.p-breadcrumb button {
  border-style: none;
}

.dashboard-items {
  display: flex;
  flex-direction: row;
}
@media (max-width: 600px) {
  .dashboard-items {
    flex-direction: column;
  }
}
.dashboard-items .dashboard-item {
  width: 20%;
}
@media (max-width: 600px) {
  .dashboard-items .dashboard-item {
    width: 100%;
  }
}

body .layout-topbar {
  background: #fff !important;
  filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.04));
}
body .layout-topbar-left {
  padding: 0 1rem;
}
body .layout-topbar-left .layout-menu-button {
  left: 0 !important;
  border-radius: 0 !important;
  height: 100% !important;
  top: 0 !important;
  margin-top: 0 !important;
  color: #2f2e41;
  width: 2.97rem !important;
  background-color: transparent !important;
  box-shadow: none;
}
body .layout-topbar-left .layout-menu-button:hover {
  background-color: #eceff1 !important;
}
body .layout-topbar-left .layout-menu-button .pi {
  font-size: 1.5rem;
  color: #3A3A3A;
  width: 20px !important;
}
body .layout-topbar-left .layout-topbar-logo {
  position: relative;
  margin-left: 56px;
}
body .layout-topbar a.layout-topbar-logo:hover,
body .layout-topbar a.layout-topbar-action:hover,
body .layout-topbar a.menu-conta-subitem:hover {
  background: none;
}
body .layout-topbar-right .layout-topbar-actions-right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
body .layout-topbar-right .layout-topbar-actions-right li {
  display: flex;
  align-items: center;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item {
  width: 5rem;
  justify-content: center;
  padding: 0 0.2rem 0 0rem;
  cursor: pointer;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item:first-child, body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item:last-child {
  border-left: 2px solid whitesmoke;
  border-right: 2px solid whitesmoke;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item:last-child {
  margin-right: -0.5rem;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item:hover, body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item:active {
  background-color: #eceff1;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .icone-perfil {
  width: 1rem;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta {
  position: fixed;
  top: 3.92rem;
  right: 0rem;
  z-index: 1000;
  width: 240px;
  padding-top: 1rem;
  transform-origin: top;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta .dados-usuario {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta .dados-usuario h4 {
  font-size: 14px;
  line-height: 1.5rem;
  font-weight: 700;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta .dados-usuario p {
  font-size: 14px;
  font-weight: 400;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta ul {
  list-style-type: none;
  padding: 0;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li {
  padding: 11px 22.5px 11px 22.5px;
  color: #3a3a3a !important;
  font-weight: 400;
  font-size: 1rem;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li:hover, body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li:active {
  background-color: #eceff1;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li a {
  color: #3a3a3a !important;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li a em {
  width: 14.76px;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li a span {
  font-size: 12px;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li p {
  font-size: 12px;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li:first-child {
  border-bottom: 1px solid whitesmoke;
  padding-top: 0;
  cursor: text;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li:first-child:hover, body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li:first-child:active {
  background-color: white;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li h4 {
  margin-bottom: 0;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .layout-topbar__menu-conta li span {
  margin-left: 0.3rem;
}
body .layout-topbar-right .layout-topbar-actions-right .layout-topbar-item .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-right .layout-topbar-actions-right .layout-topbar-item .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-right .layout-topbar-actions-right .layout-topbar-item .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);
}

.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: #3A3A3A !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 {
  transform: translate3d(-22rem, 0px, 0px);
  transition: transform 0.2s;
}

.layout-menu-static.layout-menu-active .menu-wrapper {
  transform: translate3d(-25rem, 0px, 0px);
}

@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-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;
  }
  .layout-topbar-right .layout-topbar-item:last-child, .layout-topbar-right .layout-topbar-item:first-child {
    margin-right: 0;
    border-left: none !important;
    border-right: none !important;
  }

  .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;
  }
}
.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: 70px;
  min-width: 61px;
  height: 100%;
  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 {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.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 .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;
  }
}

body {
  background-color: #ededed;
  font-family: "Matter", sans-serif !important;
}
body .home-foto {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
body .home-container-logo {
  margin-top: 10%;
}
body .home-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 15px;
}
body .home-content h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}
body .home-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #3A3A3A;
  margin-top: 3px;
}
body .home .search-content .search-customers {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
body .home .search-content .search-customers.santander .input-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .home .search-content .search-customers.santander .input-container input,
body .home .search-content .search-customers.santander .input-container .p-dropdown {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
body .home .search-content .search-customers.santander .input-container input:focus,
body .home .search-content .search-customers.santander .input-container .p-dropdown:focus {
  border: 2px solid #EC0000;
  outline: none;
}
body .home .search-content .search-customers.santander .input-container .p-dropdown {
  width: 265px !important;
  max-width: 100%;
}
body .home .search-content .search-customers.santander .input-container input {
  width: 469px;
  max-width: 100%;
}
body .home .search-content .search-customers.santander .input-container .pi-search {
  top: 17px;
  color: #999999;
}
body .home .search-content .search-customers.santander button {
  margin-left: 24px;
  height: 44px !important;
  width: 95px;
  padding: 12px 16px 12px 16px;
  background-color: #EC0000;
  transition: all 0.3s;
}
body .home .search-content .search-customers.santander button span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
body .home .search-content .search-customers.santander button:disabled span {
  color: #999999;
}
body .home .search-content .search-customers.santander button:hover {
  background-color: #990000;
}
body .home .search-content .search-customers.nuinvest .input-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .home .search-content .search-customers.nuinvest .input-container input,
body .home .search-content .search-customers.nuinvest .input-container .p-dropdown {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
body .home .search-content .search-customers.nuinvest .input-container input:focus,
body .home .search-content .search-customers.nuinvest .input-container .p-dropdown:focus {
  border: 2px solid #2C0C59;
  outline: none;
}
body .home .search-content .search-customers.nuinvest .input-container .p-dropdown {
  width: 265px !important;
  max-width: 100%;
}
body .home .search-content .search-customers.nuinvest .input-container input {
  width: 469px;
  max-width: 100%;
}
body .home .search-content .search-customers.nuinvest .input-container .pi-search {
  top: 17px;
  color: #999999;
}
body .home .search-content .search-customers.nuinvest button {
  margin-left: 24px;
  height: 44px !important;
  width: 95px;
  padding: 12px 16px 12px 16px;
  background-color: #2C0C59;
  transition: all 0.3s;
}
body .home .search-content .search-customers.nuinvest button:disabled span {
  color: #999999;
}
body .home .search-content .search-customers.nuinvest button span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
body .home .search-content .search-customers.nuinvest button:hover {
  background-color: #240057;
}
body .home .search-content .search-customers.modal .input-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .home .search-content .search-customers.modal .input-container input,
body .home .search-content .search-customers.modal .input-container .p-dropdown {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
body .home .search-content .search-customers.modal .input-container input:focus,
body .home .search-content .search-customers.modal .input-container .p-dropdown:focus {
  border: 2px solid #0D5798;
  outline: none;
}
body .home .search-content .search-customers.modal .input-container .p-dropdown {
  width: 265px !important;
  max-width: 100%;
}
body .home .search-content .search-customers.modal .input-container input {
  width: 469px;
  max-width: 100%;
}
body .home .search-content .search-customers.modal .input-container .pi-search {
  top: 17px;
  color: #999999;
}
body .home .search-content .search-customers.modal button {
  margin-left: 24px;
  height: 44px !important;
  width: 95px;
  padding: 12px 16px 12px 16px;
  background-color: #0D5798;
  transition: all 0.3s;
}
body .home .search-content .search-customers.modal button span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
body .home .search-content .search-customers.modal button:disabled span {
  color: #999999;
}
body .home .search-content .search-customers.modal button:hover {
  background-color: #557535b3;
}
body .home .search-content .search-customers .input-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .home .search-content .search-customers .input-container input,
body .home .search-content .search-customers .input-container .p-dropdown {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
body .home .search-content .search-customers .input-container input:focus,
body .home .search-content .search-customers .input-container .p-dropdown:focus {
  border: 2px solid #ff6b06;
  outline: none;
}
body .home .search-content .search-customers .input-container .p-dropdown {
  width: 265px !important;
  max-width: 100%;
}
body .home .search-content .search-customers .input-container input {
  width: 469px;
  max-width: 100%;
}
body .home .search-content .search-customers .input-container .pi-search {
  top: 17px;
  color: #999999;
}
@media (max-width: 1025px) {
  body .home .search-content .search-customers .input-container {
    flex-direction: column;
    margin-bottom: 15px;
  }
  body .home .search-content .search-customers .input-container .p-dropdown {
    width: 469px !important;
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  body .home .search-content .search-customers .input-container input,
body .home .search-content .search-customers .input-container .p-dropdown {
    width: 362px !important;
  }
}
body .home .search-content .search-customers button {
  margin-left: 24px;
  height: 44px !important;
  width: 95px;
  padding: 12px 16px 12px 16px;
  background-color: #FF8933;
  transition: all 0.3s;
}
body .home .search-content .search-customers button span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
body .home .search-content .search-customers button:disabled span {
  color: #999999;
}
body .home .search-content .search-customers button:hover {
  background-color: #ff6b06;
}
@media (max-width: 1025px) {
  body .home .search-content .search-customers {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  body .home .search-content .search-customers button {
    width: 200px;
  }
}
body .home .search-content .search-result {
  margin: 18px 13rem 0 13rem;
}
body .home .search-content .search-result .mensagem-error {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .home .search-content .search-result .mensagem-error img {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}
body .home .search-content .search-result .mensagem-error span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #EF2323;
}
body .home .search-content .search-result .total-resultados {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #3A3A3A;
}
body .home .search-content .search-result .total-resultados strong {
  margin-left: 8px;
}
body .home .search-content .search-result .tabela_clientes {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
body .home .search-content .search-result .tabela_clientes .header-table th {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
}
body .home .search-content .search-result .tabela_clientes .body-table {
  cursor: pointer;
}
body .home .search-content .search-result .tabela_clientes .body-table .primary-column {
  display: flex;
  flex-direction: column;
}
body .home .search-content .search-result .tabela_clientes .body-table .primary-column span {
  font-size: 15px;
  line-height: 24px;
  color: #3A3A3A;
}
body .home .search-content .search-result .tabela_clientes .body-table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3A3A3A;
}
body .home .search-content .search-result .tabela_clientes .body-table td span.status-ativo {
  background-color: #46A885;
  padding: 8.5px 27px 7.5px 27px;
  color: #fff;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
}
body .home .search-content .search-result .tabela_clientes .body-table td span.status-inativo {
  background-color: #EDEDED;
  padding: 8.5px 27px 7.5px 27px;
  color: #3A3A3A;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
}
body .home .p-dropdown-items-wrapper {
  max-height: 150px !important;
}

.consulta-cliente {
  background-color: #EDEDED;
  width: 100%;
  height: 100%;
  margin-bottom: 61px;
}
.consulta-cliente .consulta-cabecalho {
  display: flex;
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 146px;
  padding: 7px 32px 19px 1.3rem;
}
.consulta-cliente .consulta-cabecalho .content-left {
  width: 20px;
  margin-right: 13px;
}
.consulta-cliente .consulta-cabecalho .content-left img {
  padding: 6px;
  cursor: pointer;
}
.consulta-cliente .consulta-cabecalho .content-center {
  max-width: 734px;
  width: 100%;
}
.consulta-cliente .consulta-cabecalho .content-center .header {
  margin-bottom: 23px;
  max-width: 386px;
  width: 100%;
  line-height: 0;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info {
  display: flex;
  height: 27px;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info h1 {
  font-family: "Matter";
  font-weight: 500;
  font-size: 34px;
  line-height: 24px;
  white-space: nowrap;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info span.status-ativo {
  background-color: #46A885;
  width: 83px;
  height: 28px;
  padding: 5px 22px 4px;
  gap: 9px;
  color: #fff;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  gap: 9px;
  text-align: center;
  margin-left: 19px;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info span.status-inativo {
  background-color: #EF2323;
  width: 83px;
  height: 28px;
  padding: 5px 22px 4px;
  gap: 9px;
  color: #fff;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  gap: 9px;
  text-align: center;
  margin-left: 19px;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info-header-footer {
  margin-top: 8px;
}
.consulta-cliente .consulta-cabecalho .content-center .header .info-header-footer span.vertical,
.consulta-cliente .consulta-cabecalho .content-center .header .info-header-footer span.plano {
  font-family: "Matter";
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #3A3A3A;
}
.consulta-cliente .consulta-cabecalho .content-center .footer {
  width: 164%;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin-left: -3rem;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li {
  display: flex;
  flex-direction: column;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li strong,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li span {
  font-family: "Matter";
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li span {
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.tipo_pessoa,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.cpf_cnpj,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul LI.id_suporte,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.telefone,
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.escritorio_vinculado {
  padding-right: 16px;
  margin-right: 16px;
  border-right-width: 2px;
  border-right-color: #EDEDED;
  border-right-style: solid;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  cursor: pointer;
  position: relative;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .p-avatar.p-avatar-circle {
  width: 36px;
  height: 36px;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .p-avatar-group .p-avatar {
  border: 4px solid #ffffff;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .p-avatar {
  background-color: #E0E0E0;
  color: #3A3A3A;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras {
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: -1;
  width: 246px;
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras.active {
  top: 211px;
  opacity: 1;
  z-index: 2;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #fff;
  padding-left: 0;
  width: 100%;
  margin: 0;
  padding-bottom: 12px;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras li {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras li.title {
  padding: 12px 12px 6px 16px;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras li.title strong {
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras li.content {
  padding: 0 12px 0 16px;
  height: 44px;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.avatar .corretoras ul.sub-item-corretoras li.content span.texto-nome {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-left: 15px;
  color: #000;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .info {
  display: flex;
  flex-direction: column;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands {
  position: fixed;
  top: 0;
  opacity: 0;
  left: 262px;
  z-index: -1;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands.active {
  top: 211px;
  opacity: 1;
  z-index: 2;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands ul.sub-item {
  flex-direction: column;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #fff;
  padding-left: 0;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands li {
  padding: 12px 29px 12px 16px;
  flex-direction: row;
  white-space: nowrap;
  width: 100%;
  translate: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands li strong {
  margin-right: 5px;
  font-weight: 600;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands li span {
  color: #000;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email .commands li:hover {
  background-color: #E0E0E0;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email img {
  width: 10px;
  margin-left: 16px;
  transform: rotate(0);
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-center .footer nav ul li.email img.active {
  transform: rotate(180deg);
}
@media (max-width: 1440px) {
  .consulta-cliente .consulta-cabecalho .content-center .footer {
    width: 164%;
  }
}
@media (max-width: 1024px) {
  .consulta-cliente .consulta-cabecalho .content-center .footer {
    width: 129%;
  }
}
.consulta-cliente .consulta-cabecalho .content-right {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.consulta-cliente .consulta-cabecalho .content-right .button-light {
  height: 40px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  background-color: #fff;
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-right .button-light span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.consulta-cliente .consulta-cabecalho .content-right .button-light:hover {
  background-color: #E0E0E0;
}
.consulta-cliente .consulta-cabecalho .content-right .button-disabled {
  height: 40px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  background-color: #fff;
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-right .button-disabled span {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .content-right .button-disabled:hover {
  background-color: #fff;
}
.consulta-cliente .consulta-cabecalho .content-right .access {
  margin-right: 8px;
}
.consulta-cliente .consulta-cabecalho .content-right .access img {
  margin-right: 4px;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items {
  position: absolute;
  bottom: 0;
  width: 317px;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items.active {
  bottom: -160px;
  opacity: 1;
  z-index: 2;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items ul.sub-item-other {
  list-style: none;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #fff;
  padding-left: 0;
  width: 100%;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items ul.sub-item-other li {
  display: flex;
  align-items: center;
  padding: 12px 16px 12px 16px;
  cursor: pointer;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items ul.sub-item-other li img {
  margin-right: 9px;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items ul.sub-item-other li span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.consulta-cliente .consulta-cabecalho .content-right .other_items ul.sub-item-other li:hover {
  background-color: #E0E0E0;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog {
  width: 720px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-header {
  padding: 1rem 1rem 0 1.5rem;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .header {
  padding-left: 25px;
  margin-bottom: 18px;
  margin-top: 18px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .header span.legenda {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader {
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 28px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container {
  margin-right: 20px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container .label {
  font-size: 14px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container input {
  width: 274px;
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container input:focus {
  border: 1px solid #ff6b06;
  background-image: none !important;
  outline: none;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container input:hover {
  background-image: none !important;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container .p-datepicker-trigger {
  border: 1px solid #E0E0E0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .contentHeader .input-container .pi-search {
  top: 17px;
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .error-menssage {
  width: 100%;
  margin-bottom: 28px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .error-menssage .mensagem-error {
  margin-top: 16px;
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .error-menssage .mensagem-error img {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content .error-menssage .mensagem-error span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #EF2323;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer {
  display: flex;
  justify-content: end;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 49px;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-close {
  width: 77px;
  height: 40px;
  background-color: #ffffff;
  font-family: "Matter";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer button .p-button-label {
  font-weight: 600;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-primary-view {
  border: 1px solid #ff6b06;
  color: #ff6b06;
  background-color: #ffffff;
  border-radius: 4px;
  margin-right: 0 !important;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-primary-view .p-button-label {
  font-weight: 600;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-primary-view:disabled {
  background-color: #ffffff !important;
  color: #999999 !important;
  border: 1px solid #999999;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-primary {
  margin-right: 35px !important;
  border: 1px solid #ff6b06;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .button-primary:disabled {
  border: 1px solid #e0e0e0;
}
.consulta-cliente .consulta-cabecalho .modal-report .p-dialog .p-dialog-content footer .p-button .p-button-icon {
  font-size: 24px;
  margin: 0 8px 0 0;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog {
  width: 409px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content {
  padding: 0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .header,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .header {
  padding-left: 25px;
  margin-bottom: 24px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .header span.legenda,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .header span.legenda {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader {
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container {
  margin-right: 20px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container input,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container input {
  width: 274px;
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container input:focus,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container input:focus {
  border: 1px solid #ff6b06;
  background-image: none !important;
  outline: none;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container input:hover,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container input:hover {
  background-image: none !important;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container .p-datepicker-trigger,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container .p-datepicker-trigger {
  border: 1px solid #E0E0E0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .contentHeader .input-container .pi-search,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container .pi-search {
  top: 17px;
  color: #999999;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .check-information,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .check-information {
  display: flex;
  align-items: center;
  margin-top: 19px;
  padding-left: 24px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content .check-information label,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .check-information label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-left: 8px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content footer,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer {
  display: flex;
  justify-content: end;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 78px;
  margin-bottom: 12px;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content footer .button-close,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer .button-close {
  width: 77px;
  height: 40px;
  background-color: #ffffff;
  font-family: "Matter";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content footer .button-primary,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer .button-primary {
  margin-right: 0 !important;
}
.consulta-cliente .consulta-cabecalho .modal-change-Implementation-date .p-dialog .p-dialog-content footer .button-grey,
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer .button-grey {
  margin-left: 0 !important;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog {
  width: 409px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content {
  align-items: flex-start;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content span.subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin-bottom: 21px;
  margin-top: 11px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 32px;
  padding-right: 35px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container {
  margin-left: 12px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .contentHeader .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  color: #000000;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .check-information {
  align-items: start;
  padding-left: 32px;
  padding-right: 35px;
  margin-top: 26px;
  cursor: pointer;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .check-information .p-checkbox .p-checkbox-box {
  border: 1px solid #999999;
  border-radius: 4px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content .check-information .apaga-movimento {
  color: #999999;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 93px;
  margin-bottom: 6px;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer .button-close {
  background-color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.consulta-cliente .consulta-cabecalho .modal-cancel-and-uncancel .p-dialog .p-dialog-content footer button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  width: 159px;
  height: 40px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .icon {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .icon img {
  width: 76px;
  height: 76px;
  margin-bottom: 53px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .title {
  margin-bottom: 40px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert {
  width: 409px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content {
  padding-right: 0;
  padding-left: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content {
  padding: 0 29.5px 0 29.5px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .title,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .title,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .title,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .title {
  text-align: center;
  font-size: 17px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .icon {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  margin-top: 24px;
  padding-left: 17px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .subtitle strong,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .subtitle strong,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .subtitle strong,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .subtitle strong {
  color: #ff6b06;
  margin-top: 33px;
  margin-bottom: 60px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .subtitle span.attention,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .subtitle span.attention,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .subtitle span.attention,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .subtitle span.attention {
  margin-top: 24px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert .p-dialog-content .content .subtitle span.attention strong,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert .p-dialog-content .content .subtitle span.attention strong,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert .p-dialog-content .content .subtitle span.attention strong,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .subtitle span.attention strong {
  color: #999999;
  text-transform: uppercase;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert footer,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert footer,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert footer,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 34px;
  margin-bottom: -19px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert footer .button-close,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert footer .button-close,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert footer .button-close,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert footer .button-close {
  background-color: #ffffff;
  font-family: "Matter";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert footer button,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert footer button,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert footer button,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert footer button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  width: 176px;
  height: 40px;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert footer .button-primary,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert footer .button-primary,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert footer .button-primary,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert footer .button-primary {
  margin-right: 0 !important;
}
.consulta-cliente .consulta-cabecalho .modal-alert-success .myc-alert footer .button-grey,
.consulta-cliente .consulta-cabecalho .modal-alert-error .myc-alert footer .button-grey,
.consulta-cliente .consulta-cabecalho .modal-alert-implementation-date .myc-alert footer .button-grey,
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert footer .button-grey {
  margin-left: 0 !important;
}
.consulta-cliente .consulta-cabecalho .modal-alert-cancel-and-uncancel .myc-alert .p-dialog-content .content .subtitle {
  margin-top: -33px;
  margin-bottom: 60px;
}
.consulta-cliente .aba-container {
  width: 100%;
  max-width: 777px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.consulta-cliente .aba-container .tabView {
  width: 100%;
}
.consulta-cliente .aba-container .p-tabview {
  margin-top: 30px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-nav {
  background: transparent;
  border-width: 0 0 0 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  background: #ededed;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover {
  background-color: #ededed;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels {
  margin-top: 24px;
  background: transparent;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container {
  padding: 0.75rem 24px 0.75rem 24px;
  border-radius: 16px;
  width: 100%;
  background: #fff;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__header {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  margin-top: 1rem;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__header img {
  margin-right: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__header span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__content-form {
  display: flex;
  margin-top: 25px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__content-form .left {
  margin-right: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  color: #3A3A3A;
  margin-bottom: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .tabPanel-container .tabPanel-container__content-form .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao {
  display: flex;
  flex-direction: column;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos {
  margin-top: 24px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__header, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__header, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__header {
  margin-left: 0;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__header span, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__header span, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__header span {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  margin-left: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content {
  margin-bottom: 53px;
  padding-left: 24px;
  padding-right: 24px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content span.subtitle, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content span.subtitle, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content span.subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 16px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content-form .input-container .label, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content-form .input-container .label, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  color: #000000;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content-form .input-container input, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content-form .input-container input, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content-form .input-container input {
  width: 318px;
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  background-image: none !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content-form .input-container input:hover, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content-form .input-container input:hover, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content-form .input-container input:hover {
  background-image: none !important;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content-form .input-container button, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content-form .input-container button, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content-form .input-container button {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-top-color: #e0e0e0;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #e0e0e0;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #e0e0e0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 4px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__content-form .input-container button:focus, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__content-form .input-container button:focus, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__content-form .input-container button:focus {
  border-top-color: #e0e0e0;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #e0e0e0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #e0e0e0;
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 4px;
  outline: none;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__footer, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__footer, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__footer {
  display: flex;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 49px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.reabrir-apuracao .tabPanel-container__footer .btn-salve, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.apurar-resultado .tabPanel-container__footer .btn-salve, .consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .tabPanel-container.limpar-processos .tabPanel-container__footer .btn-salve {
  width: 160px;
  height: 40px;
  background-color: #ff6b06;
  font-family: "Matter";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 24px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-alteracao .myc-alert,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-sucesso .myc-alert,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-limpeza .myc-alert,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-erro .myc-alert {
  width: 409px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-alteracao .myc-alert .p-dialog-content .content,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-sucesso .myc-alert .p-dialog-content .content,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-limpeza .myc-alert .p-dialog-content .content,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-erro .myc-alert .p-dialog-content .content {
  padding: 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-alteracao .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-sucesso .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-limpeza .myc-alert .p-dialog-content .content .icon,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-erro .myc-alert .p-dialog-content .content .icon {
  margin-top: 50px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-alteracao .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-sucesso .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-alerta-limpeza .myc-alert .p-dialog-content .content .subtitle,
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .p-tabview-panel .aba-apuracao .modal-erro .myc-alert .p-dialog-content .content .subtitle {
  padding-left: 10px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container {
  margin-top: 25px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .accordiontab .p-accordion-tab {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: none;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 38px;
  border-bottom-left-radius: 38px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-header .p-accordion-header-link {
  background: transparent;
  padding: 0.75rem;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-content .accordion-container__content-form {
  display: flex;
  margin-top: 25px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-content .accordion-container__content-form .left {
  margin-right: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-content .accordion-container__content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  color: #3A3A3A;
  margin-bottom: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-content .accordion-container__content-form .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .corretoras-container .p-accordion .p-accordion-content .accordion-container__commands {
  width: 100%;
  display: flex;
  justify-content: end;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-header {
  padding: 1rem 1rem 0rem 1.25rem !important;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content {
  padding-left: 22px !important;
  padding-right: 32px;
  padding-top: 0 !important;
  padding-bottom: 0;
  border-end-start-radius: 16px;
  border-end-end-radius: 16px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .header {
  display: flex;
  flex-direction: column;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .header .nome-corretora {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .header .legenda {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .contentHeader {
  padding-top: 24px;
  margin: 0 1.1rem;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .contentHeader input {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  background-image: none !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .contentHeader input:hover {
  background-image: none !important;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .contentHeader button {
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-top-color: #e0e0e0;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #e0e0e0;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #e0e0e0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 4px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal .p-dialog-content .contentHeader button:focus {
  border-top-color: #e0e0e0;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #e0e0e0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #e0e0e0;
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 4px;
  outline: none;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal footer {
  margin-top: 47px;
  border-top: 1px solid #E0E0E0;
  border-end-end-radius: 16px;
  display: flex;
  justify-content: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-modal footer button {
  width: 159px;
  height: 40px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-alert .p-dialog-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-alert .title {
  text-align: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-alert .icon {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .myc-alert .subtitle {
  padding-left: 25px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container {
  margin-top: 24.5px;
  padding: 0.55rem 24px 0.2rem 24px;
  border-radius: 16px;
  background-color: #ffffff;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .accordiontab .accordion-container__header span.assinatura-ativa {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #999999;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .accordiontab .accordion-container__header span.assinatura-ativa strong {
  color: #46A885;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .accordiontab .accordion-container__header span.assinatura-cancelada {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #999999;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .accordiontab .accordion-container__header span.assinatura-cancelada strong {
  color: #C62222;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .accordiontab .p-accordion-tab {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: none;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 38px;
  border-bottom-left-radius: 38px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-header.historico-pagamento {
  margin-top: 26px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-header .p-accordion-header-link {
  background: transparent;
  padding: 0 0.75rem 0.75rem 0.75rem;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content {
  padding: 1rem 0.5rem;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable-scrollable-header-box {
  background: #fff;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-thead > tr > th {
  padding: 0 0 24px 0;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  background: #fff;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-thead > tr > th .pi-fw {
  width: 0px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody > tr > td {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  text-align: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.paga {
  display: flex;
  align-items: center;
  color: #46A885;
  padding: 1.95rem 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.pendente {
  display: flex;
  align-items: center;
  color: #E9A23B;
  padding: 1.95rem 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.pendente img {
  margin-right: 5px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info {
  padding: 0;
  position: relative;
  width: 45px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info img {
  cursor: pointer;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info .p-menu.p-menu-overlay {
  left: -170px !important;
  top: 44px !important;
  padding: 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info .p-menu .p-menu-list .p-menu-list {
  display: flex;
  height: 48px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info .p-menu .p-menu-list .p-menu-list .p-menuitem-link {
  width: 100%;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-tbody td.more-info .p-menu .p-menuitem-link .p-menuitem-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #000000;
  padding-left: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .p-datatable .p-datatable-thead > tr > th.total {
  width: 86px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .accordion-container__content-form {
  display: flex;
  margin-top: 25px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .accordion-container__content-form .left {
  margin-right: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .accordion-container__content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
  color: #3A3A3A;
  margin-bottom: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .accordion-container__content-form .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .p-accordion .p-accordion-content .accordion-container__commands {
  width: 100%;
  display: flex;
  justify-content: end;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .tabPanel-container__header {
  display: flex;
  align-items: center;
  margin-left: 0.6rem;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .tabPanel-container__header img {
  margin-right: 8px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .assinatura-container .tabPanel-container__header span {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-pre-cadastro {
  display: flex;
  align-items: center;
  padding: 24px 0 26px 22.9px;
  height: 88px;
  background-color: #ffffff;
  border-radius: 16px;
  margin-bottom: 16px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-pre-cadastro .left-content {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #E9A23B;
  margin-right: 23.9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-pre-cadastro .right-content h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #3a3a3a;
  margin-bottom: 4px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-pre-cadastro .right-content span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3a3a3a;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 24px 26px 24px;
  height: 184px;
  background-color: #ffffff;
  border-radius: 16px;
  margin-bottom: 16px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .top-content {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .top-content .left-content {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #263FA8;
  margin-right: 23.9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .top-content .right-content h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #3a3a3a;
  margin-bottom: 4px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .top-content .right-content span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3a3a3a;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .top-content .right-content span strong {
  color: #ff6b06;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form {
  display: flex;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form__assinatura {
  display: flex;
  margin-top: 45px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form__assinatura .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .notificacao-cliente-subsidiado .bottom-content .content-form__assinatura .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog {
  width: 720px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content p-header {
  position: absolute;
  top: 25px;
  left: 21px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content p-header .header-custom {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content p-header .header-custom strong {
  font-weight: 600;
  color: #999999;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form {
  display: flex;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form__assinatura {
  display: flex;
  margin-top: 45px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form__assinatura .input-container .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-form__assinatura .input-container input {
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 44px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-left: 10px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-thead > tr > th {
  text-align: center;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-thead > tr > th {
  padding: 0 0 24px 0;
  font-size: 0.8rem;
  font-weight: 600;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-thead > tr > th .pi-fw {
  width: 0px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-tbody > tr > td {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-tbody td.paga {
  display: flex;
  align-items: center;
  color: #46A885;
  padding: 1.95rem 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content .contentHeader .content-table .p-datatable .p-datatable-tbody td.pendente {
  display: flex;
  align-items: center;
  color: #E9A23B;
  padding: 1.95rem 0;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content footer {
  display: flex;
  justify-content: end;
  border-top: 1px solid #E0E0E0;
  height: 64px;
}
.consulta-cliente .aba-container .p-tabview .p-tabview-panels .aba-assinatura .p-dialog .p-dialog-content footer .button-close {
  width: 77px;
  height: 40px;
  background-color: #ffffff;
  font-family: "Matter";
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
.consulta-cliente .aba-container .myc-alert {
  width: 409px;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content .content {
  padding-left: 20px;
  padding-right: 20px;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content .content .title {
  text-align: center;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content .content .icon {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content .content .subtitle {
  padding-left: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #E0E0E0;
  height: 64px;
  margin-top: 49px;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content footer button {
  width: 176px !important;
}
.consulta-cliente .aba-container .myc-alert .p-dialog-content footer button.button-primary {
  margin-right: 0 !important;
}

.p-datepicker {
  transform: scale(0.75);
}

.p-datepicker-month,
.p-datepicker-year {
  border: none;
  font-family: "Matter", sans-serif;
  font-weight: 600;
}

.p-datepicker table {
  font-size: 14px !important;
}

.p-datepicker table td > span {
  width: 1.35rem !important;
  height: 1.35rem !important;
}

.p-input-filled .p-calendar-w-btn,
.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
  background-image: none !important;
}

.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
  transform: rotate(-180deg);
}

.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
  transform: rotate(-270deg);
}

.importacoes-arquivos-b2b {
  margin-top: 2rem;
}
.importacoes-arquivos-b2b .card {
  width: 100%;
}
.importacoes-arquivos-b2b__content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.importacoes-arquivos-b2b__content__text, .importacoes-arquivos-b2b__content__import {
  padding: 2rem;
}
.importacoes-arquivos-b2b__content__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.importacoes-arquivos-b2b__content__import .dropzone-container {
  border: 1px solid #DEE2E6;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list {
  border: 2px dashed #DEE2E6;
  border-radius: 5px;
  padding: 1rem;
  margin: 0rem;
  list-style: none;
  display: grid;
  height: unset;
  font-size: unset;
  color: unset;
  cursor: unset;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list:hover {
  animation: changeDropzoneColor 2s infinite;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .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) {
  .importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item {
    grid-template-columns: 25px auto 25px;
  }
}
@media (max-width: 550px) {
  .importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__icon {
    grid-row: 1/3;
  }
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 17px;
}
@media (max-width: 550px) {
  .importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__text {
    grid-row: 1/2;
  }
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__progress-bar {
  height: 4px;
  min-width: 70px;
  background: #17B76E;
  border-radius: 4px;
}
@media (max-width: 550px) {
  .importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__progress-bar {
    grid-row: 2/3;
  }
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__remove-file {
  background: none;
  outline: none;
  border: none;
  font-size: 1.3rem;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__item__remove-file:hover {
  cursor: pointer;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__upload-button {
  padding: 1rem 1.5rem;
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__upload-button:hover {
  cursor: pointer;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__upload-button .dropzone-list__upload-button__icon {
  grid-row: 1/3;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .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;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone-list__upload-button .dropzone-list__upload-button__subtext {
  grid-row: 2/3;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #9E9E9E;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .hide-dropzone {
  display: none;
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone__helper-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #616161;
  max-width: 50%;
  margin: 0.25rem auto;
}
@media (max-width: 480px) {
  .importacoes-arquivos-b2b__content__import .dropzone-container .dropzone__helper-text {
    max-width: 100%;
  }
}
.importacoes-arquivos-b2b__content__import .dropzone-container .dropzone__helper-subtext {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
}

.cli-busca__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  margin-top: -24px;
  min-height: calc(100vh - 48px);
}
.cli-busca__resultados {
  width: 80%;
  margin: auto;
}
.cli-busca__img {
  margin-bottom: 32px;
}
.cli-busca__txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  margin-top: 18px;
  margin-bottom: 32px;
}
.cli-busca__txt h2 {
  font-weight: 600;
  font-size: 18px;
  margin: 0 !important;
}
.cli-busca__txt p {
  margin: 0 !important;
  font-size: 14px;
}
.cli-busca__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.cli-busca__input .myc-input {
  min-width: 400px;
}
.cli-busca__input .myc-dropdown {
  min-width: 200px;
}

.cli-lista__count {
  margin: 12px;
  margin-bottom: 24px;
  font-weight: 600;
}
.cli-lista__item {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.cli-lista__item__value {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 12px;
  justify-content: center;
}
.cli-lista__item__value div:nth-child(2) {
  font-size: 12px;
}
.cli-lista__item__flag {
  padding: 2px;
  color: #fff;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  max-width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cli-lista__item__flag.ativo {
  background-color: #46a885;
}
.cli-lista__item__flag.inativo {
  background-color: #e0e0e0;
  color: #000;
}
.cli-lista__item:hover {
  background-color: #ededed;
  transition: 0.2s;
}

.cli-header {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 32px;
  padding-right: 32px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.cli-header .cli-tag {
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 28px;
  font-weight: 700;
  font-size: 10px;
  max-width: 90px;
  display: flex;
  align-items: center;
  margin-left: 12px;
  height: 19px;
  justify-content: center;
}
.cli-header .cli-tag.ativo {
  background-color: #46a885;
  color: #fff;
}
.cli-header .cli-tag.inativo {
  background-color: #e0e0e0;
  color: #000;
}
.cli-header .cli-header-labels {
  display: flex;
  align-items: center;
  margin-top: 14px;
}
@media (max-width: 900px) {
  .cli-header .cli-header-labels {
    flex-direction: column;
    align-items: flex-start;
  }
  .cli-header .cli-header-labels .label {
    margin-top: 8px;
  }
  .cli-header .cli-header-labels .divider {
    display: none;
  }
}
.cli-header .column-view {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cli-header .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cli-header .top .options {
  display: flex;
  gap: 8px;
}
.cli-header .title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cli-header .title .myc-button .pi {
  font-size: 11px;
}
.cli-header .subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.cli-header .divider {
  width: 2px;
  background-color: #ededed;
  height: 28px;
  border-radius: 2px;
  margin-left: 12px;
  margin-right: 12px;
}
.cli-header .label {
  font-size: 14px;
}
.cli-header .label .name {
  color: #000;
}
.cli-header .label .value {
  color: #000;
}

.cli-header-emails {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
.cli-header-emails div:first-child {
  font-weight: 600;
  margin-right: 7px;
}
.cli-header-emails:last-child {
  border-bottom: 0px;
}

.cli-header-panel {
  padding: 12px;
  padding-bottom: 0px;
}
.cli-header-panel .cli-header-panel-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.cli-header-panel .cli-header-panel-item span {
  color: #000;
  font-weight: 400;
}
.cli-header-panel .cli-header-panel-item span:first-child {
  color: #000;
  font-weight: 600;
  margin-right: 4px;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cli-header-panel .cli-header-panel-item .corretora {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff0e5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fff;
  margin-left: -10px;
}
.cli-header-panel .cli-header-panel-item .corretora.ver-mais {
  background-color: #ff8933;
  transition: 0.2s;
  cursor: pointer;
}
.cli-header-panel .cli-header-panel-item .corretora.ver-mais .pi {
  font-size: 12px;
}
.cli-header-panel .cli-header-panel-item .corretora.ver-mais:hover {
  background-color: #ff6b06;
}
.cli-header-panel .cli-header-panel-item .corretora img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 4px solid #fff;
}
.cli-header-panel .cli-header-panel-item .corretora span:first-child {
  margin-right: 0px;
  font-weight: 400;
}

.cli-corretoras {
  display: flex;
  margin-left: 10px;
}
.cli-corretoras .corretora {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff0e5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fff;
  margin-left: -10px;
}
.cli-corretoras .corretora.ver-mais {
  background-color: #ff8933;
  transition: 0.2s;
  cursor: pointer;
}
.cli-corretoras .corretora.ver-mais .pi {
  font-size: 12px;
}
.cli-corretoras .corretora.ver-mais:hover {
  background-color: #ff6b06;
}
.cli-corretoras .corretora img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 4px solid #fff;
}

.cli-perfil__container {
  background-color: #eee;
  height: 100%;
  min-height: 100vh;
}
.cli-perfil__aba-pendencias-container-column {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 25px 25px 58px 25px;
  height: auto;
}
.cli-perfil__aba-saldo-posicao-container-column {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}
.cli-perfil__tabs {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin: auto;
  justify-content: center;
  margin-top: 32px;
}
.cli-perfil__tab {
  padding: 10px;
  transition: 0.2s;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.cli-perfil__tab.active {
  color: #ff6b06;
  border-bottom: 1px solid #ff6b06;
}

.cli-info-cadastro__assinatura {
  min-width: 650px;
}
.cli-info-cadastro__card {
  padding: 25px;
  border-radius: 16px;
  width: 100%;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  max-width: 50%;
  margin: auto;
}
.cli-info-cadastro__card .myc-accordion__accordion {
  background: #fff;
  padding: 0px !important;
}
.cli-info-cadastro__card .myc-accordion__accordion-content {
  color: #212121 !important;
}
.cli-info-cadastro__card .divider {
  width: 100%;
  height: 1px;
  background-color: #eee;
  margin-top: 16px;
  margin-bottom: 8px;
}
.cli-info-cadastro__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 60%;
  margin: 0px auto 32px;
}
.cli-info-cadastro__content {
  margin-top: 32px;
}
.cli-info-cadastro__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 16px;
}
.cli-info-cadastro__content td {
  font-size: 0.94rem;
  color: #999999;
}
.cli-info-cadastro__informativo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cli-info-cadastro__informativo .right-content {
  flex: 1;
}
.cli-info-cadastro__informativo .bg-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e9a23b;
  margin-right: 23.9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cli-info-cadastro__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  border-top: 1px solid #eee;
  margin-top: 22px;
  padding: 12px;
  gap: 12px;
}
.cli-info-cadastro__row-container-titulo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cli-info-cadastro__titulo {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cli-info-cadastro__titulo-container {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.cli-info-cadastro__row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 12px;
  align-items: flex-end;
}
.cli-info-cadastro__row div {
  flex: 1;
}
.cli-info-cadastro__alinhar-botao {
  display: flex;
  justify-content: flex-end;
}

.modal-informacoes-pagamento {
  max-width: 850px;
}

.cli-pendencias-notificacao .myc-textarea .label {
  padding-left: 4px;
}
.cli-pendencias-notificacao .myc-datepicker-label {
  padding-left: 4px;
}
.cli-pendencias-notificacao .myc-input .label {
  padding-left: 4px;
}
.cli-pendencias-notificacao .myc-drodown-label {
  padding-left: 4px;
}
.cli-pendencias-notificacao__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px;
  border-radius: 8px;
  background-color: #fff;
  padding: 16px;
}
.cli-pendencias-notificacao__container-titulo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 56px;
}
.cli-pendencias-notificacao__titulo {
  color: #3a3a3a;
  font-weight: 600;
}
.cli-pendencias-notificacao__container-registro {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.cli-pendencias-notificacao__container-button-criar-novo {
  margin: 18px 0px 30px 0px;
}
.cli-pendencias-notificacao__criar-pendencias {
  display: flex;
  flex-direction: column;
  min-width: 560px;
  gap: 16px;
}
.cli-pendencias-notificacao__criar-pendencias #input-descricao .input {
  height: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.func-relatorio-auditoria {
  max-width: 440px;
  display: flex;
  flex-direction: column;
}
.func-relatorio-auditoria__datas {
  display: flex;
  gap: 12px;
  align-items: center;
}

.func-modal-cancelar-descancelar {
  max-width: 440px;
  min-width: 400px;
}

.func-modal-alterar-data-liberacao-imposto {
  max-width: 440px;
  display: flex;
  flex-direction: column;
}
.func-modal-alterar-data-liberacao-imposto__datas {
  display: flex;
  gap: 12px;
  align-items: center;
}

.modal-editar-dados-cadastrais .myc-modal {
  min-width: 500px;
}

.modal-excluir-notas-lote {
  width: 100vw;
  display: flex;
}
.modal-excluir-notas-lote .myc-modal {
  width: 90%;
}
.modal-excluir-notas-lote .subcontainer-column {
  display: flex;
  flex-direction: column;
}
.modal-excluir-notas-lote .modal-excluir-notas-lote__container-row-inputs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  margin: 0px 45px 35px 45px;
}
.modal-excluir-notas-lote .modal-excluir-notas-lote__container-input, .modal-excluir-notas-lote .modal-excluir-notas-lote__container-input-column {
  width: 25%;
  min-width: 15%;
}
.modal-excluir-notas-lote .modal-excluir-notas-lote__container-input-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}
.modal-excluir-notas-lote .modal-excluir-notas-lote__container-datatable {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-excluir-notas-lote .modal-excluir-notas-lote__container-datatable .modal-excluir-notas-lote__container-button .myc-button {
  background-color: #e0e0e0;
  border-color: #999999;
  color: #999999;
}

.modal-exportar-extrato-saldo {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 400px;
}
.modal-exportar-extrato-saldo .myc-datepicker-label {
  padding-left: 4px;
}
.modal-exportar-extrato-saldo .myc-multiselect-label {
  padding-left: 4px;
}

.modal-trocar-codigo-b3 .myc-modal {
  min-width: 550px;
}
.modal-trocar-codigo-b3 .myc-input .label {
  padding-left: 4px;
}
.modal-trocar-codigo-b3__container-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-trocar-codigo-b3__container-information {
  border: 1px solid #e0e0e0;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 3px;
}
.modal-trocar-codigo-b3__item-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.modal-trocar-codigo-b3__text-item {
  font-size: 0.8rem;
  color: #3a3a3a;
}

.modal-exclusao-liquidacao-termo .myc-modal {
  width: 700px;
}
.modal-exclusao-liquidacao-termo .modal-exclusao-liquidacao-termo__container-row-inputs {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-start;
}
.modal-exclusao-liquidacao-termo .modal-exclusao-liquidacao-termo__container-column {
  display: flex;
  flex-direction: column;
}

.func-modal-operacao-orfa {
  min-width: 340px;
}
.func-modal-operacao-orfa .myc-input .label {
  padding-left: 4px;
}

.modal-adesao-cliente-black {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 350px;
}
.modal-adesao-cliente-black__subtitulo {
  font-weight: 700;
  font-size: 0.975rem;
  color: #3a3a3a;
}
.modal-adesao-cliente-black .myc-datepicker-label {
  padding-left: 4px;
}

.modal-adesao-investimento-exterior {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 350px;
}
.modal-adesao-investimento-exterior .myc-input .label {
  padding-left: 4px;
}

.modal-alterar-pfpj__valores {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 32px;
}
.modal-alterar-pfpj__valores p {
  margin: 0 !important;
  color: #3a3a3a;
}
.modal-alterar-pfpj__valores p b {
  color: black;
}

.modal-gerenciar-permissoes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 520px;
}
.modal-gerenciar-permissoes__card {
  padding: 24px 22px 24px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}
.modal-gerenciar-permissoes__descriscao-container {
  display: flex;
  flex-direction: column;
}
.modal-gerenciar-permissoes__titulo-permissao {
  font-weight: 700;
  font-size: 0.975rem;
  color: #3a3a3a;
  flex: 1;
}
.modal-gerenciar-permissoes__alerta-mensagem {
  font-weight: 400;
  font-size: 0.85rem;
  color: #ef2323;
  line-height: 16px;
}
.modal-gerenciar-permissoes__descricao-permissao {
  font-weight: 400;
  font-size: 0.85rem;
  color: #999999;
}

.modal-saldo-posicao-bovespa .myc-modal {
  width: 98%;
}
.modal-saldo-posicao-bovespa__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-saldo-posicao-bovespa__descricao {
  color: #999999;
  font-weight: 400;
}
.modal-saldo-posicao-bovespa__container-filtro-pesquisa {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
}
.modal-saldo-posicao-bovespa__container-filtro-pesquisa .myc-drodown-label {
  padding-left: 4px;
}
.modal-saldo-posicao-bovespa__container-filtro-pesquisa .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-saldo-posicao-bovespa__container-filtro-pesquisa .myc-input .label {
  padding-left: 4px;
}
.modal-saldo-posicao-bovespa__container-filtro-pesquisa .myc-datepicker-label {
  padding-left: 4px;
}
.modal-saldo-posicao-bovespa__container-registro {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 6px;
}

.criar-saldo-posicao {
  min-width: 560px;
}
.criar-saldo-posicao .myc-drodown-label {
  padding-left: 4px;
}
.criar-saldo-posicao .myc-autocomplete-label {
  padding-left: 4px;
}
.criar-saldo-posicao .myc-input .label {
  padding-left: 4px;
}
.criar-saldo-posicao .myc-datepicker-label {
  padding-left: 4px;
}
.criar-saldo-posicao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.criar-saldo-posicao__input {
  flex: 1;
}
.criar-saldo-posicao__input-group-checkbox {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
}

.modal-custodia-validacao {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.modal-custodia-validacao__container-icon {
  background-color: #fff0e5;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-custodia-validacao__container-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.modal-custodia-validacao__container-message .myc-checkbox .p-checkbox-label {
  color: #999999;
}
.modal-custodia-validacao__message {
  font-weight: 700;
  color: #000;
}
.modal-custodia-validacao__message span {
  color: #ff6b06;
}

.modal-cancelar-descaracterizando {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 350px;
}
.modal-cancelar-descaracterizando .myc-datepicker-label {
  padding-left: 4px;
}

.cad-contratos {
  background-color: #ededed;
  padding: 32px;
}
.cad-contratos .myc-input .label {
  padding-left: 4px;
}
.cad-contratos .myc-drodown-label {
  padding-left: 4px;
}
.cad-contratos__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-contratos__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-contratos__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-contratos__container-input {
  width: 25%;
}
.cad-contratos__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 68px;
  margin-right: 19px;
}
.cad-contratos__container-input-radio-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  margin-top: 15px;
}
.cad-contratos__label-situacao {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
}
.cad-contratos__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-contratos .myc-modal {
  width: 700px;
}
.editar-contratos__container-row-inputs {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-contratos .myc-input .input input {
  text-transform: uppercase;
}
.editar-contratos__input {
  width: 50%;
}
.editar-contratos .myc-input .label {
  padding-left: 4px;
}
.editar-contratos .myc-datepicker-label {
  padding-left: 4px;
}
.editar-contratos .myc-drodown-label {
  padding-left: 4px;
}
.editar-contratos__sub-container-row-inputs {
  display: flex;
  width: 50%;
  flex-direction: row;
  gap: 20px;
}

.container-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 1px;
  height: 169px;
  background-color: transparent;
}
.container-group .nav-bar-history {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 24px 8px 32px;
  gap: 3px;
  width: 100%;
  height: 48px;
  margin-bottom: 13px;
}
.container-group .text-nav-history {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  color: #000000;
}
.container-group .text-nav-history-page {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  color: #ff8933;
  text-decoration: underline;
}
.container-group .container-description-page {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 32px;
  gap: 75px;
  width: 100%;
  height: 96px;
  background-color: #fff;
}
.container-group .description-page {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
  color: #000000;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.container-group .description-page .myc-dropdown span {
  color: #000;
  font-weight: 600;
}
.container-group .description-page .myc-dropdown .p-dropdown-label {
  font-size: 0.95rem !important;
}

.cadastro-bonificacao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-bonificacao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-bonificacao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-bonificacao .myc-input .label {
  padding-left: 4px;
}
.cadastro-bonificacao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-bonificacao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-bonificacao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-bonificacao__input {
  flex: 1;
}
.cadastro-bonificacao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-bonificacao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.cad-ativo {
  background-color: #ededed;
  padding: 32px;
}
.cad-ativo .myc-input .label {
  padding-left: 4px;
}
.cad-ativo__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-ativo__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-ativo__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-ativo__container-input {
  width: 25%;
}
.cad-ativo__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-ativo {
  min-width: 500px;
  max-width: 500px;
}
.editar-ativo .myc-drodown-label {
  padding-left: 4px;
}
.editar-ativo .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-ativo .myc-input .label {
  padding-left: 4px;
}
.editar-ativo .myc-datepicker-label {
  padding-left: 4px;
}
.editar-ativo .myc-textarea .label {
  padding-left: 4px;
}
.editar-ativo .myc-multiselect-label {
  padding-left: 4px;
}
.editar-ativo__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-ativo__input {
  flex: 1;
  max-width: 48%;
}
.editar-ativo__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 48%;
}
.editar-ativo__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-ativo__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}
.editar-ativo__column-inputs {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-ativo__column-inputs__input-column {
  flex: 1;
}

.cad-aviso {
  background-color: #ededed;
  padding: 32px;
}
.cad-aviso .myc-input .label {
  padding-left: 4px;
}
.cad-aviso__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-aviso__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-aviso__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-aviso__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-aviso__container-error-colum {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-aviso__container-error-colum h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-aviso__container-error-colum h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-aviso__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-aviso .myc-modal {
  min-width: 550px;
  max-width: 550px;
}
.modal-editar-aviso .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-aviso .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-aviso .myc-input .label {
  padding-left: 4px;
}
.modal-editar-aviso__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-editar-aviso__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.modal-editar-aviso__input-group > div {
  flex: 1;
  max-width: 48%;
}
.modal-editar-aviso__input-column-switch {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-editar-aviso__input-column-switch span {
  font-weight: 600;
  font-size: 0.875rem;
  padding-left: 4px;
  color: #000;
}

.cad-ticker {
  background-color: #ededed;
  padding: 32px;
}
.cad-ticker .myc-input .label {
  padding-left: 4px;
}
.cad-ticker__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-ticker__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-ticker__container-row__input .myc-input .input input {
  text-transform: uppercase;
}
.cad-ticker__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-ticker {
  min-width: 500px;
  max-width: 500px;
}
.editar-ticker .myc-drodown-label {
  padding-left: 4px;
}
.editar-ticker .myc-input .label {
  padding-left: 4px;
}
.editar-ticker .myc-datepicker-label {
  padding-left: 4px;
}
.editar-ticker__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-ticker__input-group__input .myc-input .input input {
  text-transform: uppercase;
}
.editar-ticker__input {
  flex: 1;
  max-width: 48%;
}
.editar-ticker__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 48%;
}
.editar-ticker__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-ticker__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}

.cad-provento-internacional {
  background-color: #ededed;
  padding: 32px;
}
.cad-provento-internacional .myc-drodown-label {
  padding-left: 4px;
}
.cad-provento-internacional .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-provento-internacional .myc-datepicker-label {
  padding-left: 4px;
}
.cad-provento-internacional .p-datatable-wrapper {
  overflow-x: auto;
}
.cad-provento-internacional .p-datatable table {
  width: auto;
}
.cad-provento-internacional__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-provento-internacional__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-provento-internacional__container-row__input .myc-input .input input {
  text-transform: uppercase;
}
.cad-provento-internacional__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-provento {
  min-width: 500px;
  max-width: 500px;
}
.editar-provento .myc-drodown-label {
  padding-left: 4px;
}
.editar-provento .myc-input .label {
  padding-left: 4px;
}
.editar-provento .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-provento .myc-datepicker-label {
  padding-left: 4px;
}
.editar-provento__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-provento__input-group__input .myc-input .input input {
  text-transform: uppercase;
}
.editar-provento__input {
  flex: 1;
  max-width: 48%;
}

.cad-corretoras-internacional {
  background-color: #ededed;
  padding: 32px;
}
.cad-corretoras-internacional .myc-input .label {
  padding-left: 4px;
}
.cad-corretoras-internacional__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-corretoras-internacional__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-corretoras-internacional__container-registros {
  width: 100%;
}
.cad-corretoras-internacional__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-corretoras-internacional {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-corretoras-internacional .myc-input .label {
  padding-left: 4px;
}

.cad-vigencia-cusip {
  background-color: #ededed;
  padding: 32px;
}
.cad-vigencia-cusip .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-vigencia-cusip__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-vigencia-cusip__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-vigencia-cusip__container-row__input .myc-input .input input {
  text-transform: uppercase;
}
.cad-vigencia-cusip__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-vigencia-cusip {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-vigencia-cusip .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-vigencia-cusip .myc-datepicker-label {
  padding-left: 4px;
}

.cad-indice-bovespa {
  background-color: #ededed;
  padding: 32px;
}
.cad-indice-bovespa .myc-datepicker-label {
  padding-left: 4px;
}
.cad-indice-bovespa__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-indice-bovespa__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-indice-bovespa__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-indice-bovespa__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-indice-bovespa__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-indice-bovespa__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-indice-bovespa__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-indice-bovespa__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-cotacao-ibovespa .myc-modal {
  min-width: 550px;
}
.modal-editar-cotacao-ibovespa .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-cotacao-ibovespa .myc-input .label {
  padding-left: 4px;
}
.modal-editar-cotacao-ibovespa__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cadastro-amortizacao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-amortizacao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-amortizacao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-amortizacao .myc-input .label {
  padding-left: 4px;
}
.cadastro-amortizacao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-amortizacao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-amortizacao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-amortizacao__input {
  flex: 1;
}
.cadastro-amortizacao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-amortizacao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.cadastro-cisao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-cisao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-cisao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-cisao .myc-input .label {
  padding-left: 4px;
}
.cadastro-cisao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-cisao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-cisao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-cisao__input {
  flex: 1;
}
.cadastro-cisao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-cisao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-cisao {
  min-width: 500px;
}
.editar-cisao .myc-drodown-label {
  padding-left: 4px;
}
.editar-cisao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-cisao .myc-input .label {
  padding-left: 4px;
}
.editar-cisao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-cisao .myc-textarea .label {
  padding-left: 4px;
}
.editar-cisao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-cisao__input {
  flex: 1;
}

.comando-manual {
  background-color: #ededed;
  padding: 32px;
}
.comando-manual .myc-modal {
  max-width: 600px;
}
.comando-manual .myc-drodown-label {
  padding-left: 4px;
}
.comando-manual .myc-input .label {
  padding-left: 4px;
}
.comando-manual .myc-datepicker-label {
  padding-left: 4px;
}
.comando-manual .myc-textarea .label {
  padding-left: 4px;
}
.comando-manual .p-datatable-wrapper {
  overflow-x: auto;
}
.comando-manual .p-datatable table {
  width: auto;
}
.comando-manual__container-box-column {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.comando-manual__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.comando-manual__container-input-column span {
  font-weight: 600;
  font-size: 0.875rem;
}
.comando-manual__container-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 32px;
  flex: 1;
}
.comando-manual__input {
  flex: 1;
}
.comando-manual__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.comando-manual__row-actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 8px;
}

.modal-editar-comando-manual {
  min-width: 700px;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-editar-comando-manual .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-comando-manual .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-comando-manual .myc-input .label {
  padding-left: 4px;
}
.modal-editar-comando-manual .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-comando-manual .myc-textarea .label {
  padding-left: 4px;
}
.modal-editar-comando-manual .myc-multiselect-label {
  padding-left: 4px;
}
.modal-editar-comando-manual__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.modal-editar-comando-manual__input {
  flex: 1;
  max-width: 48%;
}
.modal-editar-comando-manual__container-column-input, .container-comando-predefinido__container-column-input, .container-comando-requisicao__container-column-input, .container-comando-customizado__container-column-input {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-editar-comando-manual__subtitle, .container-comando-predefinido__header-title, .container-comando-predefinido__subtitle, .container-comando-requisicao__subtitle, .container-comando-customizado__header-title, .container-comando-customizado__subtitle {
  font-weight: 700;
  font-size: 1rem;
}

.modal-detalhes-comando-manual {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-detalhes-comando-manual .myc-input .label {
  padding-left: 4px;
}
.modal-detalhes-comando-manual .myc-textarea .label {
  padding-left: 4px;
}
.modal-detalhes-comando-manual__input {
  flex: 1;
}

.container-comando-customizado {
  border-top: 1px solid #ededed;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.container-comando-customizado__input {
  flex: 1;
}
.container-comando-customizado__container-flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.container-comando-customizado__container-details-connection {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 16px;
  grid-template-rows: 1fr;
}
.container-comando-customizado__text-details-connection {
  font-size: 0.8rem;
  color: #3a3a3a;
}
.container-comando-customizado__label, .container-comando-predefinido__header-item-title, .container-comando-requisicao__label, .container-comando-customizado__header-item-title {
  font-weight: 600;
  font-size: 0.875rem;
}
.container-comando-customizado__container-params {
  display: grid;
  grid-template-columns: 4fr 3fr 5fr 3fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 12px;
}
.container-comando-customizado__header-title {
  grid-row: 1/2;
  grid-column: 1/-1;
  text-align: center;
}
.container-comando-customizado__container-button-params {
  display: flex;
  gap: 12px;
}

.container-comando-requisicao {
  border-top: 1px solid #ededed;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.container-comando-requisicao__input {
  flex: 1;
}
.container-comando-requisicao__container-row-request {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-end;
}

.container-comando-predefinido {
  border-top: 1px solid #ededed;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.container-comando-predefinido__input {
  flex: 1;
}
.container-comando-predefinido__container-flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.container-comando-predefinido__container-row-predefinido {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-end;
}
.container-comando-predefinido__text-details-connection {
  font-size: 0.8rem;
  color: #3a3a3a;
}
.container-comando-predefinido__label {
  font-weight: 600;
  font-size: 0.875rem;
}
.container-comando-predefinido__container-params {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 12px;
}
.container-comando-predefinido__header-title {
  grid-row: 1/2;
  grid-column: 1/-1;
  text-align: center;
}
.container-comando-predefinido__container-button-params {
  display: flex;
  gap: 12px;
}

.painel-black {
  background-color: #ededed;
  padding: 32px;
}
.painel-black .myc-alert .subtitle {
  max-height: 35vh;
  overflow-y: auto;
}
.painel-black .myc-modal {
  max-width: 600px;
}
.painel-black .myc-drodown-label {
  padding-left: 4px;
}
.painel-black .myc-input .label {
  padding-left: 4px;
}
.painel-black .myc-datepicker-label {
  padding-left: 4px;
}
.painel-black .myc-autocomplete-label {
  padding-left: 4px;
}
.painel-black .myc-multiselect-label {
  padding-left: 4px;
}
.painel-black .p-datatable-wrapper {
  overflow-x: auto;
}
.painel-black .p-datatable-thead tr th .table-header {
  text-align: center !important;
  justify-content: center !important;
}
.painel-black .myc-datatable tr td {
  font-size: 0.75rem !important;
}
.painel-black .p-datatable table {
  width: auto;
}
.painel-black__container-box-column {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.painel-black__container-grid-input {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 32px;
  align-items: flex-end;
}
.painel-black__container-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
.painel-black__input {
  flex: 1;
}
.painel-black__container-input-column {
  margin: 0px;
}
.painel-black__title-group-input {
  font-weight: 600;
  font-size: 0.875rem;
}
.painel-black__container-row {
  display: flex;
  gap: 16px;
}
.painel-black__content {
  border-top: 1px solid #ededed;
  padding-top: 16px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.painel-black__row-container-actions {
  display: flex;
  margin-bottom: 8px;
  height: 40px;
}
.painel-black__row-actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.painel-black__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.painel-black__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.painel-black__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}

.editar-apuracao {
  min-width: 500px;
  max-width: 500px;
}
.editar-apuracao .myc-drodown-label {
  padding-left: 4px;
}
.editar-apuracao .myc-input .label {
  padding-left: 4px;
}
.editar-apuracao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-apuracao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-apuracao .myc-textarea .label {
  padding-left: 4px;
}
.editar-apuracao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
  align-items: center;
}
.editar-apuracao__input {
  flex: 1;
  max-width: 48%;
}

.info-apuracao {
  min-width: 500px;
  max-width: 500px;
}
.info-apuracao .myc-input .label {
  padding-left: 4px;
}
.info-apuracao .myc-textarea .label {
  padding-left: 4px;
}
.info-apuracao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.info-apuracao__input, .info-apuracao__input-column {
  flex: 1;
  max-width: 48%;
}
.info-apuracao__input-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.detalhes-apuracao {
  min-width: 1000px;
  max-width: 1000px;
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.detalhes-apuracao__container-registros {
  width: 60%;
}
.detalhes-apuracao__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
}

.termo-apuracao {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 550px;
  max-width: 550px;
}
.termo-apuracao .myc-input .label {
  padding-left: 4px;
}
.termo-apuracao .myc-drodown-label {
  padding-left: 4px;
}
.termo-apuracao .myc-textarea .label {
  padding-left: 4px;
}
.termo-apuracao .myc-datepicker-label {
  padding-left: 4px;
}
.termo-apuracao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.termo-apuracao__input-group > div {
  width: 48%;
}
.termo-apuracao__dividerBorda, .termo-apuracao__container-fieldset, .painel-black__container-input-column {
  border: 1px solid #e0e0e0;
  width: 100%;
}
.termo-apuracao__container-fieldset {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.termo-apuracao__item-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.termo-apuracao__subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  margin: 0px;
}
.termo-apuracao__subtitle-group {
  font-weight: 600;
  font-size: 0.875rem;
  color: #000;
}

.dados-b3 {
  min-width: 900px;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dados-b3 .p-datatable-thead tr th .table-header {
  text-align: center !important;
  justify-content: center !important;
}
.dados-b3 .myc-datatable tr td {
  font-size: 0.75rem !important;
}

.reenvio-declaracao__container {
  width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 900px) {
  .reenvio-declaracao__container {
    width: 100%;
  }
}
.reenvio-declaracao__textarea {
  height: 210px;
}
.reenvio-declaracao__textarea textarea {
  height: 200px !important;
}

.exclusao-dados-lgpd {
  background-color: #ededed;
  padding: 32px;
}
.exclusao-dados-lgpd .myc-alert .subtitle {
  max-height: 35vh;
  overflow-y: auto;
}
.exclusao-dados-lgpd .myc-drodown-label {
  padding-left: 4px;
}
.exclusao-dados-lgpd__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.exclusao-dados-lgpd__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.exclusao-dados-lgpd__container-registros {
  background-color: white;
  padding: 32px;
}
.exclusao-dados-lgpd__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.exclusao-dados-lgpd__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.exclusao-dados-lgpd__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.exclusao-dados-lgpd__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.exclusao-dados-lgpd__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10;
}
.exclusao-dados-lgpd__row-actions {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

.modal-exclusao-dados-lgpd {
  min-width: 450px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-exclusao-dados-lgpd .myc-autocomplete-label {
  padding-left: 4px;
}

.cad-grupo-empresa {
  background-color: #ededed;
  padding: 32px;
}
.cad-grupo-empresa .myc-input .label {
  padding-left: 4px;
}
.cad-grupo-empresa__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-grupo-empresa__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-grupo-empresa__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-grupo-empresa__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-grupo-empresa__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-grupo-empresa__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-grupo-empresa__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-grupo-empresa__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}
.cad-grupo-empresa__modal-editar-grupo-empresa .myc-modal {
  min-width: 550px;
}
.cad-grupo-empresa__modal-editar-grupo-empresa .myc-input .label {
  padding-left: 4px;
}

.cad-acao-bovespa {
  padding: 0px 190px;
}
.cad-acao-bovespa .myc-drodown-label {
  padding-left: 4px;
}
.cad-acao-bovespa .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-acao-bovespa .myc-input .label {
  padding-left: 4px;
}
.cad-acao-bovespa .myc-datepicker-label {
  padding-left: 4px;
}
.cad-acao-bovespa__top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 32px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.cad-acao-bovespa__top .myc-button {
  margin-top: 24px;
}
.cad-acao-bovespa__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-acao-bovespa__container-myc-modal .myc-modal {
  width: 650px;
  max-width: 650px;
}
.cad-acao-bovespa__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-acao-bovespa__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-acao-bovespa__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-acao-bovespa__container-row-buttons-new-acao {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}
.cad-acao-bovespa__content {
  border-top: 1px solid #ededed;
  background-color: white;
  padding: 25px;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 19px;
}
.cad-acao-bovespa__content-button-create {
  display: flex;
  justify-content: flex-end;
  padding: 30px 32px;
}
.cad-acao-bovespa__content-datatable {
  padding: 0px 32px 16px 32px;
}
.cad-acao-bovespa__content-standalone {
  padding: 0;
}
.cad-acao-bovespa__content-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 25px;
}
.cad-acao-bovespa__content-footer-buttons {
  display: flex;
  gap: 8px;
}
.cad-acao-bovespa__content-header {
  border-bottom: 1px solid #ededed;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cad-acao-bovespa__content-header h1 {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.cad-acao-bovespa__content-input-group {
  display: flex;
  gap: 32px;
  padding: 32px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.cad-acao-bovespa__content-input-group .input-item {
  flex: 1;
  max-width: 47%;
}
.cad-acao-bovespa__content-input-group-modal {
  padding-bottom: 16px;
  padding-top: 16px;
  display: flex;
  gap: 32px;
  min-width: 500px;
}
.cad-acao-bovespa__content-input-group-modal .input-item {
  flex: 1;
  max-width: 47%;
}

.cad-cotacao {
  background-color: #ededed;
  padding: 32px;
}
.cad-cotacao .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-cotacao .myc-datepicker-label {
  padding-left: 4px;
}
.cad-cotacao__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-cotacao__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-cotacao__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-cotacao__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-cotacao__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-cotacao__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-cotacao__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-cotacao__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-cotacao .myc-modal {
  min-width: 550px;
  max-width: 550px;
}
.modal-editar-cotacao .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-cotacao .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-cotacao .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-cotacao .myc-input .label {
  padding-left: 4px;
}
.modal-editar-cotacao__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-editar-cotacao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.modal-editar-cotacao__input-group > div {
  flex: 1;
  max-width: 48%;
}

.cad-cupom-desconto {
  background-color: #ededed;
  padding: 32px;
}
.cad-cupom-desconto .myc-datepicker-label {
  padding-left: 4px;
}
.cad-cupom-desconto .myc-input .label {
  padding-left: 4px;
}
.cad-cupom-desconto .p-datatable-wrapper {
  overflow-x: auto;
}
.cad-cupom-desconto .p-datatable table {
  width: auto;
}
.cad-cupom-desconto__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-cupom-desconto__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-cupom-desconto__container-registros {
  background-color: white;
  padding: 32px;
  max-width: 100%;
}
.cad-cupom-desconto__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-cupom-desconto__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-cupom-desconto__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-cupom-desconto__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-cupom-desconto__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-cupom-desconto {
  min-width: 500px;
}
.editar-cupom-desconto .myc-drodown-label {
  padding-left: 4px;
}
.editar-cupom-desconto .myc-input .label {
  padding-left: 4px;
}
.editar-cupom-desconto .myc-datepicker-label {
  padding-left: 4px;
}
.editar-cupom-desconto__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-cupom-desconto__input-row-unique {
  flex: 1;
}
.editar-cupom-desconto__input {
  flex: 1;
  max-width: 48%;
}

.cad-dispositivos-moveis {
  background-color: #ededed;
  padding: 32px;
}
.cad-dispositivos-moveis .myc-input .label {
  padding-left: 4px;
}
.cad-dispositivos-moveis .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-dispositivos-moveis .p-datatable-wrapper {
  overflow-x: auto;
}
.cad-dispositivos-moveis .p-datatable table {
  width: auto;
}
.cad-dispositivos-moveis__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-dispositivos-moveis__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-dispositivos-moveis__container-registros {
  background-color: white;
  padding: 32px;
  max-width: 100%;
}
.cad-dispositivos-moveis__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-dispositivos-moveis__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-dispositivos-moveis__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-dispositivos-moveis__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-dispositivos-moveis__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-bonificacao {
  min-width: 500px;
}
.editar-bonificacao .myc-drodown-label {
  padding-left: 4px;
}
.editar-bonificacao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-bonificacao .myc-input .label {
  padding-left: 4px;
}
.editar-bonificacao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-bonificacao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-bonificacao__input {
  flex: 1;
}

.editar-amortizacao {
  min-width: 500px;
}
.editar-amortizacao .myc-drodown-label {
  padding-left: 4px;
}
.editar-amortizacao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-amortizacao .myc-input .label {
  padding-left: 4px;
}
.editar-amortizacao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-amortizacao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-amortizacao__input {
  flex: 1;
}
.editar-amortizacao__input-group-checkbox {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
}

.cotacoes-indices {
  background-color: #ededed;
  padding: 32px;
  min-height: 100vh;
}
.cotacoes-indices__container {
  background-color: white;
  padding: 32px;
}
.cotacoes-indices__divider {
  width: 1px;
  background-color: #ededed;
  align-self: stretch;
}
.cotacoes-indices__bottom {
  border-top: 1px solid #ededed;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
  justify-content: flex-end;
}
.cotacoes-indices__header {
  border-bottom: 1px solid #ededed;
  display: flex;
  align-items: flex-end;
  padding-bottom: 32px;
  gap: 32px;
}
.cotacoes-indices__header .myc-datepicker {
  min-width: 390px;
}
.cotacoes-indices__header .myc-button {
  margin-bottom: 2px;
}
.cotacoes-indices__content {
  display: flex;
  padding-top: 32px;
  gap: 32px;
  align-items: flex-start;
}
.cotacoes-indices__box {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  flex: 1;
}
.cotacoes-indices__box-header {
  background-color: #ededed;
  display: flex;
}
.cotacoes-indices__box-header span {
  flex: 1;
  padding: 12px;
  font-weight: 600;
  font-size: 14px;
}
.cotacoes-indices__box-item {
  display: flex;
  align-items: center;
  padding: 12px;
}
.cotacoes-indices__box-item span {
  flex: 1;
  font-size: 14px;
}
.cotacoes-indices__box-empty {
  display: flex;
  align-items: center;
  padding: 12px;
}
.cotacoes-indices__box-empty span {
  flex: 1;
  font-size: 14px;
  color: #999999;
  font-style: italic;
  text-align: center;
}

.manutencao-reapurar-clientes {
  padding-right: 5px;
  background-color: #ededed;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.manutencao-reapurar-clientes__container-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
}
.manutencao-reapurar-clientes__container-column-input {
  display: flex;
  flex-direction: column;
  width: 35%;
}
.manutencao-reapurar-clientes__container-column-input .myc-textarea .label {
  padding-left: 4px;
}
.manutencao-reapurar-clientes__container-column-input p {
  font-size: 0.84rem;
  max-width: 100%;
  font-weight: 400;
  color: #ef2323;
}
.manutencao-reapurar-clientes__container-button {
  padding-bottom: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.manutencao-reapurar-clientes__container-button-reapurar {
  display: flex;
  justify-content: flex-end;
}
.manutencao-reapurar-clientes__container-registros {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #fff;
  padding: 32px;
  margin: 0px 32px;
}
.manutencao-reapurar-clientes__container-registros .myc-datepicker-label {
  padding-left: 4px;
}

.suporte-remoto-agente-corretora {
  background-color: #ededed;
  padding: 32px;
}
.suporte-remoto-agente-corretora__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.suporte-remoto-agente-corretora__container-registros {
  background-color: white;
  padding: 32px;
}

.cad-acao-cblc {
  background-color: #ededed;
  padding: 32px;
}
.cad-acao-cblc .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-acao-cblc .myc-input .label {
  padding-left: 4px;
}
.cad-acao-cblc__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-acao-cblc__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-acao-cblc__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-acao-cblc__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-acao-cblc__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-acao-cblc__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-acao-cblc__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-acao-cblc__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-acao-cblc .myc-modal {
  min-width: 550px;
}
.modal-editar-acao-cblc .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-acao-cblc .myc-input .label {
  padding-left: 4px;
}
.modal-editar-acao-cblc__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-subsetor {
  background-color: #ededed;
  padding: 32px;
}
.cad-subsetor .myc-drodown-label {
  padding-left: 4px;
}
.cad-subsetor .myc-input .label {
  padding-left: 4px;
}
.cad-subsetor__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}
.cad-subsetor__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-subsetor__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-subsetor__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-subsetor__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-subsetor__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-subsetor__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-subsetor__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-subsetor .myc-modal {
  min-width: 550px;
}
.modal-editar-subsetor .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-subsetor .myc-input .label {
  padding-left: 4px;
}
.modal-editar-subsetor .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-subsetor__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-ativo-objeto {
  background-color: #ededed;
  padding: 32px;
}
.cad-ativo-objeto .myc-input .label {
  padding-left: 4px;
}
.cad-ativo-objeto__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-ativo-objeto__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-ativo-objeto__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-ativo-objeto__container-input {
  width: 25%;
}
.cad-ativo-objeto__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-ativo-objeto {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-ativo-objeto .myc-input .label {
  padding-left: 4px;
}
.editar-ativo-objeto__input {
  flex: 1;
}

.cad-nome-ativo-objeto-opcao {
  background-color: #ededed;
  padding: 32px;
}
.cad-nome-ativo-objeto-opcao .myc-input .label {
  padding-left: 4px;
}
.cad-nome-ativo-objeto-opcao .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-nome-ativo-objeto-opcao__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-nome-ativo-objeto-opcao__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-nome-ativo-objeto-opcao__container-actions {
  margin-bottom: 16px;
  display: flex;
}
.cad-nome-ativo-objeto-opcao__content {
  padding-top: 16px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.cad-nome-ativo-objeto-opcao__container-input {
  width: 25%;
}
.cad-nome-ativo-objeto-opcao__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-corretoras-internacional {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-corretoras-internacional .myc-input .label {
  padding-left: 4px;
}
.editar-corretoras-internacional .myc-autocomplete-label {
  padding-left: 4px;
}

.cad-historico-cc {
  background-color: #ededed;
  padding: 32px;
}
.cad-historico-cc .myc-drodown-label {
  padding-left: 4px;
}
.cad-historico-cc .myc-input .label {
  padding-left: 4px;
}
.cad-historico-cc__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}
.cad-historico-cc__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-historico-cc__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-historico-cc__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-historico-cc__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-historico-cc__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-historico-cc__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-historico-cc__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-historico-cc .myc-modal {
  width: 550px;
  max-width: 550px;
}
.modal-editar-historico-cc .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-historico-cc .myc-input .label {
  padding-left: 4px;
}
.modal-editar-historico-cc .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-historico-cc__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.modal-editar-historico-cc__input-group > div {
  width: 50%;
}
.modal-editar-historico-cc__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-editar-historico-cc__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
}
.modal-editar-historico-cc__container-pattern-legenda {
  border: 1px solid #e0e0e0;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 3px;
}
.modal-editar-historico-cc__legenda-pattern {
  font-size: 0.8rem;
  color: #3a3a3a;
}
.modal-editar-historico-cc__item-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.modal-editar-historico-cc__row-container-pattern {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modal-editar-historico-cc__subtitulo {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  margin: 0px;
}

.cad-setor {
  background-color: #ededed;
  padding: 32px;
}
.cad-setor .myc-input .label {
  padding-left: 4px;
}
.cad-setor__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-setor__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-setor__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-setor__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-setor__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-setor__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-setor__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-setor__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-setor .myc-modal {
  min-width: 550px;
}
.modal-editar-setor .myc-input .label {
  padding-left: 4px;
}
.modal-editar-setor__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-empresa {
  background-color: #ededed;
  padding: 32px;
}
.cad-empresa .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-empresa .myc-input .label {
  padding-left: 4px;
}
.cad-empresa .myc-drodown-label {
  padding-left: 4px;
}
.cad-empresa__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-empresa__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-empresa__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-empresa__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-empresa__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-empresa__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-empresa__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-empresa__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-empresa .myc-modal {
  min-width: 550px;
}
.modal-editar-empresa .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-empresa .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-empresa .myc-input .label {
  padding-left: 4px;
}
.modal-editar-empresa__container-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.modal-editar-empresa__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-corretora-derivativos {
  background-color: #ededed;
  padding: 32px;
}
.cad-corretora-derivativos .myc-input .label {
  padding-left: 4px;
}
.cad-corretora-derivativos__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-corretora-derivativos__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-corretora-derivativos__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-corretora-derivativos__container-input {
  width: 25%;
}
.cad-corretora-derivativos__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-corretora-derivativos {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-corretora-derivativos .myc-input .label {
  padding-left: 4px;
}
.editar-corretora-derivativos__input {
  flex: 1;
}

.cad-feriado {
  background-color: #ededed;
  padding: 32px;
}
.cad-feriado .myc-drodown-label {
  padding-left: 4px;
}
.cad-feriado .myc-datepicker-label {
  padding-left: 4px;
}
.cad-feriado .myc-input .label {
  padding-left: 4px;
}
.cad-feriado__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-feriado__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-feriado__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-feriado__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-feriado__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-feriado__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-feriado__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-feriado__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-feriado__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-feriado .myc-modal {
  min-width: 550px;
}
.modal-editar-feriado .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-feriado .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-feriado .myc-input .label {
  padding-left: 4px;
}
.modal-editar-feriado .myc-multiselect-label {
  padding-left: 4px;
}
.modal-editar-feriado__container-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.modal-editar-feriado__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-conexao-corretora {
  background-color: #ededed;
  padding: 32px;
}
.cad-conexao-corretora .myc-drodown-label {
  padding-left: 4px;
}
.cad-conexao-corretora__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-conexao-corretora__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-conexao-corretora__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-conexao-corretora__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-conexao-corretora__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-conexao-corretora__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-conexao-corretora__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-conexao-corretora__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-conexao-corretora__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-conexao-corretora {
  min-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-conexao-corretora .myc-drodown-label {
  padding-left: 4px;
}
.editar-conexao-corretora .myc-input .label {
  padding-left: 4px;
}
.editar-conexao-corretora__input {
  flex: 1;
}
.editar-conexao-corretora__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: -24px;
}
.editar-conexao-corretora__input-group__input {
  flex: 1;
  max-width: 48%;
}

.cad-agente-corretora-cliente {
  background-color: #ededed;
  padding: 32px;
}
.cad-agente-corretora-cliente .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-agente-corretora-cliente__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-agente-corretora-cliente__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-agente-corretora-cliente__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-agente-corretora-cliente__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-agente-corretora-cliente__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-agente-corretora-cliente__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-agente-corretora-cliente__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-agente-corretora-cliente__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-agente-corretora-cliente__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-agente-corretora-cliente {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-agente-corretora-cliente .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-agente-corretora-cliente__input {
  flex: 1;
}
.editar-agente-corretora-cliente__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-agente-corretora-cliente__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.editar-agente-corretora-cliente__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-agente-corretora-cliente__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}

.cad-associacao-comando {
  background-color: #ededed;
  padding: 32px;
}
.cad-associacao-comando .myc-drodown-label {
  padding-left: 4px;
}
.cad-associacao-comando__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-associacao-comando__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-associacao-comando__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-associacao-comando__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-associacao-comando__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-associacao-comando__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-associacao-comando__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-associacao-comando__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-associacao-comando__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-associacao-comando {
  min-width: 500px;
  max-width: 500px;
}
.editar-associacao-comando .myc-drodown-label {
  padding-left: 4px;
}
.editar-associacao-comando .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-associacao-comando .myc-input .label {
  padding-left: 4px;
}
.editar-associacao-comando .myc-datepicker-label {
  padding-left: 4px;
}
.editar-associacao-comando .myc-textarea .label {
  padding-left: 4px;
}
.editar-associacao-comando__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-associacao-comando__input {
  flex: 1;
  max-width: 48%;
}

.cad-corretora {
  background-color: #ededed;
  padding: 32px;
}
.cad-corretora .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-corretora .myc-input .label {
  padding-left: 4px;
}
.cad-corretora__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-corretora__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-corretora__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-corretora__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-corretora__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-corretora__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-corretora__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-corretora__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-corretora .myc-modal {
  min-width: 550px;
  max-width: 550px;
}
.modal-editar-corretora .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-corretora .myc-drodown-label {
  padding-left: 4px;
}
.modal-editar-corretora .myc-input .label {
  padding-left: 4px;
}
.modal-editar-corretora__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-editar-corretora__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.modal-editar-corretora__button {
  max-width: 120px;
}
.modal-editar-corretora__input-group > div {
  flex: 1;
  max-width: 48%;
}
.modal-editar-corretora__input-column-switch {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-editar-corretora__input-column-switch span {
  font-weight: 600;
  font-size: 0.875rem;
  padding-left: 4px;
  color: #000;
}

.cad-termo-adesao {
  background-color: #ededed;
  padding: 32px;
}
.cad-termo-adesao .myc-datepicker-label {
  padding-left: 4px;
}
.cad-termo-adesao__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-termo-adesao__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-termo-adesao__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-termo-adesao__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-termo-adesao__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-termo-adesao__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-termo-adesao__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-termo-adesao__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-termo-adesao .myc-modal {
  min-width: 550px;
}
.modal-editar-termo-adesao .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-termo-adesao .myc-input .label {
  padding-left: 4px;
}
.modal-editar-termo-adesao__container-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.modal-editar-termo-adesao__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.modal-editar-termo-adesao__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;
}
.modal-editar-termo-adesao__content-dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.modal-editar-termo-adesao__content-dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.modal-editar-termo-adesao__content-dragdrop p {
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
}
.modal-editar-termo-adesao__content-dragdrop span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.modal-editar-termo-adesao__content-termos {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-editar-termo-adesao__termo {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #ededed;
  align-items: center;
}
.modal-editar-termo-adesao__termo span {
  font-weight: 700;
}

.cad-cotacao-contrato {
  background-color: #ededed;
  padding: 32px;
}
.cad-cotacao-contrato .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-cotacao-contrato .myc-datepicker-label {
  padding-left: 4px;
}
.cad-cotacao-contrato .myc-drodown-label {
  padding-left: 4px;
}
.cad-cotacao-contrato__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-cotacao-contrato__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-cotacao-contrato__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-cotacao-contrato__container-input {
  width: 25%;
}
.cad-cotacao-contrato__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-cotacao-contrato .myc-modal {
  width: 85%;
}
.editar-cotacao-contrato .myc-drodown-label {
  padding-left: 4px;
}
.editar-cotacao-contrato .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-cotacao-contrato .myc-input .label {
  padding-left: 4px;
}
.editar-cotacao-contrato .myc-datepicker-label {
  padding-left: 4px;
}
.editar-cotacao-contrato__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
  align-items: center;
}
.editar-cotacao-contrato__input {
  flex: 1;
}

.cad-segmento {
  background-color: #ededed;
  padding: 32px;
}
.cad-segmento .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-segmento .myc-input .label {
  padding-left: 4px;
}
.cad-segmento__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}
.cad-segmento__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-segmento__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-segmento__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-segmento__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-segmento__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-segmento__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-segmento__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-segmento .myc-modal {
  min-width: 550px;
}
.modal-editar-segmento .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-segmento .myc-input .label {
  padding-left: 4px;
}
.modal-editar-segmento__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-vigencia-empresa {
  background-color: #ededed;
  padding: 32px;
}
.cad-vigencia-empresa .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-vigencia-empresa__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-vigencia-empresa__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-vigencia-empresa__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-vigencia-empresa__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-vigencia-empresa__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-vigencia-empresa__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-vigencia-empresa__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-vigencia-empresa__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-vigencia-empresa .myc-modal {
  min-width: 550px;
}
.modal-editar-vigencia-empresa .myc-autocomplete-label {
  padding-left: 4px;
}
.modal-editar-vigencia-empresa .myc-datepicker-label {
  padding-left: 4px;
}
.modal-editar-vigencia-empresa .myc-input .label {
  padding-left: 4px;
}
.modal-editar-vigencia-empresa__container-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.modal-editar-vigencia-empresa__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cad-integracao-corretora {
  background-color: #ededed;
  padding: 32px;
}
.cad-integracao-corretora .myc-drodown-label {
  padding-left: 4px;
}
.cad-integracao-corretora__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-integracao-corretora__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-integracao-corretora__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-integracao-corretora__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-integracao-corretora__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-integracao-corretora__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-integracao-corretora__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-integracao-corretora__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-integracao-corretora__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-integracao-corretora {
  min-width: 500px;
}
.editar-integracao-corretora .myc-drodown-label {
  padding-left: 4px;
}
.editar-integracao-corretora .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-integracao-corretora .myc-input .label {
  padding-left: 4px;
}
.editar-integracao-corretora .myc-datepicker-label {
  padding-left: 4px;
}
.editar-integracao-corretora .myc-textarea .label {
  padding-left: 4px;
}
.editar-integracao-corretora__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-integracao-corretora__input {
  flex: 1;
  max-width: 48%;
}
.editar-integracao-corretora__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 48%;
}
.editar-integracao-corretora__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-integracao-corretora__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}

.cad-nome-nota-pdf {
  background-color: #ededed;
  padding: 32px;
}
.cad-nome-nota-pdf .myc-input .label {
  padding-left: 4px;
}
.cad-nome-nota-pdf .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-nome-nota-pdf__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-nome-nota-pdf__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-nome-nota-pdf__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-nome-nota-pdf__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-nome-nota-pdf__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-nome-nota-pdf__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-nome-nota-pdf__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-nome-nota-pdf__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.modal-editar-nota-pdf .myc-modal {
  min-width: 550px;
}
.modal-editar-nota-pdf .myc-input .label {
  padding-left: 4px;
}
.modal-editar-nota-pdf__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cadastro-incorporacao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-incorporacao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-incorporacao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-incorporacao .myc-input .label {
  padding-left: 4px;
}
.cadastro-incorporacao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-incorporacao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-incorporacao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-incorporacao__input {
  flex: 1;
}
.cadastro-incorporacao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-incorporacao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-incorporacao {
  min-width: 500px;
}
.editar-incorporacao .myc-drodown-label {
  padding-left: 4px;
}
.editar-incorporacao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-incorporacao .myc-input .label {
  padding-left: 4px;
}
.editar-incorporacao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-incorporacao .myc-textarea .label {
  padding-left: 4px;
}
.editar-incorporacao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-incorporacao__input {
  flex: 1;
}

.cad-cliente-geral {
  background-color: #ededed;
  padding: 32px;
}
.cad-cliente-geral .myc-drodown-label {
  padding-left: 4px;
}
.cad-cliente-geral .myc-input .label {
  padding-left: 4px;
}
.cad-cliente-geral__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}
.cad-cliente-geral__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-cliente-geral__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-cliente-geral__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-cliente-geral__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-cliente-geral__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-cliente-geral__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-cliente-geral__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-cliente-geral__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-cliente-geral .myc-modal {
  width: 50%;
}
.editar-cliente-geral__container-menu {
  height: 100%;
}
.editar-cliente-geral__tabs {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin: auto;
  justify-content: center;
}
.editar-cliente-geral__tab {
  padding: 10px;
  transition: 0.2s;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.editar-cliente-geral__tab.active {
  color: #ff6b06;
  border-bottom: 1px solid #ff6b06;
}

.cad-dados-email {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  gap: 32px;
}
.cad-dados-email .myc-input .label {
  padding-left: 4px;
}
.cad-dados-email__container-row-buttons {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
}
.cad-dados-email__input {
  flex: 1;
}

.cad-dados-telefone {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  gap: 32px;
}
.cad-dados-telefone .myc-input .label {
  padding-left: 4px;
}
.cad-dados-telefone__container-row-buttons {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
}
.cad-dados-telefone__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cad-dados-telefone__input {
  flex: 1;
  max-width: 48%;
}

.cad-dados-endereco {
  display: flex;
  margin-top: 32px;
  flex-direction: column;
  gap: 32px;
}
.cad-dados-endereco .myc-input .label {
  padding-left: 4px;
}
.cad-dados-endereco .myc-drodown-label {
  padding-left: 4px;
}
.cad-dados-endereco__container-row-buttons {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
}
.cad-dados-endereco__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cad-dados-endereco__input {
  flex: 1;
  max-width: 48%;
}

.cad-logomarca .myc-modal {
  min-width: 550px;
  max-width: 550px;
}
.cad-logomarca .myc-datepicker-label {
  padding-left: 4px;
}
.cad-logomarca .myc-input .label {
  padding-left: 4px;
}
.cad-logomarca__container-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cad-logomarca__container-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cad-logomarca__content-dragdrop {
  padding: 20px 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;
}
.cad-logomarca__content-dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.cad-logomarca__content-dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.cad-logomarca__content-dragdrop p {
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
}
.cad-logomarca__content-dragdrop span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.cad-logomarca__content-dragdrop img {
  max-width: 100%;
  height: auto;
}
.cad-logomarca__content-images {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cad-logomarca__image {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #ededed;
  align-items: center;
}
.cad-logomarca__image span {
  font-weight: 700;
  overflow-wrap: anywhere;
}

.editar-aba-geral {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
.editar-aba-geral .myc-drodown-label {
  padding-left: 4px;
}
.editar-aba-geral .myc-input .label {
  padding-left: 4px;
}
.editar-aba-geral__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.editar-aba-geral__input {
  flex: 1;
  max-width: 48%;
}
.editar-aba-geral__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.editar-aba-geral__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-aba-geral__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}

.editar-cliente-b2b {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-cliente-b2b .myc-drodown-label {
  padding-left: 4px;
}
.editar-cliente-b2b .myc-input .label {
  padding-left: 4px;
}
.editar-cliente-b2b .myc-datepicker-label {
  padding-left: 4px;
}
.editar-cliente-b2b__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.editar-cliente-b2b__input {
  flex: 1;
  max-width: 48%;
}

.cad-agente-corretora {
  background-color: #ededed;
  padding: 32px;
}
.cad-agente-corretora__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-agente-corretora__container-registros {
  background-color: white;
  padding: 32px;
}

.editar-agente-corretora {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-agente-corretora .myc-drodown-label {
  padding-left: 4px;
}
.editar-agente-corretora .myc-input .label {
  padding-left: 4px;
}
.editar-agente-corretora__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.editar-agente-corretora__input {
  flex: 1;
  max-width: 48%;
}

.cadastro-grupamento-desdobramento {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-grupamento-desdobramento .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-grupamento-desdobramento .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-grupamento-desdobramento .myc-input .label {
  padding-left: 4px;
}
.cadastro-grupamento-desdobramento .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-grupamento-desdobramento__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-grupamento-desdobramento__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.cadastro-grupamento-desdobramento__input {
  flex: 1;
}
.cadastro-grupamento-desdobramento__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-grupamento-desdobramento__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-grupamento-desdobramento__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 68px;
  margin-right: 10px;
}
.cadastro-grupamento-desdobramento__container-input-radio-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  margin-top: 15px;
}
.cadastro-grupamento-desdobramento__label-tipo {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
}

.editar-grupamento-desdobramento {
  min-width: 500px;
}
.editar-grupamento-desdobramento .myc-drodown-label {
  padding-left: 4px;
}
.editar-grupamento-desdobramento .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-grupamento-desdobramento .myc-input .label {
  padding-left: 4px;
}
.editar-grupamento-desdobramento .myc-datepicker-label {
  padding-left: 4px;
}
.editar-grupamento-desdobramento .myc-textarea .label {
  padding-left: 4px;
}
.editar-grupamento-desdobramento__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 68px;
  gap: 10px;
  margin-bottom: 10px;
}
.editar-grupamento-desdobramento__container-input-radio-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  margin-top: 15px;
}
.editar-grupamento-desdobramento__label-tipo {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}
.editar-grupamento-desdobramento__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-grupamento-desdobramento__input {
  flex: 1;
}

.cadastro-provento-dinheiro {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-provento-dinheiro .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-provento-dinheiro .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-provento-dinheiro .myc-input .label {
  padding-left: 4px;
}
.cadastro-provento-dinheiro .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-provento-dinheiro__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-provento-dinheiro__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.cadastro-provento-dinheiro__input {
  flex: 1;
}
.cadastro-provento-dinheiro__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-provento-dinheiro__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-provento-dinheiro {
  min-width: 500px;
}
.editar-provento-dinheiro .myc-drodown-label {
  padding-left: 4px;
}
.editar-provento-dinheiro .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-provento-dinheiro .myc-input .label {
  padding-left: 4px;
}
.editar-provento-dinheiro .myc-datepicker-label {
  padding-left: 4px;
}
.editar-provento-dinheiro .myc-textarea .label {
  padding-left: 4px;
}
.editar-provento-dinheiro__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-provento-dinheiro__input {
  flex: 1;
}

.cadastro-direito-subscricao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-direito-subscricao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-direito-subscricao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-direito-subscricao .myc-input .label {
  padding-left: 4px;
}
.cadastro-direito-subscricao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-direito-subscricao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-direito-subscricao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-direito-subscricao__input {
  flex: 1;
}
.cadastro-direito-subscricao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-direito-subscricao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-direito-subscricao {
  min-width: 500px;
}
.editar-direito-subscricao .myc-drodown-label {
  padding-left: 4px;
}
.editar-direito-subscricao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-direito-subscricao .myc-input .label {
  padding-left: 4px;
}
.editar-direito-subscricao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-direito-subscricao .myc-textarea .label {
  padding-left: 4px;
}
.editar-direito-subscricao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
  align-items: center;
}
.editar-direito-subscricao__input {
  flex: 1;
}

.cadastro-exercicio-subscricao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-exercicio-subscricao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-exercicio-subscricao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-exercicio-subscricao .myc-input .label {
  padding-left: 4px;
}
.cadastro-exercicio-subscricao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-exercicio-subscricao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-exercicio-subscricao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-exercicio-subscricao__input {
  flex: 1;
}
.cadastro-exercicio-subscricao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-exercicio-subscricao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-exercicio-subscricao {
  min-width: 500px;
}
.editar-exercicio-subscricao .myc-drodown-label {
  padding-left: 4px;
}
.editar-exercicio-subscricao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-exercicio-subscricao .myc-input .label {
  padding-left: 4px;
}
.editar-exercicio-subscricao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-exercicio-subscricao .myc-textarea .label {
  padding-left: 4px;
}
.editar-exercicio-subscricao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
  align-items: center;
}
.editar-exercicio-subscricao__input {
  flex: 1;
}

.cad-indice-moeda {
  background-color: #ededed;
  padding: 32px;
}
.cad-indice-moeda .myc-drodown-label {
  padding-left: 4px;
}
.cad-indice-moeda .myc-input .label {
  padding-left: 4px;
}
.cad-indice-moeda__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-indice-moeda__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-indice-moeda__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-indice-moeda__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-indice-moeda__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-indice-moeda__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-indice-moeda__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-indice-moeda__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.editar-indice-moeda {
  min-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-indice-moeda .myc-drodown-label {
  padding-left: 4px;
}
.editar-indice-moeda .myc-input .label {
  padding-left: 4px;
}
.editar-indice-moeda__input {
  flex: 1;
}
.editar-indice-moeda__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 48%;
}
.editar-indice-moeda__container-input-radio-row {
  display: flex;
  flex-direction: row;
  gap: 64px;
  margin-top: 10px;
}
.editar-indice-moeda__label-radio {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
  padding-left: 4px;
}
.editar-indice-moeda__column-inputs {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-indice-moeda__column-inputs__input-column {
  flex: 1;
}

.cadastro-fusao {
  background-color: #ededed;
  padding: 32px;
}
.cadastro-fusao .myc-drodown-label {
  padding-left: 4px;
}
.cadastro-fusao .myc-autocomplete-label {
  padding-left: 4px;
}
.cadastro-fusao .myc-input .label {
  padding-left: 4px;
}
.cadastro-fusao .myc-datepicker-label {
  padding-left: 4px;
}
.cadastro-fusao__box {
  padding: 32px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.cadastro-fusao__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.cadastro-fusao__input {
  flex: 1;
}
.cadastro-fusao__buscar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.cadastro-fusao__content {
  border-top: 1px solid #ededed;
  padding-top: 32px;
  padding-bottom: 32px;
}

.editar-fusao {
  min-width: 500px;
}
.editar-fusao .myc-drodown-label {
  padding-left: 4px;
}
.editar-fusao .myc-autocomplete-label {
  padding-left: 4px;
}
.editar-fusao .myc-input .label {
  padding-left: 4px;
}
.editar-fusao .myc-datepicker-label {
  padding-left: 4px;
}
.editar-fusao .myc-textarea .label {
  padding-left: 4px;
}
.editar-fusao__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 32px;
}
.editar-fusao__input {
  flex: 1;
}

.cad-instituicao {
  background-color: #ededed;
  padding: 32px;
}
.cad-instituicao .myc-input .label {
  padding-left: 4px;
}
.cad-instituicao__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.cad-instituicao__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-instituicao__container-row .myc-input .input input {
  text-transform: uppercase;
}
.cad-instituicao__container-input {
  width: 25%;
}
.cad-instituicao__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-instituicao {
  min-width: 500px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-instituicao .myc-input .label {
  padding-left: 4px;
}
.editar-instituicao__input {
  flex: 1;
}

.cad-instituicao-myc {
  background-color: #ededed;
  padding: 32px;
}
.cad-instituicao-myc .myc-input .label {
  padding-left: 4px;
}
.cad-instituicao-myc__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-instituicao-myc__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-instituicao-myc__container-input-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cad-instituicao-myc__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-instituicao-myc__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-instituicao-myc__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-instituicao-myc__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-instituicao-myc__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-instituicao-myc__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10;
}
.cad-instituicao-myc__row-actions {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

.editar-instituicao-myc {
  min-width: 550px;
  max-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-instituicao-myc .myc-input .label {
  padding-left: 4px;
}
.editar-instituicao-myc .myc-drodown-label {
  padding-left: 4px;
}
.editar-instituicao-myc__input {
  flex: 1;
}
.editar-instituicao-myc__input-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.editar-instituicao-myc__input-group__input {
  flex: 1;
  max-width: 48%;
}

.cad-home-customizada-instituicao {
  min-width: 980px;
  max-width: 980px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cad-home-customizada-instituicao .myc-input .label {
  padding-left: 4px;
}
.cad-home-customizada-instituicao__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-home-customizada-instituicao__container-button-end {
  display: flex;
  justify-content: flex-end;
}
.cad-home-customizada-instituicao__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.cad-logomarca .myc-modal {
  min-width: 550px;
  max-width: 550px;
}
.cad-logomarca .myc-datepicker-label {
  padding-left: 4px;
}
.cad-logomarca .myc-input .label {
  padding-left: 4px;
}
.cad-logomarca__container-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cad-logomarca__container-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cad-logomarca__content-dragdrop {
  padding: 20px 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;
}
.cad-logomarca__content-dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.cad-logomarca__content-dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.cad-logomarca__content-dragdrop p {
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
}
.cad-logomarca__content-dragdrop span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.cad-logomarca__content-dragdrop img {
  max-width: 100%;
  height: auto;
}
.cad-logomarca__content-images {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cad-logomarca__image {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #ededed;
  align-items: center;
}
.cad-logomarca__image span {
  font-weight: 700;
  overflow-wrap: anywhere;
}

.editar-home-customizado-instituicao {
  min-width: 550px;
  max-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-home-customizado-instituicao .myc-input .label {
  padding-left: 4px;
}
.editar-home-customizado-instituicao .myc-drodown-label {
  padding-left: 4px;
}
.editar-home-customizado-instituicao__input {
  flex: 1;
}

.container-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 1px;
  height: 169px;
  background-color: transparent;
}
.container-group .nav-bar-history {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 24px 8px 32px;
  gap: 3px;
  width: 100%;
  height: 48px;
  margin-bottom: 13px;
}
.container-group .text-nav-history {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  color: #000000;
}
.container-group .text-nav-history-page {
  font-family: "Matter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  color: #ff8933;
  text-decoration: underline;
}
.container-group .container-description-page {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 32px;
  gap: 75px;
  width: 100%;
  height: 96px;
  background-color: #fff;
}
.container-group .description-page {
  font-family: "Matter";
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
  color: #000000;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.container-group .description-page .myc-dropdown span {
  color: #000;
  font-weight: 600;
}
.container-group .description-page .myc-dropdown .p-dropdown-label {
  font-size: 0.95rem !important;
}

.impacto-provento {
  background-color: #ededed;
  padding: 32px;
}
.impacto-provento .myc-drodown-label {
  padding-left: 4px;
}
.impacto-provento .myc-autocomplete-label {
  padding-left: 4px;
}
.impacto-provento .myc-input .label {
  padding-left: 4px;
}
.impacto-provento .myc-datepicker-label {
  padding-left: 4px;
}
.impacto-provento__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.impacto-provento__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.impacto-provento .input-container {
  margin-right: 20px;
}
.impacto-provento .input-container .label {
  font-size: 14px;
  font-weight: 700;
}
.impacto-provento .input-container input {
  width: 274px;
  height: 44px !important;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.impacto-provento .input-container input:focus {
  border: 1px solid #ff6b06;
  background-image: none !important;
  outline: none;
}
.impacto-provento .input-container input:hover {
  background-image: none !important;
}

.clientes-parceria {
  padding-right: 5px;
  background-color: #ededed;
}
.clientes-parceria__container-row {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: flex-end;
}
.clientes-parceria__container-row .myc-drodown-label {
  padding-left: 4px;
}

.faturamento-parcerias-container {
  padding-right: 5px;
  background-color: #ededed;
}
.faturamento-parcerias-container .container-inputs-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
  margin-top: 50px;
}
.faturamento-parcerias-container .input-container {
  width: 20%;
}
.faturamento-parcerias-container .submit-container {
  margin-bottom: 3px;
}
.faturamento-parcerias-container .myc-drodown-label {
  padding-left: 4px;
}

.faturamento-parcerias-container-b2b {
  min-height: 90vh;
  padding-right: 5px;
  background-color: #ededed;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.faturamento-parcerias-container-b2b .container-inputs-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.faturamento-parcerias-container-b2b .container-inputs-group-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faturamento-parcerias-container-b2b .input-container {
  width: 20%;
}
.faturamento-parcerias-container-b2b .submit-container {
  margin-bottom: 3px;
  display: flex;
  gap: 32px;
}
.faturamento-parcerias-container-b2b .myc-drodown-label {
  padding-left: 4px;
}
.faturamento-parcerias-container-b2b .myc-input .label {
  padding-left: 4px;
}

.cli-info-integracao-corretora-alterar-data {
  max-width: 440px;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: -20px;
}
.cli-info-integracao-corretora-alterar-data span:first-child {
  color: #3a3a3a;
  font-weight: 600;
  gap: 8px;
  font-size: 0.875rem;
  font-family: "Matter";
}
.cli-info-integracao-corretora-alterar-data span {
  color: #999999;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Matter";
}
.cli-info-integracao-corretora-alterar-data__container-legenda {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cli-info-editar-dados-exterior .myc-modal {
  min-width: 550px;
}
.cli-info-editar-dados-exterior .myc-datepicker-label {
  padding-left: 4px;
}
.cli-info-editar-dados-exterior .myc-input .label {
  padding-left: 4px;
}
.cli-info-editar-dados-exterior__container-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.cli-info-editar-dados-exterior__container-column {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.cli-info-editar-dados-exterior__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;
}
.cli-info-editar-dados-exterior__content-dragdrop i {
  font-size: 64px;
  color: #e0e0e0;
  margin-bottom: 12px;
}
.cli-info-editar-dados-exterior__content-dragdrop a {
  color: #ff6b06;
  text-decoration: underline;
}
.cli-info-editar-dados-exterior__content-dragdrop p {
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
}
.cli-info-editar-dados-exterior__content-dragdrop span {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 150%;
}
.cli-info-editar-dados-exterior__content-files {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cli-info-editar-dados-exterior__file {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #ededed;
  align-items: center;
}
.cli-info-editar-dados-exterior__file span {
  font-weight: 700;
  cursor: pointer;
}

.notificacao-push {
  background-color: #ededed;
  padding: 32px;
  min-height: 100vh;
}
.notificacao-push__content {
  background-color: white;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
.notificacao-push__input {
  width: 100%;
  flex: 1;
}
.notificacao-push__recorrencia {
  width: 100%;
  display: flex;
  gap: 12px;
  background-color: #ededed;
  border-radius: 8px;
  padding: 18px;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .notificacao-push__recorrencia {
    flex-direction: column;
  }
}

.reservas-ofertas-publicas {
  background-color: #ededed;
  padding: 32px;
}
.reservas-ofertas-publicas .myc-input .label {
  padding-left: 4px;
}
.reservas-ofertas-publicas .myc-datepicker-label {
  padding-left: 4px;
}
.reservas-ofertas-publicas .myc-drodown-label {
  padding-left: 4px;
}
.reservas-ofertas-publicas__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background-color: #fff;
}
.reservas-ofertas-publicas__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.reservas-ofertas-publicas__container-row .myc-input .input input {
  text-transform: uppercase;
}
.reservas-ofertas-publicas__container-input {
  width: 25%;
}
.reservas-ofertas-publicas__container-input-radio-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 68px;
  margin-right: 19px;
}
.reservas-ofertas-publicas__container-input-radio-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  margin-top: 15px;
}
.reservas-ofertas-publicas__label-situacao {
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Matter";
  color: #000;
  line-height: 11px;
}
.reservas-ofertas-publicas__dividerBorda {
  border: 1px solid #e0e0e0;
  width: 100%;
  margin-bottom: 32px;
}

.editar-reserva-ofertas-publicas {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.editar-reserva-ofertas-publicas .myc-input .label {
  padding-left: 4px;
}
.editar-reserva-ofertas-publicas .myc-datepicker-label {
  padding-left: 4px;
}
.editar-reserva-ofertas-publicas .myc-drodown-label {
  padding-left: 4px;
}

.clientes-subsidiados {
  padding-right: 5px;
  background-color: #ededed;
}
.clientes-subsidiados__container-row {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: flex-end;
}
.clientes-subsidiados__container-row .myc-drodown-label {
  padding-left: 4px;
}
.clientes-subsidiados__container-row .myc-datepicker-label {
  padding-left: 4px;
}

.comp-custodia {
  background-color: #ededed;
  padding: 32px;
}
.comp-custodia .myc-autocomplete-label {
  padding-left: 4px;
}
.comp-custodia .myc-input .label {
  padding-left: 4px;
}
.comp-custodia .myc-drodown-label {
  padding-left: 4px;
}
.comp-custodia__container-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  width: 100%;
}
.comp-custodia__container-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.comp-custodia__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.comp-custodia__container-registros {
  background-color: white;
  padding: 32px;
  margin-top: 22px;
}
.comp-custodia__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comp-custodia__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.comp-custodia__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.comp-custodia__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.comp-custodia__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.cad-cotacao-internacional {
  background-color: #ededed;
  padding: 32px;
}
.cad-cotacao-internacional .myc-autocomplete-label {
  padding-left: 4px;
}
.cad-cotacao-internacional .myc-datepicker-label {
  padding-left: 4px;
}
.cad-cotacao-internacional__container-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 32px;
}
.cad-cotacao-internacional__container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.cad-cotacao-internacional__container-registros {
  background-color: white;
  padding: 32px;
}
.cad-cotacao-internacional__container-error-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cad-cotacao-internacional__container-error-column {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 75%;
  align-items: flex-start;
  padding: 16px;
  margin-top: 47px;
}
.cad-cotacao-internacional__container-error-column h5 {
  color: #3a3a3a;
  font-weight: 700;
}
.cad-cotacao-internacional__container-error-column h5 span {
  font-style: italic;
  color: #3a3a3a;
}
.cad-cotacao-internacional__container-button {
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  gap: 10px;
}

.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;
}

.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;
}

.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;
}
.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%;
  max-width: 300px;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myc-circle-chart .myc-circle-chart__title {
  position: absolute;
  padding: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.myc-circle-chart .myc-circle-chart__title .myc-circle-chart__title__title {
  color: black;
  font-size: 22px;
  font-weight: 600;
}
.myc-circle-chart .myc-circle-chart__title .myc-circle-chart__title__subtitle {
  color: #999999;
  font-size: 14px;
}
.myc-circle-chart .circle {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: conic-gradient(from 180deg, #ededed 0deg, #ededed 0deg);
  position: absolute;
  z-index: 1;
  -webkit-mask: radial-gradient(circle 40px, #0000 98%, #fff);
  mask: radial-gradient(circle, #0000 62.4%, #fff 63%);
}
.myc-circle-chart .circle.primary {
  z-index: 2;
}
.myc-circle-chart .point-container {
  width: 50%;
  height: 5.8%;
  position: absolute;
  left: 0;
  -webkit-transform-origin: 100% 50%;
  z-index: 4;
}
.myc-circle-chart .point-container.stopped, .myc-circle-chart .point-container.moving {
  transform: rotate(-90deg);
}
.myc-circle-chart .point-container .point {
  height: 100%;
  aspect-ratio: 1/1;
  background: #ededed;
  border-radius: 100%;
}

.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-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;
}

.modal-confirm {
  width: 27rem;
  z-index: 999999 !important;
}
.modal-confirm .p-grid {
  margin: 0;
}
.modal-confirm p-footer {
  display: flex !important;
  justify-content: center;
}
@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: 0.8rem;
}
.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: 0.8rem;
}
.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 {
  border: 2px solid #ff6b06;
  padding: 1.1rem;
}
.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: 0.8rem;
}
.modal-confirm .p-button-gray:hover {
  background-color: #ff6b06 !important;
}
.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 {
  box-shadow: none !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
  padding: 0.8rem !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: #FFF2E0;
  border: 1px solid #FF9400;
  padding: 0.5rem;
  font-size: 12px;
}
.modal-confirm .cursor-pointer {
  cursor: pointer;
}

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