/* `HTML ELEMENTS
----------------------------------------------------------------------------------------------------*/
body {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: 300;
}

@font-face {
  font-family: Inter;
  src: url('/assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf');
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  margin: 0 0 15px 0;
}

h1 {
  font-size: 37px;
  margin-top: 12px;
  font-weight: 800;
}

h2 {
  font-size: 25px;
  font-weight: 100;
  line-height: 1.3em;
}

h3 {
  font-size: 25px;
}
h4 {
  font-size: 23px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 15px;
}

a {
  transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition-transition: all 0.15s linear 0s;
}

.copyAddress {
  visibility: hidden;
}
/*.copyAddress:hover {*/
/*  visibility: visible !important;*/
/*}*/

.dashboardBackground {
  background-color: #eeeeee;
}
body {
  background-color: #eeeeee;
}

label {
  font-weight: 500;
}

.coments-container.scroll-visible {
  opacity: 0.8; /* definir a opacidade desejada */
}
.sidebarContent {
  height: calc(100vh - 250px);
}
.coments-container {
  overflow-x: hidden;
  max-height: calc(100vh - 250px);
  overflow-y: auto;
}
.coments-container::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
.coments-container::-webkit-scrollbar {
  width: 7px;
  cursor: pointer;
}
.coments-container::-webkit-scrollbar-track {
  border-radius: 5px;
  cursor: pointer;
}
.coments-container::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background-color: rgba(65, 58, 79, 0.17);
}

.dashboardCnaesListContainer::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
.dashboardCnaesListContainer::-webkit-scrollbar {
  width: 7px;
  cursor: pointer;
}

.dashboardCnaesListContainer::-webkit-scrollbar-track {
  border-radius: 5px;
  cursor: pointer;
}

.dashboardCnaesListContainer::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background-color: rgba(65, 58, 79, 0.17);
}
.pointerCursor {
  cursor: pointer;
}
.asteriskStyle {
  color: #c63945;
}
.cnaeTitle {
  color: #595066;
  font-weight: 500;
  line-height: 16.8px;
  font-family: 'Inter';
  font-size: 14px;
  margin-bottom: 25px;
}
.dashboardCnaesList {
  overflow: hidden;
  max-width: 353px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #7d728c;
  font-family: 'Inter';
  font-size: 12px;
  line-height: 14.4px;
  font-weight: 400;
}
.cnaeLine {
  display: flex;
  margin-right: 13px;
  flex: 1;
  gap: 30px;
  padding: 5px 0px;
  padding-right: 5px;
}
.flex1 {
  flex: 1;
}
.cnaeName {
  align-self: baseline;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 500px;
}

.tagMaxHeight {
  max-height: 35px;
}
.tomadorColumn {
  flex: 3;
  max-width: 125px;
  min-width: 30%;
}

.nfseTableLine {
  /* width: 101%; */
}
.faturamentoWidth {
  width: 49.87%;
}
.companyDataWidth {
  width: 49.87%;
}
.companyInfoGap {
  gap: 25%;
}
.starMl {
  margin-left: 6px;
}
.nfseHeaderValueSpace {
  width: 17%;
}

.numberNfseMr {
  margin-right: 6%;
}
@media screen and (min-width: 1300px) and (max-width: 1845px) {
  .cnaeLine {
    gap: 10px !important;
  }
  .cnaeName {
    margin-left: 5px;
    width: 270px !important;
  }
  .companyDataWidth {
    width: 49.87%;
  }
}
@media screen and (min-width: 1431px) and (max-width: 1845px) {
  .faturamentoWidth {
    width: 49.87% !important;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1430px) {
  .nfse-tooltip {
    left: 75% !important;
  }
}
@media screen and (min-width: 1431px) and (max-width: 1680px) {
  .nfse-tooltip {
    left: 77% !important;
  }
}
@media (min-width: 1681px) {
  .nfse-tooltip {
    left: 80.5% !important;
  }

  .faturamentoWidth {
    width: 49% !important;
  }
}

@media screen and (min-width: 1430px) and (max-width: 1550) {
  .nfse-tooltip {
    left: 74.9% !important;
  }
}
.anexoMinWidth {
  width: 9%;
}
@media (max-width: 1430px) {
  .nfseNumberMinWidth {
    min-width: 7.5% !important;
  }
  .emissaoDateMarginLeft {
    margin-left: -1%;
  }
  .anexoMinWidth {
    width: 11%;
  }
}
@media (max-width: 1279px) {
  .cnaeName {
    margin-left: 5px;
    width: 235px !important;
  }
  .cnaeLine {
    gap: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
  .cnaeLine {
    gap: 10px !important;
  }
  .cnaeName {
    margin-left: 5px;
    width: 270px !important;
  }
}
.tooltip {
  z-index: 999999 !important;
}

@media screen and (min-width: 1180px) and (max-width: 1279px) {
  .nfse-tooltip {
    left: 66.2% !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
  .nfse-tooltip {
    left: 74% !important;
  }
}

@media (max-width: 1179px) {
  .nfse-tooltip {
    left: 68.2% !important;
  }
}

@media (max-width: 1299px) {
  .nfseHeaderValueSpace {
    width: 17.5%;
  }
  .starMl {
    margin-left: 3px;
  }
  .faturamentoWidth {
    width: 49% !important;
  }
  .nfseTableLine {
    width: 102%;
  }

  .tomadorColumn {
    flex: 3;
    max-width: 125px !important;
    min-width: 23% !important;
  }
  .marginTopI {
    margin: 12px 4px !important;
  }
  .companyDataUpdateMargin {
    margin-right: 27px;
  }
  .tagMaxHeight {
    max-height: 50px !important;
  }
}
.companyDataUpdateMargin {
  margin-right: 20px;
}
.companyDataTitle {
  margin-bottom: 9px;
  font-family: 'Inter';
  font-size: 16px;
  line-height: 19.2px;
  color: #3e3649;
  font-weight: 500;
}

.cnaeLine:hover {
  background-color: #fef8e7;
}
.nfseActionListItem {
  cursor: pointer;
}
.nfseActionListItem:hover {
  background-color: #f5f5f5 !important;
}
.cnaePrincipal {
  color: #744ab5;
}

.tooltipHover {
  cursor: default;
  display: block;
  flex-direction: row;
  position: relative;
}
div.tooltipHover span.helper.top100 {
  top: 100%;
}
div.tooltipHover span.helper {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 150%;
  z-index: 9999999;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}
div.tooltipHover span.helper:after {
  content: '';
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  z-index: 99999999;
  position: absolute;
}
div:hover.tooltipHover span.helper {
  position: absolute;
  display: block;
  visibility: visible;
  opacity: 0.9 !important;
  z-index: 999999999 !important;
}

div:hover.tooltipHover span.helper::before {
  overflow: visible;
}

.dashBoardWidget:hover .dashboardCopyIcon {
  opacity: 1;
}

/* Definir a opacidade inicial como 0 */
.dashboardCopyIcon {
  opacity: 0;
  transition: opacity 0.3s ease; /* Adicione uma transição suave */
}
div .dashboarInfoIcon {
  opacity: 0;
}
.credentialsCertificateIconsContainer {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.certificateContentContainer:hover .credentialsCertificateIconsContainer,
.credentialsCertificateLineContent:hover .credentialsCertificateIconsContainer {
  opacity: 1;
}
.showNfseInfoIcon {
  opacity: 1 !important;
}
div:hover > div > .dashboarInfoIcon {
  animation: showIcon 0.22s forwards;
}
.nfseTableLineContent:hover {
  background-color: #efefef;
}
.nfseTableLineContent:hover * {
  background-color: #efefef;
  color: #3e3649;
}
.nfseTableLineContentHovered {
  background-color: #efefef !important;
  color: #3e3649 !important;
}
.riscado {
  text-decoration: line-through;
}
.nfse-modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
@media (min-width: 768px) {
  .nfse-modal-content {
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
  }
}
.nfseCheckBoxLabel {
  display: flex;
  align-items: flex-start;

  margin-bottom: 0 !important;
  cursor: pointer;
}
.nfseStatusFilterDropdown {
  box-shadow: 0px 2px 6px 1px rgba(122, 115, 136, 0.3);
  border-radius: 8px;
  z-index: 99;
  width: 159px;
  position: absolute;
  background-color: white;
}

.role-label {
  cursor: pointer;
  flex-direction: column;
  display: flex;
  margin-bottom: 20px;
}

.role-checkbox {
  cursor: pointer;
  margin: 0 !important;
}

.input-label-container {
  display: flex;
  align-items: center;
}

.roles-container {
  background-color: white;
  margin-left: 20px;
  padding: 20px;
}

.disable-user-container {
  margin-top: 7px;
}

.role-container {
  margin-block: 6px;
  padding-block: 6px;
  padding-inline: 10px;
}

.selected-role {
  background-color: #5c2d91;
}

.selected-role > div > div > span {
  color: yellow;
}

.selected-role > div > span {
  color: white;
}

.role-title {
  font-size: 16px;
  margin-left: 4px;
}

.role-description {
  color: #63636e;
}

.closeCalendar {
  margin-inline-start: 5px;
  width: 19px;
  height: 24px;
  text-decoration: none !important;
  font-size: 21px;
  color: #c3bdcc;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
}
.closeCalendar:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.6;
}
.closeSearchIcon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.6;
}

.successNfseStatusTag {
  border-radius: 4px;
  background-color: #ecfef2;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  width: fit-content;
  align-items: center;
}
.successNfseStatusTag > span {
  font-size: 12px;
  font-family: 'Inter';
  color: #358851;
  font-weight: 400;
}
.canceledNfseStatusTag {
  border-radius: 4px;
  background-color: #f0f0f0;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  width: fit-content;
  align-items: center;
}
.canceledNfseStatusTag > span {
  font-size: 12px;
  font-family: 'Inter';
  color: #7d728c;
  font-weight: 400;
}
.inProgressNfseStatusTag {
  border-radius: 4px;
  background-color: #fef8e7;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  width: fit-content;
  align-items: center;
}
.inProgressNfseStatusTag > span {
  font-size: 12px;
  font-family: 'Inter';
  color: #c56816;
  font-weight: 400;
}
.denegadaNfseStatusTag {
  border-radius: 4px;
  background-color: white;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  width: fit-content;
  align-items: center;
}
.denegadaNfseStatusTag > span {
  font-size: 12px;
  font-family: 'Inter';
  color: #c63945;
  font-weight: 400;
}
.erroNfseStatusTag {
  border-radius: 4px;
  background-color: #fcedef;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  width: fit-content;
  align-items: center;
}
.erroNfseStatusTag > span {
  font-size: 12px;
  font-family: 'Inter';
  color: #c63945;
  font-weight: 400;
}

/* .tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  font-size: 14px;
  z-index: 999;
  display: none;
}

.tooltip.show {
  display: block;
}

.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
} */

/*
remove as setinhas do campo number.
@todo não sei se funciona pra todos os navevadores
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-box {
  margin: 15px 0;
}

.premium-star {
  color: yellow;
}

/* `RESPONSIVENESS
----------------------------------------------------------------------------------------------------*/
.year-nav-tabs {
  display: block;
}
.year-nav-select {
  display: none;
}

.companyDataWidgetContainer {
  flex: 1;
  margin-top: 4px;
  padding-top: 25px;
  padding-bottom: 26px;
}

.addressTitle {
  font-family: 'Inter';
  font-size: 14px;
  line-height: 16.82px;
  font-weight: 500;
  color: #3e3649;
}

.inscricaoTitle {
  font-family: 'Inter';
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 500;
  color: #3e3649;
  margin-bottom: 8px;
}
.inscricaoNumber {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #3e3649;
}
.dashBoardWidget {
  background-color: white;
  border: 1px solid #e5e2e9;
  border-radius: 10px;
  padding: 13px 16px;
}

@keyframes accordionWidget {
  0% {
    height: auto;
    opacity: 0;
    transform: translateY(-450px);
  }
  50% {
    height: auto;
    opacity: 0.5;
  }
  100% {
    height: auto;
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes nfseSearchInputOpen {
  0% {
    width: 0;
  }
  50% {
    display: none;
  }
  100% {
    width: 128px;
  }
}
@keyframes nfseSearchInputClose {
  0% {
    display: none;
  }
  50% {
    display: none;
  }
  100% {
    width: 0;
    display: none;
  }
}
.searchInputStartStyle {
  background-color: white !important;
  width: 0 !important;
  margin-right: 48px;
}
.nfse-input-group.isClosedSearchInput {
  animation-name: nfseSearchInputContainerAnimation;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.nfse-input-group.isOpenSearchInput {
  animation-name: nfseSearchInputContainerOpenAnimation;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes nfseSearchInputContainerAnimation {
  0% {
    background-color: white;
  }
  100% {
    background-color: white;
  }
}
@keyframes nfseSearchInputContainerOpenAnimation {
  0% {
    background-color: #e5e2e9;
  }
  100% {
    background-color: #e5e2e9;
  }
}
@keyframes eraseInputSearch {
  0% {
    opacity: 0.5;
    width: auto;
  }
  50% {
  }
  100% {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
}
.search-icon-overlay {
  position: absolute;
  top: 5px;
  left: 16px;
  z-index: 1; /* Garante que a bolinha vermelha fique por cima do ícone de pesquisa */
}
@keyframes openInputSearch {
  0% {
    width: auto;
  }
  50% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
    opacity: 1;
  }
}
@keyframes accordionWidgetClose {
  0% {
    pointer-events: none;
    height: auto;
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    pointer-events: none;
    height: auto;
    opacity: 0.5;
  }
  100% {
    pointer-events: none;
    max-height: 250px;
    height: auto;
  }
}
@keyframes showIcon {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.isOnlyCopyButtomMargin {
  margin-bottom: 0 !important;
}
.isOnlyCopyButonDivMargin {
  margin-bottom: 6px !important;
}
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.custom-checkbox input[type='checkbox'] {
  display: none;
}

.custom-checkbox .nfseCheckBoxLabel {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.custom-checkbox .nfseCheckBoxLabel:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px !important;
  width: 14px;
  height: 14px;
  border: 1px solid #7d728c;
  border-radius: 4px;
}
.inProgressNfseStatusTag {
  background-color: #fef8e7;
  color: #c56816;
}
.canceledNfseStatusTag {
  background-color: #f0f0f0;
  color: #7d728c;
}
.denegadaNfseStatusTag {
  background-color: #ffffff;
  color: #c63945;
}
.erroNfseStatusTag {
  background-color: #fcedef;
  color: #c63945;
}
.nfseFilterStatusLabel {
  border-radius: 4px;
  display: flex;
  padding-block: 2px;
  padding-inline: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14.52px;
  align-items: flex-start;
}
.successNfseStatusTag {
  background-color: #ecfef2;
  color: #358851;
}

.customCanceladaCheckbox .nfseCheckBoxLabel:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px !important;
  width: 14px;
  height: 14px;
  border: 1px solid #7d728c;
  border-radius: 4px;
}

.custom-checkbox input[type='checkbox']:checked + .nfseCheckBoxLabel:before {
  background-color: #543780;
}

.custom-checkbox .nfseCheckBoxLabel:after {
  content: '';
  position: absolute;
  left: 4.2px;
  top: 17px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
  display: none;
}
.customCanceladaCheckbox .nfseCheckBoxLabel:after {
  content: '';
  position: absolute;
  left: 4.2px;
  top: 6px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(42deg);
  display: none;
}

.custom-checkbox input[type='checkbox']:checked + .nfseCheckBoxLabel:after {
  display: block;
}
@keyframes widgetClosedSize {
  0% {
  }
  100% {
    height: auto;
    max-height: 300px;
  }
}
.company-data {
  overflow: hidden;
  position: relative;
}
.company-data > div:not(:first-child) {
  transform: translateY(-500px);
  position: relative;
  height: 0;
  width: 100%;
}
.inputStartMode {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.inputOpen {
  animation: openInputSearch 1s forwards;
}
.inputClose {
  animation: eraseInputSearch 1s forwards;
}

.isClosedSearchInput > div > input {
  animation: nfseSearchInputClose 1s forwards;
}
.isOpenSearchInput > div > input {
  animation: nfseSearchInputOpen 1s forwards;
}
.company-data.isOpenWidget > div:not(:first-child) {
  width: 100%;
  animation: accordionWidget 1s forwards;
}
.company-data.isClosedWidget > div:not(:first-child) {
  width: 100%;
  animation: accordionWidgetClose 1s;
}

.company-data.isClosedWidget {
  animation: widgetClosedSize 0.1s 1s forwards;
}
.company-data > div:nth-child(2) {
  z-index: 5;
  transform: translateY(-180px);
  height: auto;
}
.company-data > div:nth-child(2):hover {
  transform: translateY(-175px);
  transition: transform 0.4s;
}

.company-data > div:nth-child(3) {
  z-index: 4;
  transform: translateY(-360px);
  height: auto;
  transition: transform 0.4s;
}

.company-data > div:nth-child(3):hover {
  transform: translateY(-340px);
  transition: transform 0.4s;
  transition: transform 0.4s;
}

.company-data > div:nth-child(4) {
  z-index: 3;
  transform: translateY(-480px);
  height: auto;
  transition: transform 0.4s;
}

.company-data > div:nth-child(4):hover {
  transform: translateY(-468px);
  transition: transform 0.4s;
}

.dashBoardWidget.flex {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.dashboarWidgetTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Inter';
  color: #3e3649;
  line-height: 19.2px;
  font-size: 16px;
  font-weight: 500;
}

.dashboardBold {
  font-weight: 700;
}

.matrizFilial {
  margin-top: 7.67% !important;
}

.grey900 {
  color: #3e3649 !important;
}

.dashboardAlert {
  margin-top: 3.5px;
  font-family: 'Inter';
  font-size: 12px;
  line-height: 14.52px;
  font-weight: 400;
  color: #3e3649;
}
.alertDiv {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 20px;
  background-color: #fef8e7;
  border-radius: 5px;
}

.grey700 {
  color: #7d728c;
}

.apurationUpdateText {
  margin-top: 7px;
  font-size: 11px;
  color: #8e8e8e;
  line-height: 13.2px;
  font-style: italic;
  font-weight: 400;
  font-family: 'Inter';
}

.greenTag > div > div > div > span.apurationTag {
  background-color: #49ab6b;
  color: white;
}
.redTag > div > div > div > span.apurationTag {
  background-color: #e06c75;
  color: white;
}
.blueTag > div > div > div > span.apurationTag {
  background-color: #538de6;
  color: white;
}
.purpleTag > div > div > div > span.apurationTag {
  background-color: #8e66cc;
  color: white;
}
.hoverState * {
  background-color: #efefef;
  color: #3e3649;
}
.hoverState {
  background-color: #efefef !important;
  color: #3e3649 !important;
}
.inscricaoNumberEmptyState {
  font-family: 'Inter';
  font-style: italic;
  font-size: 20px;
  line-height: 24px;
  color: #c3bdcc;
  font-weight: 400;
}

.nfseActions {
  padding-bottom: 10px;
  font-size: 14px;
  font-family: 'Inter';
  font-weight: 400;
  color: #3e3649;
}
.dashboardDataShowLabel {
  font-family: 'Inter';
  color: #7d728c;
  font-weight: 400;
  font-size: 12px;
  line-height: 14.4px;
}
.dashboardDataShowData {
  font-family: 'Inter';
  color: #3e3649;
  font-weight: 400;
  font-size: 12px;
  line-height: 14.4px;
}

.apurationTag {
  background-color: #e5e2e9;
  color: #595066;
  padding: 2px 8px;
  font-family: 'Inter';
  font-size: 12px;
  line-height: 14.52px;
  border-radius: 4px;
}
.apurationTag.boldTag {
  font-weight: 700;
}
.dashboardRevenueLineContainer:hover > .dashboardTableLine {
  color: #595066;
}
.dashboardFaturamentoTitle {
  font-family: 'Inter';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Inter';
  color: #3e3649;
  line-height: 19.2px;
  line-height: 19.2px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7px;
}
.copy-feedback {
  /* display: none; */
  background-color: black;
  color: #fff;
  padding: 6px;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  font-weight: 600;
  bottom: 32px;
  font-size: 12px;
  left: 42%;
  transform: translateX(-50%);
  z-index: 999;
  border-radius: 7px;
}
.dashboardFaturamentoHeaderText {
  font-family: 'Inter';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: #7d728c;
}
.revenueDashboardTableLineContainer {
  display: flex;
  flex: 1;
  justify-content: space-between;
  position: relative;
  padding: 0 10px;
}
.dashboardtableLineSeparator {
  height: 1px;
  background-color: #e5e2e9;
  margin: 8px 0;
}
.dashboardTableLine {
  font-family: 'Inter';
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  color: #7d728c;
}
.pointerCursor:hover {
  opacity: 0.3;
}
.updateIcon:hover {
  opacity: 0.3;
  transform: scale(1.1);
}
.companyDataUpdateTexte {
  font-family: 'Inter';
  font-size: 11px;
  line-height: 13.2px;
  font-weight: 400;
  font-style: italic;
  color: #7d728c;
}

.updateText {
  font-family: 'Inter';
  font-size: 12px;
  line-height: 14.4px;
  font-weight: 400;
  font-style: italic;
  color: #7d728c;
}
.dashboardFaturamentoHeaderText.dashboardFaturamentoSelected {
  cursor: default;
  color: #286cd2;
}
.faturamentoCoin.dashboardFaturamentoSelected {
  color: #286cd2;
}
.faturamentoValue.dashboardFaturamentoSelected {
  color: #286cd2;
}
.titleSection {
  display: flex;
  justify-content: space-between;
}
.faturamentoCoin {
  font-family: 'Inter';
  margin-right: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #7d728c;
  line-height: 16.94px;
}
.faturamentoValue {
  font-family: 'Inter';
  font-size: 18px;
  line-height: 21.78px;
  font-weight: 600;
  color: #3e3649;
}
.datashowNumber {
  min-width: 40px !important;
  max-width: 40px !important;
  flex-shrink: 3;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.faturamentoHeaderContainer {
  display: flex;
  width: 156px;
  flex-direction: column;
}
.faturamentoWidgetSeparator {
  height: 5px;
  background-color: #286cd2;
  border-radius: 5px;
  margin-top: 5px;
}

.titleContainer {
  display: flex;
  margin-top: 8px;
  align-items: center;
}
.nfseNumberMinWidth {
  min-width: 8.5%;
}

.nfseTableHeaderText {
  color: #7d728c;
  font-size: 12px;
  line-height: 14.52px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.nfseTableContentText {
  margin-top: 4px;
  color: #7d728c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
}

.nfse-input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.nfse-input-group .form-control {
  flex: 1;
}

.nfse-input-group .nfse-input-group-addon {
  position: absolute;
  right: -4px;
  bottom: 14.5px;
  padding: 7px;
}
.closeSearchIcon {
  margin-right: 5px;
  text-decoration: none !important;
  font-size: 21px;
  cursor: pointer;
  color: #c3bdcc;
  font-weight: 700;
}
.nfse-input-group .nfse-input-group-addon i {
  font-size: 20px;
  color: #555;
}

.faturamentoContainer {
  margin-top: 26px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dashboardFaturamentoHeaderContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px;
}
.titleSubtitle {
  font-family: 'Inter';
  margin-left: 14px;
  display: flex;
  flex-direction: column;
}
.dashboardFaturamentoSubTitle,
.contactsAndNotificationsSubTitle {
  font-family: 'Inter';
  font-style: italic;
  color: #8e8e8e;
  line-height: 14.4px;
  font-size: 12px;
  font-weight: 400;
}
.dashboardtoolbarInformation {
  margin: 0 4px;
  background-color: #f7f6f8;
  color: #7d728c;
  padding: 2px 8px;
  border: 1px solid #e5e2e9;
  border-radius: 4px;
  font-family: 'Inter';
  font-size: 12px;
  line-height: 14.52px;
  font-weight: 400;
}
#competence-container {
  background-color: white;
  border: 1px solid #dcdade;
  border-radius: 8px;
  z-index: 99;
}
#competence-dashboard {
  border: 0;
}

#selectNfse:focus::-ms-expand {
  border-radius: 10px;
  background-color: #0088cf;
}

#competence-dashboard:focus {
  box-shadow: 0;
  outline: none;
  box-shadow: none;
}

#competence-dashboard::value {
  text-align: center;
  z-index: 2;
  overflow: visible;
  position: fixed;
  margin-left: -50px;
  padding-left: -100px !important;
  left: 0;
}

#competence-dashboard::-webkit-inner-spin-button {
  opacity: 0;
}

#competence-dashboard::-webkit-calendar-picker-indicator {
  display: none;
  pointer-events: none;
}
#calendarModal .modal-backdrop {
  display: none;
}
.isSelectedMonth {
  color: white !important;
  background-color: #744ab5;
}
.hidenElement {
  opacity: 0 !important;
  pointer-events: none !important;
}

.calendarChangeYearButton {
  background-color: white;
  border-color: #dcdade;
  border-radius: 8px;
  border-width: 0.3px;
  border-style: solid;
}
.nfseMonthPickerMonths {
  cursor: pointer;
  display: flex;
  color: #595066;
  align-items: center;
  justify-content: center;
  border-color: #ededed;
  width: 72px;
  height: 40px;
  border-width: 2px;
  border-style: solid;
}

#competence-dashboard::-webkit-clear-button {
  opacity: 0;
}
.dashboardSelect {
  border: 0 !important;
  outline: none !important;
  font-family: 'Inter';
  padding: 0 !important;
  margin: 0 !important;
  color: #7d728c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  cursor: pointer;
  line-height: 14.4px !important;
}
.dashboardSelect:focus {
  border: none !important;
}
.dashboardtoolbarIcon {
  margin: 0 4px;
  background-color: #e5e2e9;
  border-radius: 12px;
  padding: 2px 8px;
  font-family: 'Inter';
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #595066;
}
.dashboardtoolbarIconGreen {
  background-color: #49ab6b;
  color: white;
}

.dashboardtoolbarIconBlue {
  background-color: #538de6;
  color: white;
}

.dashboardtoolbarIconYellow {
  background-color: #e59c53;
  color: white;
}
.dashboardtoolbarIconPurple {
  background-color: #8e66cc;
  color: white;
}
/* SELETOR DE EMPRESAS NA BARRA DO TOPO */
.project-context h5 {
  margin: 10px 0;
  font-size: 15px;
}
.project-context h5 span.fa-adjust-margin {
  float: left;
  margin: -3px 0 0 0 !important;
}
.project-context h5 span.caret {
  margin-top: -6px;
}

/* SELETOR DE EMPRESAS NO MAIN CONTENT */
.project-context-incontent {
  display: none;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  margin-top: 5px;
  border: 1px solid #ddd;
}
#project-context-incontent,
.project-context-incontent {
  max-width: 100% !important;
}
.project-context-incontent h5 span.widget-text-crop {
  margin-top: -4px;
}
.project-context-incontent h5 span.fa-adjust-margin {
  float: left;
  margin: -3px 5px 0 0 !important;
}
.project-context-incontent h5 span.caret {
  margin-top: 3px;
}

.partner-message {
  width: 900px;
  padding: 20px;
  margin: 0 0 8px 0;
}

.partner-message-create {
  width: 900px;
  padding: 20px;
  margin: 0 0 8px 16px;
}

/* HAMBURGUER */
#hide-menu i {
  color: #fff;
  font: normal normal normal 21px/1 FontAwesome;
  margin-top: 6px;
}
#hide-menu > :first-child > a,
.btn-header a {
  height: 36px !important;
  width: 36px !important;
  margin: 5px 0 0 5px;
}
.show-responsive {
  display: none;
}

/* `MAIN CONTENT
----------------------------------------------------------------------------------------------------*/
#main {
  min-height: 0;
  padding-top: 70px;
  padding-bottom: 0;
  margin-left: 250px !important;
}
.main-ngview a {
  text-decoration: underline;
}
#content {
  padding: 10px 20px;
}
#content .row.dashboard {
  margin-bottom: 20px;
}

/* `LOGIN PAGE
----------------------------------------------------------------------------------------------------*/
.box-login {
  text-align: center;
}
.box-login .panel {
  text-align: left;
  -webkit-box-shadow: 0 0 7px 2px rgba(45, 21, 71, 0.46);
  -moz-box-shadow: 0 0 7px 2px rgba(45, 21, 71, 0.46);
  box-shadow: 0 0 7px 2px rgba(45, 21, 71, 0.46);
}
.box-login img.logo {
  padding: 20px 0;
  width: 200px;
}

/* `THEME ELEMENTS
----------------------------------------------------------------------------------------------------*/
#header {
  background-image: none;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  /*background-color: #00c4cc;*/
  position: fixed;
  width: 100%;
  z-index: 9997;
}
#header .widget-text-crop {
  margin-bottom: -6px;
}
#header .header-toolbar .ui-select-container {
  float: left;
  width: 400px;
  margin: 0 5px;
}

#ribbon {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

span.revenue {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  font-size: 40px;
}

.project-selector {
  color: #737373;
  font-size: 15px;
}

#logo-group > span#logo {
  width: auto;
  height: 25px;
}

.btn-header > :first-child > a {
  background: none;
  border: none;
  color: #fff !important;
  cursor: pointer !important;
}
.btn-header > :first-child > a:hover {
  opacity: 0.9;
  border: none;
}

#logo-group {
  width: 250px !important;
  background: #5c2d91 !important;
}

.hidden-menu #hide-menu > :first-child > a {
  /*background-color: #e8e8e8;*/
  /*background-image: -moz-linear-gradient(top, #004b75 0, #005B8C 100%);*/
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004b75), color-stop(100%, #005B8C));*/
  /*background-image: -webkit-linear-gradient(to bottom, #004b75 0, #005B8C 100%);*/
  /*background-image: -o-linear-gradient(to bottom, #004b75 0, #005B8C 100%);*/
  /*background-image: -ms-linear-gradient(to bottom, #004b75 0, #005B8C 100%);*/
  /*background-image: linear-gradient(to bottom, #004b75 0, #005B8C 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b75', endColorstr='#005B8C', GradientType=0);*/
  /*-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);*/
  /*box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);*/
  color: #fff;
  /*border-color: #004b75*/
}
.menu-text-crop {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 170px;
  white-space: nowrap;
}

aside {
  display: block;
  background: #2e1f4f;
  min-height: 100%;
}
aside#left-panel {
  position: fixed;
  height: 100%;
  width: 250px !important;
  overflow-y: auto;
  overflow-x: hidden;
}

aside.left-panel-dev {
  background: #700ec7;
}

/* NAVEGAÇÃO */
nav ul li.active {
  background: #0c0917 !important;
  /*border-left: 5px solid #008DDA!important;*/
}
nav ul li.active a {
  color: #ffdf3e !important;
}
nav ul li.active a i {
  color: #fff !important;
}

nav ul {
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
}

nav ul .active > a {
  color: #fff !important;
  position: relative;
}

nav ul li.active > a:before {
  content: '\f0d9';
  font-family: FontAwesome;
  display: block;
  height: 27px;
  line-height: normal;
  width: 27px;
  position: absolute;
  right: -21px;
  font-size: 20px;
  color: #eee;
}

nav ul li.active.open > a:before {
  content: '';
}

nav > ul > li:last-child.open {
  /*border-bottom: 1px solid rgba(255, 255, 255, .15)*/
}
/**
LINK PRINCIPAL DO MENU
 */
nav ul li a {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  line-height: normal;
  font-size: 15px;
  padding: 15px 10px;
  color: #fff;
  display: block;
  text-decoration: none !important;
  position: relative;
}

nav ul li.divider {
  height: 1px;
  /*margin: 4px 0;*/
  overflow: hidden;
  background-color: #1a173e;
}

nav > ul > li > ul > li > a,
nav > ul > li > ul > li > ul > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

nav ul li a:focus {
  color: #fff;
}

nav ul li a:hover {
  color: #fff;
  background-color: #20193d;
  text-decoration: none;
}

nav ul li.active a:hover {
  background: none;
}

nav ul li a.inactive,
nav ul li a.inactive:hover {
  opacity: 0.5;
  cursor: not-allowed;
  color: #c0bbb7;
}

nav ul b {
  float: right;
  font-size: 11px;
  margin-top: 2px;
}

nav ul span.menu-item-parent {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/*nav ul li.open > a, nav ul li.open > a b {*/
/*color: #fff !important*/
/*}*/

nav > ul > li > a b {
  position: absolute !important;
  right: 10px;
  top: 10px;
}

nav > ul > li > a > i {
  margin-right: 6px;
  width: 15px;
  display: inline-block;
  text-align: center;
  position: relative;
}

nav > ul > li > a > i > em {
  font-size: 9px;
  display: block;
  padding: 2px;
  position: absolute;
  top: -8px;
  right: -6px;
  text-decoration: none;
  font-style: normal;
  background: #ed1c24;
  color: #fff;
  min-width: 13px;
  border-radius: 50%;
  max-height: 13px;
  line-height: 8px;
  font-weight: 700;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

nav ul li li {
  border-bottom: none;
  position: relative;
  border-left: 5px solid #5c2d91;
  background-color: #110e23;
}
nav > ul ul li a:hover {
  background: #1f1a40 !important;
}
nav > ul ul li a i {
  font-size: 14px !important;
  width: 18px !important;
  text-align: center !important;
  vertical-align: 0 !important;
  line-height: 1 !important;
}

nav > ul > li:hover > ul::before,
nav > ul > li:hover > ul > li::before {
  border-color: #acacac !important;
}

nav ul ul {
  margin: 0;
  display: none;
  padding: 0;
}

nav ul ul ul {
  background: 0 0;
  padding: 0;
}

nav ul ul li {
  margin: 0;
  padding: 0;
}

nav ul ul li > a {
  padding-left: 20px;
  font-size: 15px;
  font-weight: 300;
  outline: 0;
}

nav ul ul li > a:hover {
  background-color: #110e23;
}

nav ul ul ul li a {
  color: #bfbfbf;
  padding: 8px 10px 8px 60px;
  font-size: 14px;
}

nav ul ul ul li a:hover {
  color: #fff;
}

nav ul ul ul ul li a {
  padding-left: 80px;
}

nav ul ul ul ul ul li a {
  padding-left: 100px;
}

nav ul ul ul ul ul ul li a {
  padding-left: 120px;
}

nav ul ul b {
  color: #b3b3b3;
}

nav ul ul > li:hover b {
  color: #d5d9e2;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #5c2d91;
}

.nav-pills > li > a {
  text-decoration: none;
  color: #5c2d91;
}

.collapse-sign {
  padding-top: 5px;
  padding-right: 4px;
}

/* TOOL BAR */
.header-toolbar {
  padding-top: 2px;
  padding-left: 10px;

  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
}

.ag-btn-header .dropdown-toggle
  /*.ag-btn-header span {*/ {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-weight: 700;
  height: 31px;
  width: 31px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  color: #737373;
  font-size: 19px;
  margin: 10px 0 0;
  position: relative;
  cursor: pointer;
}

.ag-btn-header .dropdown-toggle {
  background: none;
  border: none;
}
.ag-btn-header a {
  color: #808080;
}
/*.ag-btn-header span:hover{background: red;}*/
.ag-btn-header .dropdown-toggle .badge,
.ag-btn-header span .badge {
  position: absolute;
  top: -5px;
  right: -2px;
}
.smart-style-1 #notifications span a {
  color: #808080;
}

.icons-toolbar a {
  position: relative;
  height: 32px;
  width: 32px;
  padding-top: 6px;
  /*background-color: #7b90ff;*/
  color: #808080;
  display: inline-block;
  text-align: center;
  font-size: 16px;
}

.icons-toolbar a span.badge {
  position: absolute;
  top: -2px;
  left: 16px;
  z-index: 1020;
}

.icons-toolbar.icons-toolbar-lg a {
  padding-top: 4px;
  font-size: 18px;
}
.icons-toolbar.icons-toolbar-md a {
  font-size: 16px;
}

.icons-toolbar-labeled a {
  width: auto;
  text-align: left;
  padding: 6px 6px 6px 0px;
  margin-right: 6px;
}
.icons-toolbar-labeled a i {
  margin-right: 4px;
}

.table-value {
  padding-right: 8px;
  font-size: 14px;
}

.widget-text-crop {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 250px;
  white-space: nowrap;
}

/* DATEPICKER */
.datepicker .btn-default,
.datepicker .btn-default[disabled],
.datepicker .btn-default.disabled:hover,
.datepicker .btn-default[disabled]:hover,
.datepicker .btn-default.disabled:focus,
.datepicker .btn-default[disabled]:focus,
.datepicker .btn-default.disabled.focus,
.datepicker .btn-default[disabled].focus,
.datepicker .btn-default.disabled:active,
.datepicker .btn-default[disabled]:active,
.datepicker .btn-default.disabled.active,
.datepicker .btn-default[disabled].active {
  border-color: #fff !important;
}

/* FORM */
.form-grid-filter button {
  margin-right: 5px;
}

.btn-group-radio-remove-circle > .btn input[type='radio'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.loading-search {
  margin-top: 6px;
}

.width-ui-select {
  max-width: 400px;
}

/* TOASTER NOTIFICATIONS */
#toast-container > div {
  width: 350px;
  padding: 15px 15px 15px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
#toast-container > :hover {
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=900);
  filter: alpha(opacity=90);
}
#toast-container > .toast:before {
  float: left;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 32px;
  padding-right: 0.5em;
  position: relative;
}
#toast-container .toast-message,
#toast-container .toast-title {
  padding-left: 48px;
}
#toast-container > .toast-info {
  background-image: none !important;
}
#toast-container > .toast-info:before {
  content: '\f05a';
}
#toast-container > .toast-wait {
  background-image: none !important;
}
#toast-container > .toast-wait:before {
  content: '\f017';
}
#toast-container > .toast-error {
  background-image: none !important;
}
#toast-container > .toast-error:before {
  content: '\f00d';
}
#toast-container > .toast-success {
  background-image: none !important;
}
#toast-container > .toast-success:before {
  content: '\f00c';
}
#toast-container > .toast-warning {
  background-image: none !important;
}
#toast-container > .toast-warning:before {
  content: '\f071';
}
#toast-container .toast {
  background-color: #5c2d91;
}
#toast-container .toast-success {
  background-color: #24906a;
}
#toast-container .toast-error {
  background-color: #d9534f;
}
#toast-container .toast-info {
  background-color: #5c2d91;
}
#toast-container .toast-warning {
  background-color: #f0ad4e;
}
#toast-container .toast-wait {
  background-color: #5c2d91;
}
#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  margin-bottom: 10px;
}
#toast-container .toast-close-button {
  top: -15px;
  font-size: 25px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus {
  color: #fff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
:not(.no-enter)#toast-container > div.ng-enter,
:not(.no-leave)#toast-container > div.ng-leave {
  -webkit-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

/* `FONT AWESOME
----------------------------------------------------------------------------------------------------*/
.fa-112x {
  font-size: 1.5em;
}
.fa-0_5x {
  font-size: 0.5em;
}
.fa-22px {
  font-size: 22px;
}
.fa-ul > li {
  margin-bottom: 10px;
}

/* `UTILS
----------------------------------------------------------------------------------------------------*/
/* --- LIBRARY --- */
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-left {
  text-align: left !important;
}
.through {
  text-decoration: line-through !important;
}
.underscored {
}
.justify {
  text-align: justify !important;
}
.bold {
  font-weight: bold !important;
}
.italic {
  font-style: italic !important;
}
.normal {
  font-weight: normal !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}
.font-normal {
  font-weight: 500 !important;
}
.text-black {
  color: #000 !important;
}
.font-12 {
  font-size: 12px !important;
}
.font-13 {
  font-size: 13px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-19 {
  font-size: 19px !important;
}
.font-21 {
  font-size: 21px !important;
}
.text-small {
  font-size: 11px;
}
.text-decoration-none {
  text-decoration: none !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.block {
  display: block !important;
}
.block-float {
  float: left;
  width: 100%;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.no-border {
  border: 0 !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-bg {
  background: none !important;
}
.no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding > pre {
  margin: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-5 {
  margin: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.font-size-15 {
  font-size: 15px;
}
.tac {
  text-align: center;
}

.flex {
  display: flex;
}

.align-items-end {
  align-items: flex-end;
}

.displayNone {
  display: none;
}
.displayIb {
  display: inline-block;
}
.transparent-class {
  /* IE 8 */
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;
}

.opacity-5 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.clickable {
  cursor: pointer;
}

.display-none {
  display: none;
}
.carousel-control.right,
.carousel-control.left {
  top: 50px;
}

/** carousel **/
.carousel-control.carousel-control-sm {
  width: 30%;
}
.carousel-caption.welcome-caption h3 {
  text-align: center;
  color: #808080;
}
.carousel-caption.welcome-caption h5 {
  color: #808080;
}
.row.top-row-carousel {
  height: 330px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0;
  background-color: #f5f5f5;

  /* imagem responsiva */
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
.row.bottom-row-carousel {
  height: 170px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0;
}

/* @todo responsiviness */
.carousel-caption h5 {
  text-shadow: none;
  text-align: left;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.carousel-caption h3 {
  text-shadow: none;
  text-align: left;
  padding-top: 0;
  margin-top: 5px;
}

.carousel-caption {
  right: 12%;
  left: 12%;
  padding-bottom: 38px;
}

.carousel-control .no-shadow {
  text-shadow: none;
}

.left-carousel-control-icon {
  color: #00669e;
  margin-left: -15px;
  /*width: 30px;*/
  /*height: 30px;*/
  margin-top: -15px;
  /*font-size: 40px;*/
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.right-carousel-control-icon {
  color: #00669e;
  margin-right: -15px;
  /*width: 30px;*/
  /*height: 30px;*/
  margin-top: -15px;
  /*font-size: 40px;*/
  right: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

/* `BOOTSTRAP OVERRIDE
----------------------------------------------------------------------------------------------------*/
.droprightBottom {
  left: auto;
  right: 0;
}

.droprightBottom:before,
.droprightBottom:after {
  right: 8px;
}

.modal-backdrop {
  z-index: 9998 !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.modalPlanos {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-planos-content {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: relative;
}
.modal-planos-directive-style {
  width: 80%;
  height: 80%;
  position: relative;
  overflow-y: auto;
}
.modal {
  z-index: 9999 !important;
}
.modal.modal-fullscreen .modal-dialog {
  width: 91%;
  height: 98%;
  margin: 5px auto;
  padding: 0;
}
.modal.modal-fullscreen .modal-content {
  height: 95%;
}
.modal.modal-fullpage {
  top: 0;
  padding: 0 !important;
}
.modal.modal-fullpage .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.modal.modal-fullpage .modal-content {
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  /*opacity: .97;*/
  -webkit-box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 20px -1px rgba(0, 0, 0, 0.25);
}
.modal.modal-fullpage .modal-header {
  padding: 40px 60px 0 60px;
  border-bottom: none;
}
.modal.modal-fullpage .modal-header .close {
  font-size: 70px;
  font-weight: 100;
  margin-top: -20px;
  margin-right: -15px;
  color: #000;
  opacity: 1;
}
.modal.modal-fullpage .modal-body {
  padding: 0 60px 30px 60px;
  font-weight: 300;
}
.modal.modal-fullpage .modal-footer {
  text-align: left;
  border-top: none;
  padding: 10px 60px 20px 60px;
}

.modal.modal-fullpage.modal-primary .modal-content {
  background-color: #5c2d91;
}
.modal.modal-fullpage.modal-success .modal-content {
  background-color: #24906a;
}
.modal.modal-fullpage.modal-info .modal-content {
  background-color: #1e90aa;
}
.modal.modal-fullpage.modal-warning .modal-content {
  background-color: #f0ad4e;
}
.modal.modal-fullpage.modal-danger .modal-content {
  background-color: #d9534f;
}
.modal.modal-fullpage.modal-primary .modal-content .btn.btn-link,
.modal.modal-fullpage.modal-success .modal-content .btn.btn-link,
.modal.modal-fullpage.modal-info .modal-content .btn.btn-link,
.modal.modal-fullpage.modal-warning .modal-content .btn.btn-link,
.modal.modal-fullpage.modal-danger .modal-content .btn.btn-link {
  color: #fff;
}

.modal.modal-fullpage.modal-primary .modal-content,
.modal.modal-fullpage.modal-primary .modal-content .table > thead > tr > th,
.modal.modal-fullpage.modal-primary .modal-content .table > tbody > tr > th,
.modal.modal-fullpage.modal-primary .modal-content .table > tfoot > tr > th,
.modal.modal-fullpage.modal-primary .modal-content .table > thead > tr > td,
.modal.modal-fullpage.modal-primary .modal-content .table > tbody > tr > td,
.modal.modal-fullpage.modal-primary .modal-content .table > tfoot > tr > td,
.modal.modal-fullpage.modal-primary .modal-header .close,
.modal.modal-fullpage.modal-success .modal-content,
.modal.modal-fullpage.modal-success .modal-content .table > thead > tr > th,
.modal.modal-fullpage.modal-success .modal-content .table > tbody > tr > th,
.modal.modal-fullpage.modal-success .modal-content .table > tfoot > tr > th,
.modal.modal-fullpage.modal-success .modal-content .table > thead > tr > td,
.modal.modal-fullpage.modal-success .modal-content .table > tbody > tr > td,
.modal.modal-fullpage.modal-success .modal-content .table > tfoot > tr > td,
.modal.modal-fullpage.modal-success .modal-header .close,
.modal.modal-fullpage.modal-info .modal-content,
.modal.modal-fullpage.modal-info .modal-content .table > thead > tr > th,
.modal.modal-fullpage.modal-info .modal-content .table > tbody > tr > th,
.modal.modal-fullpage.modal-info .modal-content .table > tfoot > tr > th,
.modal.modal-fullpage.modal-info .modal-content .table > thead > tr > td,
.modal.modal-fullpage.modal-info .modal-content .table > tbody > tr > td,
.modal.modal-fullpage.modal-info .modal-content .table > tfoot > tr > td,
.modal.modal-fullpage.modal-info .modal-header .close,
.modal.modal-fullpage.modal-warning .modal-content,
.modal.modal-fullpage.modal-warning .modal-content .table > thead > tr > th,
.modal.modal-fullpage.modal-warning .modal-content .table > tbody > tr > th,
.modal.modal-fullpage.modal-warning .modal-content .table > tfoot > tr > th,
.modal.modal-fullpage.modal-warning .modal-content .table > thead > tr > td,
.modal.modal-fullpage.modal-warning .modal-content .table > tbody > tr > td,
.modal.modal-fullpage.modal-warning .modal-content .table > tfoot > tr > td,
.modal.modal-fullpage.modal-warning .modal-header .close,
.modal.modal-fullpage.modal-danger .modal-content,
.modal.modal-fullpage.modal-danger .modal-content .table > thead > tr > th,
.modal.modal-fullpage.modal-danger .modal-content .table > tbody > tr > th,
.modal.modal-fullpage.modal-danger .modal-content .table > tfoot > tr > th,
.modal.modal-fullpage.modal-danger .modal-content .table > thead > tr > td,
.modal.modal-fullpage.modal-danger .modal-content .table > tbody > tr > td,
.modal.modal-fullpage.modal-danger .modal-content .table > tfoot > tr > td,
.modal.modal-fullpage.modal-danger .modal-header .close {
  color: #fff;
}
.modal.modal-fullpage.modal-primary .table-hover > tbody > tr:hover,
.modal.modal-fullpage.modal-success .table-hover > tbody > tr:hover,
.modal.modal-fullpage.modal-info .table-hover > tbody > tr:hover,
.modal.modal-fullpage.modal-warning .table-hover > tbody > tr:hover,
.modal.modal-fullpage.modal-danger .table-hover > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.modal.modal-fullpage.modal-primary .table > thead > tr > th,
.modal.modal-fullpage.modal-success .table > thead > tr > th,
.modal.modal-fullpage.modal-info .table > thead > tr > th,
.modal.modal-fullpage.modal-warning .table > thead > tr > th,
.modal.modal-fullpage.modal-danger .table > thead > tr > th {
  border-bottom: 2px solid #fff;
}
.modal.modal-fullpage.modal-primary .table > tbody > tr > td,
.modal.modal-fullpage.modal-primary .table > tbody > tr > th,
.modal.modal-fullpage.modal-primary .table > tfoot > tr > td,
.modal.modal-fullpage.modal-primary .table > tfoot > tr > th,
.modal.modal-fullpage.modal-primary .table > thead > tr > td,
.modal.modal-fullpage.modal-success .table > tbody > tr > td,
.modal.modal-fullpage.modal-success .table > tbody > tr > th,
.modal.modal-fullpage.modal-success .table > tfoot > tr > td,
.modal.modal-fullpage.modal-success .table > tfoot > tr > th,
.modal.modal-fullpage.modal-success .table > thead > tr > td,
.modal.modal-fullpage.modal-info .table > tbody > tr > td,
.modal.modal-fullpage.modal-info .table > tbody > tr > th,
.modal.modal-fullpage.modal-info .table > tfoot > tr > td,
.modal.modal-fullpage.modal-info .table > tfoot > tr > th,
.modal.modal-fullpage.modal-info .table > thead > tr > td,
.modal.modal-fullpage.modal-warning .table > tbody > tr > td,
.modal.modal-fullpage.modal-warning .table > tbody > tr > th,
.modal.modal-fullpage.modal-warning .table > tfoot > tr > td,
.modal.modal-fullpage.modal-warning .table > tfoot > tr > th,
.modal.modal-fullpage.modal-warning .table > thead > tr > td,
.modal.modal-fullpage.modal-danger .table > tbody > tr > td,
.modal.modal-fullpage.modal-danger .table > tbody > tr > th,
.modal.modal-fullpage.modal-danger .table > tfoot > tr > td,
.modal.modal-fullpage.modal-danger .table > tfoot > tr > th,
.modal.modal-fullpage.modal-danger .table > thead > tr > td {
  border-top: 1px solid #fff;
}

.active h1 small,
.active h2 small,
.active h3 small,
.active h4 small,
.active h5 small,
.active h6 small .active .h1 small,
.active .h2 small,
.active .h3 small,
.active .h4 small,
.active .h5 small,
.active .h6 small,
.active h1 .small,
.active h2 .small,
.active h3 .small,
.active h4 .small,
.active h5 .small,
.active h6 .small,
.active .h1 .small,
.active .h2 .small,
.active .h3 .small,
.active .h4 .small,
.active .h5 .small,
.active .h6 .small {
  color: rgb(157, 202, 240);
}

.list-group-item.active .help-block {
  color: rgb(157, 202, 240);
}

.alert.alert-warning .help-block {
  color: rgb(211, 188, 150);
}

.alert.alert-warning .help-block {
  color: rgb(211, 188, 150);
}

div.radio {
  font-weight: normal;
}
div.radio.radio-thin {
  font-weight: normal;
  margin: 0;
}

/** carousel **/
.modal.modal-carousel {
  top: 0px;
  z-index: 10000;
}
.modal .modal-body.modal-carousel {
  padding: 0;
  max-height: 500px;
  overflow: auto;
}

.carousel-control {
  color: inherit;
}

.carousel-control.left,
.carousel-control.right {
  background: none;
}

#content .row {
  margin: 0;
}
.modal {
  top: 50px;
  text-align: left;
}
.well h1,
.well h2,
.well h3 {
  margin-top: 0;
}

.breadcrumb > li + li:before {
  color: #dddddd;
  content: '/';
}

.panel-heading ol.breadcrumb,
.panel-heading .breadcrumb {
  margin-bottom: 0;
}
/*.breadcrumb a { text-decoration: none; }*/
.breadcrumb a,
.nav-tabs a,
a.btn {
  text-decoration: none;
}

/* TABLE */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  color: #808080;
}
.table > thead > tr > th {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  font-size: 16px;
  /*border: 1px solid white;*/
  /*border-bottom: 1px solid #ddd;*/
  /*color: #4A4A4A;*/
}
/*.table>thead>tr{ background: #E4E4E4; }*/
.table > tbody + tbody {
  border: none;
}
.table-responsive {
  border: none;
}
.table tr.clickable {
  cursor: pointer;
}
.table td.currency,
.table th.currency {
  text-align: right;
}

.table td.note-row {
  border-top: 0;
  padding-top: 0;
}

.table caption {
  caption-side: bottom;
  padding: 8px;
}

/* ACCOUNTING BALANCE TABLE */
.table.accounting-balance-table {
  font-size: 13px;
}
.table.accounting-balance-table > thead > tr > th {
  border: 1px solid white;
  border-bottom: 1px solid #ddd;
  color: #4a4a4a;
  font-size: 14px;
}
.table.accounting-balance-table > thead > tr {
  background: #e4e4e2;
}

/* LIST GROUP */
.list-group-item.list-group-item-envelope {
  padding: 0 0 3px 0;
}
.list-group-item-envelope > .list-group-item {
  background: inherit;
  border: none;
}

.list-group-item-envelope > .list-group-item.active {
  background: #5c2d91;
  border: none;
}
.list-group-item-envelope > .list-group-item:first-child,
.list-group-item-envelope > .list-group-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item-envelope:hover,
.list-group-item-envelope:focus,
.list-group-item-content {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.list-group-item-thin-top:first-child {
  margin-top: 0;
}

/* PANEL */
.panel {
  border-left-width: 5px;
  border-radius: 3px;
  border-left-color: #ddd;
}
.tab-content {
  padding-top: 20px;
}
.tab-content.tab-content-bordered {
  border: 1px solid #dddddd;
  border-width: 0 1px 1px 1px;
  padding: 20px 0;
}
.tab-content.tab-content-filled {
  background: #fff;
  padding: 20px;
}

.panel table.table {
  margin-bottom: 0;
}
.panel-heading {
  margin: 0;
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  font-size: 20px;

  background-color: #ffffff;
  padding: 15px;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading .alert {
  font-size: 15px;
}
.panel-heading a {
  text-decoration: none;
}
.panel-heading h2 {
  margin: 0;
}
.panel-heading h4 {
  margin: 0;
  padding-top: 0;
  font-size: 21px;
  font-weight: 100;
}
.panel-heading-action label {
  font-size: 15px;
  font-weight: 300;
}
.panel-heading-action .row {
  margin-bottom: 15px;
}

.panel-body {
  padding: 20px 15px 10px 15px;
}
.panel-body.panel-body-tab {
  margin-top: 26px;
  border-top: 0;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-footer.panel-footer-action {
  border-top: 1px solid #e5e5e5;
  padding: 20px 15px;
}

.panel-heading.panel-heading-action {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 15px;
}

.panel-heading.panel-heading-action.button {
  display: flex;
}

.panel-heading.panel-heading-action.button a {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.panel-default,
.panel-tab,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger {
  border-color: #ddd;
}
.panel-default {
  border-left-width: 1px;
  padding-left: 0;
}
.panel-tab {
  border-left-width: 1px;
  padding-left: 0;
}
.panel-primary {
  border-left-color: #5c2d91;
}
.panel-success {
  border-left-color: #24906a;
}
.panel-info {
  border-left-color: #1e90aa;
}
.panel-warning {
  border-left-color: #f0ad4e;
}
.panel-danger {
  border-left-color: #d9534f;
}
.panel-other {
  border-left-color: #777;
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
  color: #808080;
  border-color: #ddd;
  background-color: #fff;
}

.panel-tab {
  border: none !important;
  background: none !important;
  margin-bottom: -1px;
}
.panel-tab > .panel-heading {
  border: none !important;
  background: none !important;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 100%;
  padding-top: 5px;
  padding-left: 0;
}

.panel-default > .panel-heading h4 {
  color: #707070;
}
.panel-default > .panel-heading .badge {
  background-color: #707070;
}
.panel-primary > .panel-heading h4 {
  color: #5c2d91;
}
.panel-primary > .panel-heading .badge {
  background-color: #5c2d91;
}
.panel-success > .panel-heading h4 {
  color: #24906a;
}
.panel-success > .panel-heading .badge {
  background-color: #24906a;
}
.panel-info > .panel-heading h4 {
  color: #1e90aa;
}
.panel-info > .panel-heading .badge {
  background-color: #1e90aa;
}
.panel-warning > .panel-heading h4 {
  color: #f0ad4e;
}
.panel-warning > .panel-heading .badge {
  background-color: #f0ad4e;
}
.panel-danger > .panel-heading h4 {
  color: #d9534f;
}
.panel-danger > .panel-heading .badge {
  background-color: #d9534f;
}

/* BADGE */
.badge.badge-success {
  background-color: #24906a;
}
.badge.badge-info {
  background-color: #1e90aa;
}
.badge.badge-warning {
  background-color: #f0ad4e;
}
.badge.badge-danger {
  background-color: #d9534f;
}
.badge {
  background-color: #aaa;
}

/* LABEL */
.label {
  padding: 0.4em 0.8em 0.3em;
  border-radius: 0.3em;
  font-weight: 500 !important;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #5c2d91;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #532983;
}
.label-success {
  background-color: #24906a;
}
.label-success-force {
  color: white !important;
  background-color: #24906a !important;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #1e7858;
}
.label-info {
  background-color: #1e90aa;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #1b849c;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.label-light {
  color: #a9a9a9;
  background-color: #fff;
}
.label-light-ws {
  color: #a9a9a9;
  background-color: whitesmoke;
}
.label-light[href]:hover,
.label-light[href]:focus {
  color: #a9a9a9;
  background-color: #fff;
}

.background-success {
  background-color: #24906a;
}
.background-info {
  background-color: #1e90aa;
}
.background-warning {
  background-color: #f0ad4e;
}
.background-danger {
  background-color: #d9534f;
}
.background-primary {
  background-color: #5c2d91;
}
.background-purple {
  background-color: #9a61a0;
}
.background-white {
  background-color: #ffffff;
}

.text-success {
  color: #24906a;
}
.text-info {
  color: #1e90aa;
}
.text-warning {
  color: #f0ad4e;
}
.text-danger {
  color: #d9534f;
}
.text-primary {
  color: #5c2d91;
}

.progress-bar-default {
  background-color: #808080;
}
.progress-bar-primary {
  border-left-color: #5c2d91;
}

h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong {
  font-weight: 500;
}

.strong {
  font-weight: bold;
}

/* `BUTTONS
----------------------------------------------------------------------------------------------------*/
.btn {
  font-family: Helvetica, sans-serif;
  /*font-size: 15px; */
  /*font-weight: 300; */
}

/* BTN SUCCESS */
.btn-success {
  color: #fff;
  background-color: #24906a;
  border-color: #1e7959;
}
.btn-min-width {
  min-width: 83px;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218461;
  border-color: #134d39;
}
.btn-success:hover {
  color: #fff;
  background-color: #218461;
  border-color: #1c7153;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #218461;
  border-color: #1c7153;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #1c7153;
  border-color: #134d39;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #24906a;
  border-color: #1e7959;
}
.btn-success .badge {
  color: #24906a;
  background-color: #fff;
}

/* BTN PRIMARY */
.btn-primary {
  color: #fff;
  background-color: #5c2d91;
  border-color: #532a85;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #3e1e61;
  border-color: #3e1e61;
}
.btn-primary:hover {
  color: #fff;
  background-color: #3e1e61;
  border-color: #381b58;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3e1e61;
  border-color: #381b58;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #3e1e61;
  border-color: #381b58;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #3e1e61;
  border-color: #381b58;
}
.btn-primary .badge {
  color: #5c2d91;
  background-color: #fff;
}

/* BTN INFO */
.btn-info {
  color: #fff;
  background-color: #1e90aa;
  border-color: #1c869e;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #22a1be;
  border-color: #1f92ac;
}
.btn-info:hover {
  color: #fff;
  background-color: #22a1be;
  border-color: #1f95b0;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #22a1be;
  border-color: #1f95b0;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #1f95b0;
  border-color: #1f92ac;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #1e90aa;
  border-color: #1c869e;
}
.btn-info .badge {
  color: #1e90aa;
  background-color: #fff;
}

/* BTN WARNING */
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

/* BTN DANGER */
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

/*
 FORM
 */
.form-control-static {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 6px 12px;
  color: #808080;
}

.form-control-danger {
  background-color: #fbedef;
  border-radius: 4px;
  padding: 6px 12px;
  color: #808080;
}

/*
	colocando uma setinha no dropdown
	----------------------------------------------------------------------
*/
.dropdown-menu.dropdown-menu-notification {
  min-width: inherit;
  width: 300px;
}

.pull-right
  > .dropdown-menu.dropdown-menu-right-arrow.dropdown-menu-notification {
  right: -55px;
  left: auto;
}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu.dropdown-menu-right-arrow:before {
  right: 9px;
}
.dropdown-menu.dropdown-menu-right-arrow:after {
  right: 10px;
}
.dropdown-menu.dropdown-menu-left-arrow:before {
  left: 9px;
}
.dropdown-menu.dropdown-menu-left-arrow:after {
  left: 10px;
}
.dropdown-menu.dropdown-menu-right-arrow.dropdown-menu-notification:before {
  right: 62px;
}
.dropdown-menu.dropdown-menu-right-arrow.dropdown-menu-notification:after {
  right: 63px;
}

/*
	FIM / colocando uma setinha no dropdown
	----------------------------------------------------------------------
*/

.dropdown-menu > li > h3 {
  display: block;
  padding: 3px 20px;
  margin: 0px;
  clear: both;
  /*font-weight: 400;*/
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu a {
  text-decoration: none;
}

.modal-body.notification-modal-body h3 {
  padding: 0;
  margin: 0;
}

.dropdown-menu.dropdown-menu-notification > li.dropdown-menu-notification-item {
  background-color: #f5f5f5;
  padding-bottom: 10px;
  max-height: 350px;
  overflow: auto;
  border-width: 1px 0 1px;
  border-style: solid;
  border-color: #e5e5e5;
  margin: 9px 0 9px;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a {
  white-space: normal;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a,
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:hover,
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:focus {
  background-color: #f5f5f5;
  padding: 10px 10px 0;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a
  .panel.panel-notification.panel-notification-unviewed {
  font-weight: bold;
}
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a
  .panel.panel-notification.panel-notification-viewed {
  font-weight: normal;
  background-color: #fafafa;
  border-color: #fafafa;
  color: #808080;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  .panel.panel-notification.panel-notification-message {
  font-weight: normal;
  background-color: transparent;
  border-color: transparent;
  color: #808080;
  margin: 0;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a
  .panel.panel-notification.panel-notification-viewed
  .text-muted {
  color: #cccccc;
}
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:hover
  .panel.panel-notification.panel-notification-viewed
  .text-muted {
  color: #bacad4;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:hover
  .panel.panel-notification,
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:focus
  .panel.panel-notification {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:hover
  .panel.panel-notification.panel-notification-viewed,
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:focus
  .panel.panel-notification.panel-notification-viewed {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #d9edf7;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:hover
  .panel.panel-notification
  .text-muted,
.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a:focus
  .panel.panel-notification-unviewed
  .text-muted {
  color: #86949e;
}
/*rgb(241, 241, 241)*/

/* @todo p q isso não funfa? */
/*.dropdown-menu.dropdown-menu-notification > li:last-child.dropdown-menu-notification-item > a {*/
/*padding: 10px;*/
/*}*/

/*.dropdown-menu.dropdown-menu-notification {*/
/*background-color: #f5f5f5;*/
/*padding: 10px;*/
/*}*/

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a
  > .panel {
  margin: 0;
}

.dropdown-menu.dropdown-menu-notification
  > li.dropdown-menu-notification-item
  > a
  > .panel
  > .panel-body {
  padding: 10px;
}

.dropdown-menu > .disabled {
  cursor: not-allowed;
}

/* The real magic ;) */
.dropdown-menu > .disabled > a {
  pointer-events: none;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none; // Remove CSS gradient
}

.fa.fa-empty {
  padding-left: 14px;
}

/* `BOOTSTRAP CUSTOM COMPONENTS
----------------------------------------------------------------------------------------------------*/
#content .row {
  margin: 0;
}

.bg-default-light {
  background-color: #f5f5f5;
}

#panel-revenue .panel-heading {
  padding-bottom: 0;
}

dl.description-form dd {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
}

.ag-stat-box {
  padding: 8px 12px;
  margin: 10px 0;
  border-left-width: 5px;
  border-radius: 3px;
  border-left-style: solid;
}

.ag-stat-box-clean {
  padding: 0;
  margin: 0;
  border: 0;
}

.ag-stat-box h6 {
  color: #808080;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  height: 14px;
}

.ag-stat-box .ag-stat-box-currency {
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 100%;
}

.ag-stat-box .ag-stat-box-currency.ag-stat-box-currency-sm {
  font-size: 30px;
}

.ag-stat-box .ag-stat-box-currency sup {
  font-size: 60%;
  top: -0.5em;
  color: #808080;
  margin-right: 4px;
}

.ag-stat-box-success {
  border-left-color: #24906a;
}
.ag-stat-box-info {
  border-left-color: #1e90aa;
}
.ag-stat-box-warning {
  border-left-color: #f0ad4e;
}
.ag-stat-box-danger {
  border-left-color: #d9534f;
}
.ag-stat-box-default {
  border-left-color: #808080;
}
.ag-stat-box-primary {
  border-left-color: #5c2d91;
}
.ag-stat-box-thin {
  border-left-color: #eeeeee;
  border-left-width: 1px;
  border-radius: 0;
}
.ag-stat-box-none {
  border-left: 0px;
}

.ag-progress-header {
  margin-bottom: 5px;
  overflow: hidden;
}

.ag-progress-header-label {
  float: left;
  width: 0;
  height: 100%;
}

.ag-progress-header-label h4 {
  margin: 0;
}

.text-muted-lightgray {
  color: #c5c5c5;
}

.text-not-found {
  color: #777;
  font-style: italic;
}

.row.pinable {
  -moz-column-width: 30em;
  -webkit-column-width: 30em;
}

.row.pinable > .col-md-6 {
  display: inline-block;
  width: 100%;
  float: none;
}

/* 'VERTICAL-ALIGN
alinha verticalmente o conteúdo dentro de uma div
*/
.vertical-align {
  display: table-cell;
  vertical-align: middle;
}

/* `DOCUMENTS
----------------------------------------------------------------------------------------------------*/
/*a.document-link {*/
/*color: inherit;*/
/*}*/
/*a:link.document-link {*/
/*text-decoration: none;*/
/*}*/
a.document-link i {
  color: #5c2d91;
  margin-right: 10px;
}

/* `ANGULAR NG-CLOACK
----------------------------------------------------------------------------------------------------*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.ag-progress-footer {
  margin-bottom: 5px;
  overflow: hidden;
}

/* UI-SELECT */
.btn.ui-select-toggle {
  text-align: left;
  min-height: 34px;
}

.ui-select-bootstrap .ui-select-choices-row > a {
  padding: 3px 12px !important;
  text-decoration: none !important;
}
.ui-select-bootstrap .ui-select-match-text {
  overflow: hidden;
  width: 100%;
}

/* BOOTSTRAP CUSTOM ELEMENTS */
.ui-select-bootstrap .ui-select-choices-row > a {
  white-space: normal !important;
}
.ui-select-bootstrap hr {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: -12px !important;
  margin-right: -12px !important;
  border-top: 1px solid #eee;
}

.ui-select-bootstrap .ui-select-choices-row.active .text-muted {
  color: rgb(190, 219, 244);
}

/* `LOADING...
----------------------------------------------------------------------------------------------------*/
.loading-block .loading-block-overlay {
  z-index: 10000;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
  cursor: wait;
  position: fixed;

  /*-webkit-animation: fadein 1s; /!* Safari, Chrome and Opera > 12.1 *!/*/
  /*-moz-animation: fadein 1s; /!* Firefox < 16 *!/*/
  /*-ms-animation: fadein 1s; /!* Internet Explorer *!/*/
  /*-o-animation: fadein 1s; /!* Opera < 12.1 *!/*/
  /*animation: fadein 1s;*/
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

.loading-block .loading-spinner {
  z-index: 10001;
  position: fixed;
  top: 44%;
  left: 44%;
  padding: 15px;
  margin: 0;
  width: 185px;
  text-align: center;
  color: #fff;
  background-color: #5c2d91;
  /*background-color: #00669e;*/
  /*opacity: 0.2;*/
  cursor: wait;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;

  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.27);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.27);
}
.loading-block .loading-spinner.inner-loader {
  position: relative;
  display: block;
  width: 100%;
  background: none;
  z-index: 0;
  top: 0;
  left: 0;
  margin: 0 0 20px 0;
  padding: 0;
  opacity: 1;
  height: 20px;
  color: #a1a1a1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.loading-block .loading-spinner .fa {
  margin-right: 10px;
  font-size: 20px;
}
.loading-block .loading-spinner .spinner {
  float: left;
  margin-left: 5px;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.8;
  border-radius: 50px;
  animation: loading-animation 0.3s infinite linear;
  -moz-animation: loading-animation 0.3s infinite linear;
  -webkit-animation: loading-animation 0.3s infinite linear;
}

.loading-block .loading-spinner .spinner-text {
  float: left;
  margin: 5px 0 0 15px;
}
.loading-block .loading-spinner.inner-loader .spinner-text {
  margin: 0;
}
.loading-block .loading-spinner.inner-loader .spinner-text img {
  margin-right: 5px;
}

.loading-block .loading-spinner .spin-1 {
  border: 5px solid #fff;
  border-top: 5px solid #5c2d91;
  border-left: 5px solid #5c2d91;
  /*border-top: 5px solid #00669e;*/
  /*border-left: 5px solid #00669e;*/
  width: 30px;
  height: 30px;
}
.loading-block .loading-spinner .spin-2 {
  border: 10px solid #fff;
  border-top: 5px solid #5c2d91;
  border-left: 5px solid #5c2d91;
  /*border-top: 10px solid #00669e;*/
  /*border-left: 10px solid #00669e;*/
  width: 50px;
  height: 50px;
}
.loading-block .loading-spinner .spin-3 {
  border: 20px solid #fff;
  border-top: 5px solid #5c2d91;
  border-left: 5px solid #5c2d91;
  /*border-top: 20px solid #00669e;*/
  /*border-left: 20px solid #00669e;*/
  width: 100px;
  height: 100px;
  border-radius: 100px !important;
}

.loading-block .loading-spinner.inner-loader .spin-1 {
  border-top: 5px solid #a1a1a1;
  border-left: 5px solid #a1a1a1;
}
.loading-block .loading-spinner.inner-loader .spin-2 {
  border-top: 10px solid #a1a1a1;
  border-left: 10px solid #a1a1a1;
}
.loading-block .loading-spinner.inner-loader .spin-3 {
  border-top: 20px solid #a1a1a1;
  border-left: 20px solid #a1a1a1;
}

@keyframes loading-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loading-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading-block .google-loader {
  position: fixed;
  z-index: 10001;
  top: 0;
  width: 100%;
  height: 5px;
  overflow: hidden;
}
.loading-block .google-loader .big {
  height: 16px;
  margin: 8px 0 0 0;
}
.loading-block .google-loader > div {
  position: absolute;
  height: 100%;
  left: 50%;
}

.loading-block .google-loader .green {
  background: #24906a;
}
.loading-block .google-loader .red {
  background: #d9534f;
}
.loading-block .google-loader .yellow {
  background: #f0ad4e;
}
.loading-block .google-loader .blue {
  background: #0088cf;
}
.loading-block .google-loader .cyan {
  background: rgba(154, 190, 225, 0.81);
}
.loading-block .google-loader .white {
  background: white;
}
.loading-block .google-loader .whitesmoke {
  background: #f5f5f5;
}

.loading-block .google-loader .sd0 {
  -webkit-animation: goostretch 2.8s ease 0s infinite;
  -moz-animation: goostretch 2.8s ease 0s infinite;
  -ms-animation: goostretch 2.8s ease 0s infinite;
  -o-animation: goostretch 2.8s ease 0s infinite;
  animation: goostretch 2.8s ease 0s infinite;
}
.loading-block .google-loader .sd05 {
  -webkit-animation: goostretch 2.8s ease 0.4s infinite;
  -moz-animation: goostretch 2.8s ease 0.4s infinite;
  -ms-animation: goostretch 2.8s ease 0.4s infinite;
  -o-animation: goostretch 2.8s ease 0.4s infinite;
  animation: goostretch 2.8s ease 0.4s infinite;
}
.loading-block .google-loader .sd1 {
  -webkit-animation: goostretch 2.8s ease 0.8s infinite;
  -moz-animation: goostretch 2.8s ease 0.8s infinite;
  -ms-animation: goostretch 2.8s ease 0.8s infinite;
  -o-animation: goostretch 2.8s ease 0.8s infinite;
  animation: goostretch 2.8s ease 0.8s infinite;
}
.loading-block .google-loader .sd15 {
  -webkit-animation: goostretch 2.8s ease 1.2s infinite;
  -moz-animation: goostretch 2.8s ease 1.2s infinite;
  -ms-animation: goostretch 2.8s ease 1.2s infinite;
  -o-animation: goostretch 2.8s ease 1.2s infinite;
  animation: goostretch 2.8s ease 1.2s infinite;
}
@keyframes "goostretch" {
  0% {
    padding: 0 0 0 0;
    left: 50%;
    z-index: 4;
  }
  25% {
    z-index: 3;
  }
  50% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 2;
  }
  100% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 1;
  }
}
@-moz-keyframes goostretch {
  0% {
    padding: 0 0 0 0;
    left: 50%;
    z-index: 4;
  }
  25% {
    z-index: 3;
  }
  50% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 2;
  }
  100% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 1;
  }
}
@-webkit-keyframes "goostretch" {
  0% {
    padding: 0 0 0 0;
    left: 50%;
    z-index: 4;
  }
  25% {
    z-index: 3;
  }
  50% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 2;
  }
  100% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 1;
  }
}
@-ms-keyframes "goostretch" {
  0% {
    padding: 0 0 0 0;
    left: 50%;
    z-index: 4;
  }
  25% {
    z-index: 3;
  }
  50% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 2;
  }
  100% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 1;
  }
}
@-o-keyframes "goostretch" {
  0% {
    padding: 0 0 0 0;
    left: 50%;
    z-index: 4;
  }
  25% {
    z-index: 3;
  }
  50% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 2;
  }
  100% {
    padding: 0 50% 0 50%;
    left: 0;
    z-index: 1;
  }
}

/* `REFERRAL
----------------------------------------------------------------------------------------------------*/
.referral-teaser .panel-heading h2 {
  margin: 20px 0;
  font-weight: 600;
  font-size: 32px;
}

/* iOS
-------------------------------------------------------------------------------*/
.platform-ios .bar-custom {
  background: green;
  margin-top: 20px;
}

/* DATE RANGE COMPONENT
----------------------------------------------------------------------------------------------------*/
.block-float .btn-print {
  float: left;
  margin: 9px 0 20px 0;
}
.date-range-cp {
  float: left;
  margin-right: 10px;
}
.date-range-cp .accordion {
  width: 260px;
}
.date-range-cp .accordion .btn-link {
  font-size: 16px;
  color: #333;
  text-align: left;
}
.date-range-cp .accordion .btn-link:hover,
.date-range-cp .accordion .btn-link:active,
.date-range-cp .accordion .btn-link:visited {
  text-decoration: none;
}
.date-range-cp .accordion .btn-link .caret {
  margin-left: 30px;
}
.date-range-cp .accordion .form-group {
  margin-bottom: 4px;
  display: inline-block;
}
.date-range-cp .accordion .form-group label {
  font-weight: 300;
  font-size: 16px;
  margin-top: 0;
}
.date-range-cp .accordion label.top-10 {
  margin-top: 10px;
}
.date-range-cp .accordion .panel,
.date-range-cp .accordion .panel-heading {
  border-radius: 6px;
}
.date-range-cp .accordion .panel .btn {
  margin-top: 5px;
}
.date-range-cp .accordion select.input-lg {
  padding: 11px 9px;
}

/* @todo deixar em um css específico para nota */
#nfsePreviewModal dl {
  margin-bottom: 5px;
}
#nfsePreviewModal dt {
  color: #808080;
  font-family: 'Museo Sans Rounded', Arial, Helvetica, Sans-Serif;
  font-weight: 300;
}

#nfsePreviewModal .modal-body h3 {
  margin-top: 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

#nfsePreviewModal hr {
  margin-top: 0;
  margin-bottom: 30px;
  border-top: 1px solid white;
}

/* COMPANY BLOCK MODAL
----------------------------------------------------------------------------------------------------*/
#blocked-company-modal {
  top: 0;
  z-index: 10000;
}
#blocked-company-modal .modal-content {
  margin-top: 50px;
}

/* see app/packages/general/directives/templates/overlay-inline-loading.html */
.overlay-inline-loading {
  background-color: whitesmoke;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 299;
  /*zoom: 1;*/
  filter: alpha(opacity=90);
  opacity: 0.9;
  padding: 20px 10px;
  border-radius: 3px;
}
.overlay-inline-loading .overlay-inline-loading-label {
  background-color: #056193;
  color: white;
  border-radius: 3px;
  padding: 10px;
}

.input-wraper-with-overlay-inline-loading {
  position: relative;
}
.input-wraper-with-overlay-inline-loading .overlay-inline-loading {
  padding: 8px;
}

/* CALLOUT */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  background: #ffffff;
}
.bs-callout h4 {
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
}
.bs-callout h5 {
  font-weight: 500;
  margin: 0 0 4px 0;
  font-size: 17px;
}
.bs-callout p {
  margin-bottom: 25px;
  line-height: 24px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-disabled {
  background: #fcfcfc;
  border-left-color: #cfcfcf;
  cursor: not-allowed;
}
.bs-callout-disabled h4 {
  color: #b4b4b4;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #1e90aa;
}
.bs-callout-info h4 {
  color: #1e90aa;
}
.bs-callout-success {
  border-left-color: #24906a;
}
.bs-callout-success h4 {
  color: #24906a;
}
.bs-callout-primary {
  border-left-color: #5c2d91;
}
.bs-callout-primary h4 {
  color: #5c2d91;
}
.bs-callout-omg {
  border-left-color: #000;
}
.bs-callout-omg h4 {
  color: #000;
}

/* GROUP FORM FIELDS */
.bs-form-group-fields {
  position: relative;
  padding: 20px 25px;
  margin: 0 0 30px 0;
  border: 1px solid #ececec;
  border-radius: 4px;
}
.bs-form-group-fields > label:first-child {
  color: #848484;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.bs-form-group-fields > p:nth-of-type(1) {
  color: #848484;
  margin-top: -7px;
  margin-bottom: 10px;
}

/* PROGRESS BAR */
.progress {
  margin-bottom: 0;
}
.progress-bar-default {
  background: #777;
}
.progress-bar-default-light {
  background: #c1c1c1;
}
.progress-bar-primary {
  background: #5c2d91;
}
.progress-bar-success {
  background: #24906a;
}
.progress-bar-danger {
  background: #d9534f;
}
.progress-bar-info {
  background: #1e90aa;
}
.progress-bar-warning {
  background: #f0ad4e;
}

/* Credentials */
td.credential-password-container {
  padding: 20px;
  font-size: 18px;
}
.credential-prefeitura-site {
  color: orangered;
  font-style: italic;
}
.credential-password {
  padding: 3px 5px 3px 10px;
  font-weight: bold;
  background-color: gold;
  color: black;
  white-space: pre;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 5px;
}
input.credential-password-input[type='text']::first-line {
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  color: black;
  background-color: gold;
}

/* PROCESS WIDGET
----------------------------------------------------------------------------------------------------*/
.process-widget.bs-callout {
  border-left-width: 7px;
}
.process-widget.bs-callout h4 {
  margin-bottom: 10px;
}
.process-widget .progress {
  height: 10px;
  margin: 10px 0 0 0;
}
.process-widget .label {
  float: left;
  margin-bottom: 3px !important;
  width: 100%;
}
.process-widget a .label:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

/* PLANS TABLE
----------------------------------------------------------------------------------------------------*/
.plans .panel {
  cursor: pointer;
  text-align: center;
  border-radius: 8px; /*NEW*/
  padding: 20px;
}
.plans .panel .recommend {
  position: relative;
  float: left;
  top: -16px;
  margin: 0 auto -40px 40px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: 1px;
}
.plans .panel .table {
  font-size: 15px;
}
.plans .panel .table i {
  margin: 0 5px;
}
.plans .panel .table h1 {
  margin: -10px 0 5px 0;
  padding-bottom: 20px;
  border-bottom: 1px dotted #c2c2c2;
}

.plans .panel .table > tbody > tr > td,
.plans .panel .table > tbody > tr > th,
.plans .panel .table > tfoot > tr > td,
.plans .panel .table > tfoot > tr > th,
.plans .panel .table > thead > tr > td,
.plans .panel .table > thead > tr > th {
  border: none;
}
.plans .panel .table > thead > tr > th {
  /*border-bottom: 1px solid #ddd;*/
  text-align: center;
  font-size: 17px;
  font-weight: 700;
}
.plans .panel thead th input[type='checkbox'],
.plans .panel thead th input[type='radio'] {
  margin: 6px 0 0 -20px;
  transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
}
.plans .planel:hover .table {
  background: whitesmoke;
}
.plans .panel:hover .table > thead > tr > th,
.plans .panel:hover .table > tbody > tr > th,
.plans .panel:hover .table > tfoot > tr > th,
.plans .panel:hover .table > thead > tr > td,
.plans .panel:hover .table > tbody > tr > td,
.plans .panel:hover .table > tfoot > tr > td {
  color: #000;
}

.plans .panel.active {
  background: #5c2d91;
}
.plans .panel.active thead label,
.plans .panel.active h1 {
  color: #ffe400;
}
.plans .panel.active h1 {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}
.plans .panel.active .recommend {
  background: #ffe400;
  color: #5c2d91;
}
.plans .panel.active .table,
.plans .panel.active .table tr,
.plans .panel.active .table tr th,
.plans .panel.active .table tr td,
.plans .panel:hover.active .table > thead > tr > th,
.plans .panel:hover.active .table > tbody > tr > th,
.plans .panel:hover.active .table > tfoot > tr > th,
.plans .panel:hover.active .table > thead > tr > td,
.plans .panel:hover.active .table > tbody > tr > td,
.plans .panel:hover.active .table > tfoot > tr > td {
  /*border: 1px solid rgba(255, 255, 255, 0.10);*/
  border: none;
  color: #fff;
}
.plans .panel.active .text-success,
.plans .panel.active .text-warning,
.plans .panel.active .text-danger,
.plans .panel.active .text-primary,
.plans .panel.active .text-muted {
  color: #fff;
}

.danger {
  color: #d9534f;
}

#filterCompetence {
  max-width: 200px;
}

.main-menu {
  margin-bottom: 100px;
}

.accounting-entry-row {
  background-color: #fff;
}

.finance-entry-row {
  background-color: #f5f5f5;
}

.cnaes-table td,
.cnaes-table th {
  padding: 0 8px;
}

.cnaes-table .error td {
  background-color: #d85e5ad1;
  color: white;
  text-align: center;
}

.btn-bottom {
  margin-bottom: 12px;
}

.agz-qrcode {
  position: relative;
}

.agz-logo-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agz-logo {
  background: #fff;
  padding: 4px;
  border-radius: 4px;
}

/*Sanity check page*/

.sanity-check-last-execution {
  display: inherit;
  font-style: italic;
  font-size: 13px;
  padding-top: 3px;
}

.process-filename {
  color: #000 !important;
}

/*Comments*/
.comments {
  max-width: 700px;
  margin: 0 auto;
}
.comments-form {
  display: flex;
  flex-direction: column;
}
.comments-form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments-items {
  padding: 20px;
  background-color: #eeeff4;
  margin-bottom: 5px;
  word-break: break-word;
  overflow: hidden;
}
.comments-items-reply {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 5px;
}

.loading-inline-input {
  position: relative;
}

.loading-inline-input:after {
  content: '\f021';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  position: absolute;
  top: 50%;
  right: 6px;
  background: white;
  padding: 4px;
  margin-top: -11px;
}

.info-content.info-content-active {
  background-color: #744ab5;
  color: white;
}

.info-content {
  background-color: #e1d1fa;
  border-radius: 7px;
  padding: 24px;
  margin-bottom: 26px;
}
.info-content .form-group .form-control-static {
  min-height: 34px;
}

.info-content label {
  font-weight: bold;
}

.info-content .link-text {
  color: white;
}

.info-content .btn {
  border: 0;
  padding: 12px 16px;
  border-radius: 7px;
  margin-right: 11px;
}

.info-content i {
  padding-left: 8px;
  font-size: 17px;
}

.info-content .btn-primary {
  background: #744ab5;
  color: white;
}

.info-content .btn-default {
  background: #f6f0ff;
  color: #744ab5;
}
.info-content .btn-default.syncError {
  background: #f6f0ff;
  color: red;
}
.info-content-footer {
  /* padding-top: 19px; */
  display: flex;
  flex-direction: column;
}

.info-content-footer .row {
  flex-direction: row;
  display: flex;
  align-items: center;
}

.info-content-footer .h4 {
  flex-direction: row;
  display: flex;
}

.delegateButtonContainerInput {
  padding: 8px 6px 6px;
  position: relative;
  min-width: 200px;
}

.delegateButtonContainerInput .fa-search {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.delegateList {
  max-height: 200px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
}

.delegateList li a {
  display: block;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  padding: 4px 16px;
}

.delegateList li a:hover {
  background-color: #f5f5f5;
}

.lancamento-buttons-container {
  display: flex;
  padding-left: 30px;
}

.lancamento-buttons-container button {
  margin-right: 8px;
}

.agz-drag-and-drop-action-button {
  background: transparent;
  border: 0;
  align-self: start;
  display: flex;
  margin-top: 40px;
  border-radius: 5px;
  font-size: 15px;
  color: rgb(122, 77, 191);
  text-decoration: underline;
}

.arg-drap-and-drop-tags-container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
  position: sticky;
  top: 49px;
  background: white;
  box-shadow: 0px 6px 9px -12px black;
  padding-top: 15px;
  z-index: 2;
}

.agz-drag-and-drop {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px dashed rgb(182, 155, 224);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 250ms ease-out 0s;
  padding: 24px 16px 24px;
}

.agz-drag-and-drop:hover,
.agz-drag-and-drop-active {
  background-color: rgb(246, 241, 253);
  border: 2px dashed rgb(166, 137, 212);
}

.agz-drag-and-drop-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.agz-drag-and-drop-title {
  margin-bottom: 4px;
  color: rgb(122, 115, 136);
  line-height: 18px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}

.agz-drag-and-drop-text {
  margin-bottom: 4px;
  color: rgb(122, 115, 136);
  line-height: 18px;
  font-size: 12px;
}

.agz-drag-and-drop-text span {
  font-size: 12px;
  color: rgb(122, 77, 191);
  text-decoration: underline;
}

.svg-drag-and-drop {
  fill: white;
  margin-bottom: 16px;
}

.agz-drag-and-drop-formats {
  font-size: 12px;
  color: rgb(202, 200, 210);
  line-height: 18px;
}

.cardFile {
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 110px;
  height: 80px;
  margin: 14px;
  line-height: 18px;
  font-weight: 800;
  border-radius: 8px;
  background-color: rgb(233, 231, 239);
  color: rgb(202, 200, 210);
  text-transform: uppercase;
  font-size: 1.4rem;
  cursor: default;
}

.cardFile span {
  color: rgb(122, 115, 136);
  padding-top: 16px;
}

.cardFile .agz-drag-and-drop-filename {
  position: absolute;
  top: 50%;
  max-width: 85px;
  padding: 0px 4px;
  background-color: rgb(246, 246, 248);
  color: rgb(122, 115, 136);
  font-size: 1rem;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  z-index: 2;
  transition: max-width 200ms ease 0s, overflow 200ms ease 0s,
    text-overflow 200ms ease 0s;
}

.cardFile .agz-drag-and-drop-filename:hover {
  max-width: fit-content;
  overflow: inherit;
  text-overflow: inherit;
}

.agz-drag-and-drop-preview-default {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 16px;
  font-size: 1.4rem;
  color: rgb(202, 200, 210);
  line-height: 18px;
  opacity: 1;
  transition: opacity 150ms ease-in-out 0s;
  max-height: 300px;
  overflow: auto;
}

.agz-drag-and-drop-preview {
  width: 100%;
}

.agz-drag-and-drop-remove-file {
  opacity: 0;
  position: absolute;
  top: -4px;
  right: -4px;
  padding: 0px;
  background-color: rgb(246, 246, 248);
  border-radius: 50%;
  transition: opacity 250ms ease 0s, box-shadow 250ms ease-out 0s;
  display: flex;
  padding: 10px;
  cursor: pointer;
}

.cardFile:hover .agz-drag-and-drop-remove-file {
  opacity: 1;
}

.description-file-item {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}

.description-file-item:last-of-type {
  margin-bottom: 0;
}

.button-download-drag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e9e7ef;
  margin-left: 8px;
}

.fix-row-padding {
  margin-left: -6px !important;
  margin-right: -6px !important;
  padding-bottom: 6px;
}

.fix-row-padding > div {
  padding-left: 6px;
  padding-right: 6px;
}

.buttonHoverTransform {
  transition: transform ease-in-out 0.2s;
}

.buttonHoverTransform:hover {
  transform: scale(1.2);
}

.agz-progress-bar {
  position: relative;
  border-radius: 24px;
  background: #eee;
  width: 100%;
  height: 10px;
  min-width: 200px;
}

.agz-progress-bar span {
  border-radius: 24px;
  background: #7fcb96;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  display: block;
  transition: all linear 0.2s;
}

.agz-drag-and-drop-btn-spinner {
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  background: #e9e7f0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.agz-drag-and-drop-btn-spinner-loader {
  font-size: 1.2px;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #5c2d91;
  background: -moz-linear-gradient(
    left,
    #5c2d91 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: -webkit-linear-gradient(
    left,
    #5c2d91 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: -o-linear-gradient(left, #5c2d91 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(
    left,
    #5c2d91 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: linear-gradient(
    to right,
    #5c2d91 10%,
    rgba(255, 255, 255, 0) 42%
  );
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.agz-drag-and-drop-finishing {
  padding-left: 16px;
  display: flex;
  align-items: center;
}
.agz-drag-and-drop-finishing-text {
  padding-left: 8px;
  font-size: 15px;
  color: #7fcb96;
}
.agz-drag-and-drop-btn-spinner-loader:before {
  width: 50%;
  height: 50%;
  background: #5c2d91;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.agz-drag-and-drop-btn-spinner-loader:after {
  background: #e9e7f0;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.agz-drag-and-drop-button {
  margin-left: 16px;
  padding: 0;
  border: 0;
  background: #e9e7ef;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  padding: 9px;
}
.agz-drag-and-drop-filename {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 34px;
  width: 300px;
}
.agz-drag-and-drop-actions {
  display: flex;
  cursor: auto;
  align-items: center;
  flex: 1;
  width: 100px;
}
.agz-drag-and-drop-filename-progress {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}
.agz-file-tags-title {
  padding-bottom: 0;
  margin-bottom: 0;
}
.agz-drag-and-drop-disable-button {
  opacity: 0.5;
  cursor: not-allowed;
}
.agz-drag-and-drop-enable-button {
  opacity: 1;
  cursor: pointer;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.especificidades {
  max-width: 630px;
  margin-bottom: 20px;
}

.especificidades-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 64px;
  margin-bottom: 50px;
  color: #413a4f;
  font-size: 1.4rem;
  font-weight: 600;
}

.especificidades-empty-btn {
  margin-top: 32px;
}

.especificidades-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.especificidades-header-autor {
  font-style: italic;
}

.especificidades-header-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 16px;
}

.especificidades-header-buttons .btn {
  margin-left: 8px;
}

.especificidades-editor .ql-editor {
  max-height: 317px;
  min-height: 128px;
}

.especificidades-content {
  padding: 20px;
  font-size: 1.4rem;
  background-color: #f6f6f8;
  color: #413a4f;
  border-radius: 8px;
  line-height: 20px;
}

.especificidades-content p {
  margin: 0;
  padding: 0;
}

.especificidades-content ul,
ol,
dd {
  margin-left: 2rem;
}
.nfse-tooltip {
  width: 250px !important;
  z-index: 9999 !important;
}
.itemTeste {
  height: 38.42px;
}
.nfse-status-tooltip-inner {
  border-radius: 4px;
  font-family: 'Inter' !important;
}
.apuration-update-icon-tooltip-inner {
  border-radius: 4px;
  font-family: 'Inter' !important;
}

.nfse-tooltip-inner {
  padding: 12px !important;
  border-radius: 4px;
  font-family: 'Inter' !important;
  max-width: max-content !important;
}
.nfse-status-tooltip-arrow {
  display: none;
}
.apuration-update-icon-tooltip-arrow {
  display: none;
}
.nfse-tooltip-arrow {
  display: none;
  left: 96% !important;
}
.plan-tooltip-arrow {
  display: none;
  left: 96% !important;
}
.bg-purple-100 {
  background-color: #f6f0ff;
}

.plan-tooltip-inner {
  padding: 12px !important;
  border-radius: 5px;
  font-family: 'Inter' !important;
  max-width: max-content !important;
  background-color: #e5e2e9;
}
.plan-tooltip {
  width: 250px !important;
  z-index: 99999 !important;
}
.nfseValueSmallerFont {
  font-size: 12.5px !important;
}
.nfse-tooltip-value {
  color: #e5e2e9;
  font-family: 'Inter';
  font-size: 10px;
  line-height: 24px;
  font-weight: 500;
}
.redTd {
  color: #c63945;
}
.greenTd {
  color: #358851;
}
.nfse-tooltip-label {
  font-family: 'Inter';
  color: #7d728c;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}
.plan-tooltip-label {
  font-family: 'Inter';
  color: #3e3649;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}
.plan-tooltip-value {
  font-family: 'Inter';
  color: #7d728c;
  font-style: italic;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
/* Movimentacoes - Folha de Pagamento */
.movimentacoes.empty-state {
  color: #212121;
  font-weight: 600;
  font-style: italic;
}

.movimentacoes.competence {
  color: #212121;
  font-weight: 600;
}
.movimentacoes.row {
  display: flex;
  border-bottom: 1px solid #dddddd;
  padding: 16px 0;
}

.movimentacoes.item {
  width: 200px;
}
.movimentacoes.item-date {
  width: 250px;
}

.movimentacoes.item-title {
  color: #212121;
  font-weight: 600;
}
.movimentacoes.item-value {
  color: #212121;
  font-weight: 400;
  display: flex;
}
.movimentacoes.item-value.in_progress {
  color: #c56816;
}
.movimentacoes.item-value.done {
  color: #358851;
}
.movimentacoes.item-old-value {
  text-decoration: line-through;
  display: flex;
}
/* Planos AGZ - converter LEAD */
.plan-card-container {
  display: flex;
  padding-left: 13px;
  padding-bottom: 13px;
}
.plan-card {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 13px;
  justify-content: center;
  width: 220px;
  height: 120px;
  background: #ffffff;
  border: 1px solid #cac8d2;
  border-radius: 8px;
  transform: translate3d(0, 0, 0);
  transition: transform 150ms ease, box-shadow 100ms ease;
}
.plan-card:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  transform: translateY(-5px);
  box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.75);
}
.plan-card.selected {
  background-color: #744ab5;
}
.plan-card.selected .tag {
  background-color: #ffffff;
  color: #744ab5;
}
.plan-card.selected .currency {
  color: #ffffff;
  /* margin-right: 5px; */
}
.plan-card.selected .amount {
  color: #ffffff;
  /* margin-right: 5px; */
}
.plan-card.selected .recorrencia {
  color: #ffffff;
}
.plan-card .tag {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px;
  gap: 10px;
  height: 21px;
  background: #f7f6f8;
  border-radius: 4px;
}
.plan-card .price-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}
.plan-details {
  margin: 4px 0;
  padding: 4px;
}
.plan-details a {
  text-decoration: none;
}
.plan-card.selected .plan-details a {
  color: #ffffff !important;
  /* margin-right: 5px; */
}
.price-container .currency {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #7d728c;
}
.price-container .amount {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #3e3649;
  margin: 0 2px;
}

@media screen and (max-width: 1366px) {
  .row.plan-card-container:before {
    content: none;
    display: none;
  }

  .row.plan-card-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 8px;
    padding: 13px;
  }

  .plan-card {
    width: initial;
    padding: 0;
    margin: 0;
  }

  .price-container .amount {
    font-size: 20px;
  }
}

.price-container .recorrencia {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #7d728c;
}
/* Alteracoes Socios - Folha de pagamento */
.alteracoes-container {
  margin-top: 20px;
}
.alteracao {
  margin-bottom: 20px;
}
.alteracao .title {
  color: #212121;
  font-weight: 600;
}
.alteracao-row {
  align-items: flex-start;
  text-align: left;
  margin-bottom: 16px;
}
.alteracao-row > div {
  display: flex;
  flex: 1;
  text-align: left;
}
.alteracao .card {
  max-width: 470px;
  margin-top: 20px;
}
.card .value {
  font-weight: 600;
  color: #212121;
}
.pro-labore-change {
  display: flex;
}

.pro-labore-change .old-value {
  text-decoration: line-through;
}
.hoverStyle {
  color: #7d728c !important;
}

.dropdownStyled {
  width: 100%;
  height: 89px;
  padding: 16px;
  border: none;
  box-shadow: 0px 2px 4px rgba(133, 130, 139, 0.25);
  border-radius: 8px;
}

.dropdownStyled::after {
  content: '';
  right: 15px;
  visibility: hidden;
}

.dropdownStyled::before {
  content: '';
  right: 15px;
  visibility: hidden;
}

.dropdownStyledLi {
  padding: 0 !important;
  font-size: 14px;
  margin-bottom: 16px;
}

.specificityPendents {
  margin-bottom: 6px;
}

.dropdown-menu[aria-labelledby='rhFolhaPagamentoButtonOptions'] {
  top: 35px;
}

.dropdownSpecificityLi {
  padding-left: 0 !important;
}

.tableAdditionalsAndDiscounts th {
  background-color: white;
  border-collapse: collapse;
  border: 1px solid #a8a8a8;
}

.tableAdditionalsAndDiscounts td {
  background-color: white;
  border-collapse: collapse;
  border: 1px solid #a8a8a8;
}

.tableAdditionalsAndDiscounts {
  margin: 10px 0 25px 0;
  border-collapse: separate !important;
  border-radius: 4px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}

.styledTr:first-child th {
  border-collapse: separate !important;
  border-top-left-radius: 4px;
}

.styledTr:last-child th {
  border-collapse: separate !important;
  border-bottom-left-radius: 4px;
}

.styledTr:first-child td {
  border-collapse: separate !important;
  border-top-right-radius: 4px;
}

.styledTr:last-child td {
  border-collapse: separate !important;
  border-bottom-right-radius: 4px;
}

.styledTr {
  padding: 10px;
}

.additionalsTh {
  padding: 10px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}

.discountsTd {
  padding: 10px;
  width: 150px;
}

.spanAdditionals {
  font-family: 'Inter', sans-serif;
  background: rgba(236, 254, 242, 1);
  padding: 4px 8px;
  border-radius: 4px;
  color: rgba(53, 136, 81, 1);
  font-size: 15px;
  font-weight: 500;
}

.spanDiscounts {
  font-family: 'Inter', sans-serif;
  background: #fcedef;
  padding: 4px 8px;
  border-radius: 4px;
  color: rgba(198, 57, 69, 1);
  font-size: 15px;
  font-weight: 500;
}

.novoBeneficioOuDependente {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}

.removerBeneficioOuDependente {
  color: #d9534f !important;
  background-color: #fbedef !important;
  border-color: #fff0f3 !important;
}

.titleBeneficios {
  font-weight: bold;
}

.cancelar-nfse-painel,
.cancelar-nfse-painel [class*='col-'] {
  display: flex;
}

.cancelar-nfse-painel .panel-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cancelar-nfse-painel .panel-info ol > li {
  padding: 3px 0;
}

.cancelar-nfse-painel {
  flex-wrap: wrap;
}

.cancelar-nfse-painel .panel {
  width: 100%;
  margin-bottom: 16px;
}

@media screen and (max-width: 991px) {
  .no-padding-right-xs {
    padding-right: 0;
  }
}
.credentialsAndCertificateContent {
  font-size: 12px;
  font-family: Inter;
  line-height: 14.4px;
  color: #7d728c;
}
.credentialsAndCertificateTagText {
  border-radius: 4px;
  margin-left: 7px;
  color: #358851;
  font-size: 12px;
  line-height: 14.52px;
  white-space: nowrap;
  font-weight: 400;
  font-family: Inter;
}
.credentialsAndCertificateTagContainer {
  border-radius: 4px;
  background-color: #ecfef2;
  padding-inline: 8px;
}
.credentialsAndCertificateHeaderText,
.contactsAndNotificationsTableTitle {
  font-size: 12px;
  color: #7d728c;
  font-weight: 600;
  line-height: 14.52px;
  font-family: Inter;
}
.credentialsAndCertificateTitleContainer,
.contactsAndNotificationsTitleContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.credentialsAndCertificateTitle,
.contactsAndNotificationsTitle {
  color: #3e3649;
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 500;
  margin-left: 12px;
  font-family: Inter;
}
.certificateHeaderContainer {
  display: flex;
  justify-content: space-between;
  padding-left: 18px;
  margin-top: 18px;
}
.certificateContentContainer {
  margin-top: 6px;
  display: flex;
  align-items: center;
  padding-inline: 18px;
  justify-content: space-between;
}
.credentialHeaderContainer {
  border-color: #e5e2e9 !important;
  display: flex;
  padding-top: 18px;
  justify-content: space-between;
  padding-left: 18px;
  border-top: 1px solid;
}
.credentialsAndCertificateLineContentContainer {
  display: flex;
  align-items: center;
}
.credentialsAndCertificateUpdatedText {
  color: #7d728c;
  font-size: 11px;
  font-style: italic;
  line-height: 13.2px;
  font-family: Inter;
  font-weight: 400;
}
.yellowTagContainer {
  background-color: #fef8e7 !important;
}
.redTagContainer {
  background-color: #fcedef !important;
}
.yellowTagText {
  color: #c56816 !important;
}
.redTagText {
  color: #c63945 !important;
}
@keyframes hideComponent {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.sidebar {
  width: 27%;
  height: 100%;
  position: fixed;
  right: -500px; /* Posiciona o sidebar à direita */
  top: 0;
  background-color: #ededed;
  transition: right 0.3s; /* Use 'right' em vez de 'left' para a transição */
}
.closeSidebar {
  animation: hideComponent 0.3s forwards;
  animation-delay: 0.2s;
}

.sidebar.open {
  opacity: 1 !important;
  right: 0; /* Abre o sidebar à direita */
  z-index: 9999999;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.backdrop.sidebar-open {
  display: block;
  z-index: 9999;
}

.coments-container > div {
  opacity: 1; /* Opacidade padrão */

  transition: opacity 0.3s ease; /* Transição suave da opacidade */
}

.coments-container > div.hide-scroll {
  opacity: 0.5; /* Opacidade reduzida para componentes escondidos pelo scroll */
}

.ql-placeholder {
  color: black; /* cor do texto do placeholder */
  font-style: oblique; /* estilo de fonte do placeholder */
}
.ql-editor.ql-blank::before {
  color: #7d728c !important;
  font-style: normal !important;
  font-size: 14px;
  line-height: 16.8px;
}
.marginBottom24 {
  margin-bottom: 24px !important;
}
.comentText {
  overflow-wrap: break-word;
  margin-top: 10px;
  line-height: 21px;
  font-size: 14px;
  font-weight: 400;
  color: #7d728c;
  font-family: 'Inter';
}
.comentTitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  color: #7d728c;
}
.bottom-toolbar {
  position: absolute;
  bottom: 0;
}
.opavityNone {
  opacity: 0 !important;
}
.changeComentsToolbar {
  z-index: 9999999;
  background-color: white;
  position: absolute;
  flex: 1;
  width: 100%;
  border-bottom: 1px solid #c3bdcc !important;
  border-left: 1px solid #c3bdcc;
  border-right: 1px solid #c3bdcc;
  border-bottom-left-radius: 8px;
  border-top: none !important;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  display: flex;
  justify-content: space-between;
}
.comentsToolbar {
  position: absolute;
  flex: 1;
  width: 96%;
  border-bottom: 1px solid #c3bdcc !important;
  border-left: 1px solid #c3bdcc;
  border-right: 1px solid #c3bdcc;
  border-bottom-left-radius: 8px;
  border-top: none !important;
  border-bottom-right-radius: 8px;
  bottom: 10px;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  display: flex;
  justify-content: space-between;
}
.comentCardContainer:hover .comentTitle,
.comentCardContainer:hover .comentText {
  color: #3e3649;
}
.comentCardContainer:hover .comentActionsIcons {
  opacity: 1;
}

.comentActionsIcons {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.opacityNone {
  opacity: 0 !important;
}
.blockcroll {
  overflow-y: hidden !important;
}

.pointEventsNone {
  pointer-events: none;
}
.disableDashButton {
  filter: grayscale(100%);
  opacity: 0.5 !important;
}
.removerActiion a {
  color: #262626 !important;
  text-decoration: none !important;
}
.ellipsisCrop {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.certified-history-modal {
  display: grid;
  grid-template-columns: 1fr 3fr 2fr 3fr 2fr 1fr;
}

.certified-history-modal .list-header {
  line-height: 4rem;
}

.certified-history-modal .list-content {
  line-height: 3rem;
}

.certified-history-modal.valid {
  opacity: 1;
}

.certified-history-modal.expired,
.certified-history-modal.first-expired {
  opacity: 0.6;
}

.certified-history-modal.first-expired {
  border-top: 1px solid #e5e2e9;
}

.certified-history-modal .list-content-icons {
  visibility: hidden;
}

.certified-history-modal:hover .list-content-icons {
  visibility: visible;
}

.simplesNacionalTag,
.lucroPresumidoTag,
.meiTag {
  color: white;
}

.simplesNacionalTag {
  background-color: #49ab6b;
}

.lucroPresumidoTag {
  background-color: #538de6;
}

.meiTag {
  background: #8e66cc;
}

.contactsAndNotificationsTable {
  font-size: 12px;
}

.contactsAndNotificationsTitle {
  margin-bottom: 7px;
}

.contactsAndNotificationsTableRow {
  display: grid;
  grid-template-columns: 1fr 38% repeat(2, 3fr) repeat(2, 2fr);
  align-items: center;
  padding: 0.75rem 0;
}

.contactsAndNotificationsTableCell {
  overflow-wrap: anywhere;
}

.contactsAndNotificationsTableIconCell {
  width: 16px;
  height: auto;
  display: grid;
  justify-self: center;
}

.contactsAndNotificationsTableRowBody .contactsAndNotificationsTableIconCell {
  display: flex;
  align-self: start;
  justify-self: center;
  margin-top: 6px;
}

.contactsAndNotificationsTableRowBody .contactsAndNotificationsTableRow:hover {
  background-color: #f7f6f8;
}

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

.modal-dialog.bs-modal-md {
  width: 800px;
}

.plan-detail-caption > div {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #f7f6f8;
  margin-bottom: 4px;
  font-weight: bold;
}

.plan-detail-row:hover {
  background-color: #f7f6f8;
  cursor: pointer;
}

.common-collapsible-content > div {
  cursor: pointer;
}
.common-collapsible-content h5 {
  margin-bottom: 0;
  padding: 4px 0;
}

.common-collapsible-content i.rotate-90 {
  transform: rotate(90deg);
}

.common-collapsible-content i.rotate-0 {
  transform: rotate(0);
}

.table-empresas-esocial {
  margin-left: 2%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.table-empresas-esocial-exibicao {
  width: 100%;
  display: flex;
  margin-left: 6px;
  margin-top: 15px;
  flex-direction: column;
}

.form-group-empresas-esocial {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lista-empresas {
  width: 100%;
  margin-left: 6px;
  height: 514px;
  overflow-x: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.align-middle {
  vertical-align: middle !important;
}

.company-global-feature-span {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
}

.company-global-feature-icon {
  position: absolute;
  bottom: -8px;
  font-size: 24px;
}

.btn-extra-small-custom {
  padding: 2px 4px;
  font-size: 12px;
  background-color: #5c2d91;
  color: #fff;
}

.radio-inline {
  display: inline-block;
  margin-right: 20px;
}

/* Força o padrão visual correto no modal de atualização de RPS */
#updateRpsModal .modal-title {
  font-size: 23px !important;
  font-weight: 300 !important;
  color: #3e3649 !important;
}

#updateRpsModal label {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #333 !important;
}

#updateRpsModal .form-control-static strong {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #595066 !important;
}

#updateRpsModal .form-control-static {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 6px 12px;
  color: #808080;
  font-size: 1.5rem !important;
}

#updateRpsModal .alert-warning {
  background: #fff8e1 !important;
  color: #8a6d3b !important;
  border-color: #ffeeba !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}

#updateRpsModal .alert-info {
  background: #e3f2fd !important;
  color: #31708f !important;
  border-color: #bce8f1 !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
}

#updateRpsModal .btn-success {
  background: #24906a !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 1.3rem !important;
  border-radius: 4px !important;
}

#updateRpsModal .btn-default {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
}

#updateRpsModal .help-block,
#updateRpsModal .help-block small {
  color: #7d728c !important;
  font-size: 1.2rem !important;
}

#updateRpsModal .text-danger {
  color: #c63945 !important;
  font-weight: 600 !important;
}

#updateRpsModal .modal-body {
  padding-left: 0;
  padding-right: 0;
}