nav.primary {
  width: auto;
  display: block;
  border-bottom: 1px solid #ddd;
}

button.close_prime {
  margin-right: 0.5rem !important;
  margin-top: 0.5rem !important;
}

#modal_content_bem_vindo {
  width: 50rem !important;
  height: 50vh !important;
  margin-bottom: 15vh;
}
#config-central {
  background-color: rgba(0, 0, 0, 0.5);
}

#assistir_agora {
  background-color: #00428c;
  border-radius: 0.4rem;
  height: auto;
  width: 100%;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 12px 24px;
}

#banner_text p {
  margin: 0;
  padding: 0;
}

#container_botao_assistir_agora {
  display: flex;
  align-items: center;
}

@media (max-width: 1400px) {
  #container_botao_assistir_agora {
    margin-left: 0.1rem;
  }
}
@media (min-width: 1430px) {
  #container_botao_assistir_agora {
    margin-left: 0.1rem;
  }
}
@media (min-width: 1500px) {
  #container_botao_assistir_agora {
    margin-left: 17rem;
  }
}
@media (min-width: 1550px) {
  #container_botao_assistir_agora {
    margin-left: 17rem;
  }
}
@media (min-width: 1530px) {
  #container_botao_assistir_agora {
    margin-left: 17rem;
  }
}
.banner-primeiros-passos {
  background: linear-gradient(to right, #0072ce, #21a0f6);
  color: white;
  border-radius: 5px;
  width: 100%;
  height: 17vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

#banner_inicio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.bem-vindo-sem-hover {
  width: 100%;
  flex-direction: row;
  display: flex;
  gap: 10px;
  align-items: center;
  height: 26em;
  align-content: space-between;
  padding: 2em;
}

#btn_habilitar_wqrcode {
  background-color: #007c32 !important ;
  border-radius: 0.3rem !important;
  margin-left: 9.7rem !important;
}
#btn_conectar_depois {
  background-color: #e8e8e8 !important ;
  border-radius: 0.3rem !important;
  color: #000 !important;
  margin-right: 9.7rem !important;
}

#btn_habilitar_wqrcode:hover {
  background-color: #00c851 !important ;
}

nav.primary ul li {
  float: left;
  list-style: none;
}

nav.primary ul li:first-child {
  height: 39px;
  display: block;
  font-size: 15px;
  color: #767676;
  padding: 10px;
  margin-right: 10px;
}

nav.primary ul li a {
  height: 48px;
  display: block;
  font-size: 15px;
  color: #000;
  padding: 0 10px;
  text-decoration: none;
  line-height: 48px;
}

nav.primary ul li a:hover {
  color: #3fa9f5;
}

nav.primary li a.selected {
  border-bottom: 3px solid #004c95;
}

.entry {
  position: relative;
  width: 100%;
  padding: 0;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

.container-link-file {
  padding: 5px;
  width: 100%;
  display: flex;
}

.button-link-file {
  padding: 5px;
  width: 100%;
  border: none;
}

.button-file {
  padding: 5px;
  width: 100%;
  border: none;
}

.mt-4_5 {
  margin-top: 35px;
}

.btn-save-pz {
  height: 38px;
  min-height: 1.9vw;
  padding-left: 2vw;
  left: 100vw;
  background: #0d5bdd;
  border-radius: 0.2vw;
  font-weight: bold;
  font-size: 16px;
}

.btn-download-custom {
  height: 38px;
  background: #0d5bdd;
  width: 13vw;
  font-weight: 16px Roboto, sans-serif;
}

.my-custom-button {
  background-color: #0d5bdd;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
.upload-bg-yellow {
  background: #f2e994;
}

.my-custom-button:hover {
  background-color: #4285f4;
}

.container-download-custom {
  margin-right: 2container-download-customvw;
  display: flex;
}

.w-40-rem {
  width: 40rem;
  display: flex;
}

.lh-2 {
  line-height: 2em;
}

.qq-upload-button {
  background: #0d5bdd;
}

.qq-upload-button:hover {
  background: #4285f4;
}

#painel_alerta_contatos {
  width: 100%;
}

.alert {
  width: 100%;
  font-size: 0.9em;
}

.alert p {
  font-size: 0.9em;
  margin-bottom: 0;
}

.alert i {
  float: left;
  margin-right: 0.5em;
  font-size: 1.4em;
}

#carregando {
  width: 155px;
  height: 44px;
  padding: 11px 10px;
  background-color: #ffcd00;
  color: rgb(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  font-weight: bold;
  z-index: 5000;
}

#carregando .block_content {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#salvando {
  width: 100px;
  height: 33px;
  padding: 7px 10px;
  background-color: #43bd1e;
  color: #000;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  font-size: 12px;
}

.btn_tutorial {
  line-height: 2em;
  margin-top: 0.3em !important;
}

.btn_tutorial i {
  float: left;
  margin-right: 0.3em;
  font-size: 2em;
}

body {
  background: #f6f9fb;
}

.btn-academy {
  background-color: #696969 !important;
  border-radius: 0.2vw;
  margin-top: 10px !important;
}
.btn-academy:hover {
  background-color: #787878 !important;
}

.container-academy {
  gap: 1vw !important;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.login {
}

.fc-day-grid-event {
  padding: 0.4em 0.6em;
  margin-bottom: 0.1em;
  border: none;
}

.datepicker-container {
  z-index: 99999 !important;
}

#wrapper {
  min-height: 100%;
}

.ordenar {
  cursor: row-resize;
}

.container-fluid {
  float: left;
}

.alpha {
  padding-left: 0;
}

.omega {
  padding-right: 0;
}

.hide {
  display: none;
}

[class*=" w-"] {
  float: left !important;
  margin: 0 !important;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

#form_login h3 {
  padding: 1em;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#form_login input {
  background: #fff !important;
  padding-left: 2.5em;
}

#form_login i {
  position: absolute;
  padding: 0.3em;
  color: #ccc;
}

.login-wrapper {
  width: 100%;
  min-height: auto;
  height: 100%;
  background: rgb(50, 200, 255);
  background: linear-gradient(
    45deg,
    rgba(50, 200, 255, 1) 0%,
    rgba(0, 174, 237, 1) 100%
  );
}

#form_login #entrar {
  margin-bottom: 0;
}

#form_cadastro_whitelabel {
  width: 1200px;
  height: 450px;
  position: absolute;
  top: 45%;
  left: 29%;
  margin-top: -180px;
  margin-left: -250px;
}

#form_cadastro_whitelabel h3 {
  padding: 1em;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#form_cadastro_whitelabel input {
  background: #fff !important;
  padding-left: 2.5em;
}

#form_cadastro_whitelabel i {
  position: absolute;
  padding: 0.3em;
  color: #ccc;
}

#form_cadastro_whitelabel #entrar {
  margin-bottom: 0;
}

a#esqueci_senha {
  color: #134e92;
}

.listagem {
  margin-bottom: 1em;
}

.desc_listagem {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email_listagem {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email_listagem_principal {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listagem .card {
  margin-bottom: 1em;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

nav {
  background: none;
  box-shadow: none;
}

nav,
nav a {
  color: #000;
}

.breadcrumb {
  color: #333;
  font-size: 0.8em;
  line-height: 3.5em;
  background: none;
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
}

.breadcrumb a:first-child {
  color: #005bac;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li:last-child {
  font-weight: 600;
}

.breadcrumb li::after {
  content: "/";
  color: #ddd;
  padding: 0 0.5em;
}

.breadcrumb li:last-child::after {
  display: none;
}

.breadcrumb::before {
  color: #ccc;
  font-size: 0.9em;
}

header.top_pag {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between;
}

.sub_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

a.waves-light {
  /* display: flex;
    justify-content: space-between; */
}

.media-body p {
  padding-right: 1em;
}

.media-player-video {
  float: left;
  padding: 1em 0;
  display: flex;
  padding-right: 1rem;
}

.container_list {
  height: 90vh;
  overflow-y: auto;
}

.media-title {
  margin-top: 8%;
}

.col-custom-field {
  margin-bottom: 1rem;
}

.col-custom-field label {
  display: block;
  margin-bottom: 0.5rem;
}

.col-custom-field input,
.col-custom-field select,
.col-custom-field textarea {
  width: 100%;
}

.col-custom-field ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.col-custom-field ul li.chip.box_check {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 8px 12px;
  border-radius: 16px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  transition: all 0.2s ease;
  max-width: 100%;
  word-break: break-word;
}

.col-custom-field ul li.chip.box_check:hover {
  background-color: #e8e8e8;
  border-color: #d0d0d0;
}

.col-custom-field ul li.chip.box_check label.form-check-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
}

.col-custom-field ul li.chip.box_check label.form-check-label span {
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

.col-custom-field ul li.chip.box_check input.form-check-input {
  margin: 0 8px 0 0;
  cursor: pointer;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.col-custom-field ul li.chip.box_check input.form-check-input:checked ~ label,
.col-custom-field ul li.chip.box_check input.form-check-input:checked {
  color: #134e92;
}

.col-custom-field ul li.chip.box_check:has(input:checked) {
  background-color: #e3f2fd;
  border-color: #134e92;
}

.card-body ul {
  margin: 0;
}

.integrar .back {
  padding: 1em;
  border-radius: 5px;
}

.integrar .fun_obs {
  display: flex;
}

/* .sub_menu{float: left; width: 100%; border-top: 1px solid #ddd; padding:0.5em 0;}
 */

.consultor {
  display: flex;
  align-items: center;
  margin: 2em 0 0 1em;
  padding: 1em;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
}

.consultor img {
  width: 3.2em;
  margin-right: 1em;
}

.dt-buttons {
  float: left;
}

.dt-buttons .btn {
  margin: 0 0.5em;
}

#listagemPgmtExt_wrapper {
  padding: 1em 0;
}

.campos-datas-personalizados {
  display: flex;
  gap: 8px;
  align-items: center;
}

.mar_tb {
  margin: 3em 0;
}

.separacao {
  border-top: 1px solid #ddd;
  padding: 1em 0;
  margin: 1em 0;
}

/* BTNS */

.btn {
  margin: 0;
}

.btn-small {
  padding: 4px 10px 4px;
  vertical-align: top;
}

.btn-small i {
  line-height: 1.8em;
  font-size: 1.4em;
}

/* #btn_salvar{margin-bottom: 2em;} */

/* Filtro */

#filtro_cliente {
  width: 500px;
}

#formulario_filtro {
  padding: 1em 0;
  float: left;
  width: 100%;
}

#formulario_filtro label {
  font-weight: 400;
  padding-top: 1em;
}

.filtro i {
  float: left;
  margin-right: 0.5em;
  transform: rotate(90deg);
}

#formulario_filtro select {
  width: 100%;
}

.custom-select {
  border: 1px solid #dcdcdc;
}

.filtros {
  background: #f5f6fa;
  margin-bottom: 1em;
  border-top: 1px solid #ebebeb;
}

.filtros h5 {
  padding: 0.5em 1em;
  font-weight: 400;
}

.filtros input,
.filtros select {
  background-color: #fff !important;
  font-size: 0.8em;
  display: block !important;
  width: 100%;
}

#formulario_funil_novo .custom-control-input {
  z-index: 1;
  opacity: 0;
  left: 5px;
  top: 5px;
  cursor: pointer;
}

.atalho-filtro-funil {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  background-color: #f5f6fa;
}

.atalho-filtro-funil > small {
  margin-right: 8px;
}

.atalho-filtro-funil > select.custom-select {
  width: auto;
  height: auto;
}

/* height: 2.2em!important; */

.filtros label {
  line-height: 0.5em;
}

/* .filtros label.active {transform: translateY(-390%);} */

.filtros .select-wrapper span.caret {
  top: 15px;
  z-index: 10;
}

.filtros .select-wrapper + label {
  top: -13px;
}

.filtros .footer_filtro {
  padding: 1em 0 0 1em;
}

.filtros .sele label {
  top: -1em;
}

.filtro.btn {
  margin: 0;
  padding: 0.7rem;
  font-size: 0.6em;
}

/*timeline historico do cliente e oportunidade */

nav.primary {
  width: auto;
  display: block;
  border-bottom: 1px solid #ddd;
}

nav.primary ul li {
  float: left;
  list-style: none;
}

nav.primary ul li:first-child {
  height: 39px;
  display: block;
  font-size: 15px;
  color: #767676;
  padding: 10px;
  margin-right: 10px;
}

nav.primary ul li a:hover {
  color: #3fa9f5;
}

nav.primary li a.selected {
  border-bottom: 3px solid #004c95;
}

.entry {
  position: relative;
  width: 100%;
  padding: 0 0 1em 0;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

/* Badge */

#painel_alerta_contatos {
  width: 100%;
}

.alert {
  width: 100%;
  font-size: 0.9em;
  /*float: left; align-items: center; display: flex; */
}

.alert p {
  font-size: 0.9em;
  margin-bottom: 0;
}

.alert i {
  float: left;
  margin-right: 0.5em;
  font-size: 1.4em;
  line-height: 1em;
}

#salvando {
  width: 100px;
  height: 33px;
  padding: 7px 10px;
  background-color: #ffcd00;
  color: #000;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  font-size: 12px;
}

.btn_tutorial {
  line-height: 2em;
  margin-top: 0.3em !important;
}

.btn_tutorial i {
  float: left;
  margin-right: 0.3em;
  font-size: 2em;
}

body {
  background: #fff;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.login {
}

.fc-day-grid-event {
  padding: 0.4em 0.6em;
  margin-bottom: 0.1em;
  border: none;
}

.datepicker-container {
  z-index: 99999 !important;
}

#wrapper {
  min-height: 100%;
}

.ordenar {
  cursor: row-resize;
}

.container-fluid {
  float: left;
}

.alpha {
  padding-left: 0;
}

.omega {
  padding-right: 0;
}

.hide {
  display: none;
}

[class*=" w-"] {
  float: left !important;
  margin: 0 !important;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

#form_login {
  width: 600px;
  height: 370px;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-top: -160px;
  margin-left: -250px;
}

#form_login h3 {
  padding: 1em;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#form_login input {
  background: rgb(238, 238, 238) !important;
  padding-left: 2.5em;
}

#form_login i {
  position: absolute;
  padding: 0.3em;
  color: #ccc;
}

#form_login #entrar {
  margin-bottom: 0;
}

.acesso_sistema {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  margin-bottom: 0.5em;
}

.nao_sou_cliente {
  background: #191919;
  padding: 3em;
  border-radius: 6px 0 0 6px;
  color: #fff;
  width: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
}

.ja_sou_cliente {
  padding: 3em;
  width: 70%;
}

.login-actions {
}

.login-actions img {
  width: 10em;
  margin-bottom: 1em;
}

a#esqueci_senha {
  color: #134e92;
}

.termo_politica {
  font-size: 13px;
}

.termo_politica a {
  color: #fff;
  margin-bottom: 1em;
  display: inline-block;
}

.termo_politica a:hover {
  color: #000;
}

/* .listagem{margin-bottom: 1em}
.desc_listagem {position: relative; white-space: nowrap; display: inline-block; overflow: hidden; text-overflow: ellipsis;}
.email_listagem {position: relative; white-space: nowrap; display: inline-block; overflow: hidden; text-overflow: ellipsis;} */

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/* header, main, footer { padding-left: 300px;} */

nav {
  background: none;
  box-shadow: none;
}

nav,
nav a {
  color: #000;
}

.breadcrumb {
  color: #333;
  font-size: 0.8em;
  line-height: 3.5em;
  background: none;
  margin-bottom: 0;
  padding: 0 1em;
  display: inline-block;
}

.breadcrumb a:first-child {
  color: #005bac;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li:last-child {
  font-weight: 600;
}

.breadcrumb li::after {
  content: "/";
  color: #ddd;
  padding: 0 0.5em;
}

.breadcrumb li:last-child::after {
  display: none;
}

.mar_tb {
  margin: 3em 0;
}

.separacao {
  border-top: 1px solid #ddd;
  padding: 1em 0;
  margin: 1em 0;
}

/* BTNS */

.btn {
  margin: 0;
}

/* #btn_salvar{margin-bottom: 2em;} */

.filtro.btn {
  margin: 0;
  padding: 0.7rem;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
}

select.custom-select {
  display: block !important;
  width: 100%;
  /* height: calc(2.25rem + 6px); */
  height: 2.5em;
}

.sele label {
  top: -1.5em;
}

.dropdown-menu {
  padding: 0 !important;
  min-width: 12rem;
}

.dropdown-menu-right {
  right: 0;
  top: 10px;
  transform: translate3d(0px, 29px, 0px) !important;
}

/* #importacao.dropdown-menu{right: 1em;} */
#gerais {
  margin-bottom: 2em;
}

#geral {
  display: flex;
  height: 100%;
}

#geral_grade {
  display: flex;
  height: 100%;
}

.menu_lateral {
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.menu_lateral_mobi {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.menu_lateral ul,
.area_content {
  transition: 0.3s;
}

.menu_aberto {
  width: 250px;
  overflow-y: auto;
}

li ul.menu_aberto li {
  border-bottom: 1px solid #f2f2f2;
}

.menu_fechado {
  width: 50px;
  overflow: inherit;
}

a.fechar-menu i {
  font-size: 21px;
}

.menu_lateral p.badge,
.menu_lateral_mobi p.badge {
  float: right;
  padding: 0.7em;
  border-radius: 100px;
  box-shadow: none;
  /* height: 2.5em; */
  text-align: center;
  margin: 0;
}

.main-wrapper {
  width: 100%;
}

.area_content {
  float: right;
  width: 100%;
  position: relative;
  padding-left: 15.6em;
}

.side-nav {
  position: relative;
  transition: none;
  transform: none !important;
}

@media only screen and (max-width: 1440px) {
  /* .menu_lateral > ul{ width: 50px;}
.menu_lateral a span{display: none;}
.area_content{padding-left: 3em;} */
}

/* Nav topo */

#topo {
  padding: 0;
}

.links-topo {
  float: left;
}

.brand {
  float: left;
}

.brand a {
  margin-left: 1em;
}

.links-topo .perfil {
  float: right;
  padding: 0.6em 0;
}

.btns-topo {
  display: flex;
  align-items: center;
}

.btns-topo i {
  font-size: 22px;
}

.btns-topo .link_top {
  padding: 0 0.5em;
  cursor: pointer;
  position: relative;
}

.btns-topo a.btn {
  box-shadow: none;
}

.btns-topo a.btn-suporte-topo {
  border: 2px solid #3797ef;
  padding: 0px 14px;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}

.dropdown-menu a {
  display: block;
  width: 100%;
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 8px 10px;
  color: #000 !important;
  border-bottom: 1px solid #ddd;
}

.dropdown-menu a:hover {
  color: #fff !important;
  background: #004c95;
}

.dropdown-menu a:hover i {
  color: #fff !important;
}

.navbar {
  background: #f5f6fa;
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
}

.navbar .dropdown-menu.list_notificacoes a:hover {
  color: #004c95 !important;
  background: #fff;
}

.navbar .dropdown-menu.list_notificacoes a.not_ativ:hover {
  background: #f2f2f2;
}

a.not_ativ {
  border-bottom: 1px solid #ddd;
  display: block;
}

.not_ativ p {
  margin-bottom: 0;
}

.datas_ativ {
  border-bottom: 1px dotted #ddd;
}

.datas_ativ span {
  font-size: 0.7em;
  font-weight: 400;
  padding-bottom: 0.3em;
}

.datas_ativ span:first-child {
  margin-right: 0.5em;
}

a.logo {
  margin-left: 1em;
}

/* .side-nav, .side-nav .sidenav-bg{width: auto!important;} */

.fixed-sn .double-nav,
.fixed-sn footer,
.fixed-sn main {
  padding-left: 15.3%;
}

.list_notificacoes {
  width: 400px;
  z-index: 1000;
}

.list_notificacoes h6 {
  padding: 0.5em;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
}

/* #drop3{position: relative; width: 4em; height: 2.7em; cursor: pointer;} */

#badge_notify_top {
  position: absolute;
  top: 0.5em;
  left: 2em;
  font-size: 10px;
}

#drop3.dropdown-toggle::after {
  display: none;
}

/* #drop3 i{position: absolute; left: 0.5em; top: 0.5em;} */

/* .mdb-skin .top-nav-collapse, .mdb-skin-custom .navbar{background: #3FA9F5;} */

.fixed-sn .page-footer .container-fluid,
.fixed-sn main {
  margin: 0;
}

/* .fixed-sn main, .hidden-sn main{padding-top: 60px;} */

/* .nav_topo .button-collapse{float: left;}
.nav_topo div{margin:0 0.5em;}
.nav_topo #dropdown1{display: table; width: 150px!important; top: 30px!important; }
 */

/* #form_busca, .cont_geral{float: left; width: 100%; position: relative;} */

.cont_geral {
  /* display: grid; */
}

.md-form label {
  left: 1em;
}

.md-form.form-sm label {
  line-height: 1.3em;
}

.form-control {
  margin-bottom: 0;
}

.atalhos {
  margin-right: 1em;
  height: 2.2em;
  line-height: 2em;
  cursor: pointer;
}

.conta {
  line-height: 2.2em;
  cursor: pointer;
  margin-left: 0.5em;
}

.nova_senha {
  border-left: 1px solid #ddd;
}

.modal-header {
}

.caixa {
  margin: 1em 0;
}

.card .card-body h5.modal-title {
  margin-bottom: 0;
}

#modal_cadastro_etapa .tab-pane {
  margin-bottom: 1em;
}

.card-body {
  padding: 1em 1.25rem;
}

.select-msg-padrao {
  background: #f5f6fa;
}

.select-msg-padrao select {
  margin: 0.3em;
}

/* inputs */

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search-md"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea.md-textarea,
select,
textarea {
  height: auto;
  padding: 0.5em;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ededed;
  resize: block;
  overflow-y: auto !important;
}

textarea div:focus {
  border: 1px solid #ccc !important;
}

.md-form.form-sm input {
  padding: 0.7em !important;
  box-sizing: border-box;
  font-size: 0.9em;
}

.md-form.form-sm label {
  font-size: 0.8em;
  padding: 0 1em;
}

.md-form label {
  color: #000;
}

.select-wrapper + label {
  top: -19px;
}

.md-form label.active {
  transform: translateY(-180%);
}

.select-wrapper span.caret {
  right: 10px;
  top: 38px;
  z-index: 10;
}

.select-wrapper input.select-dropdown {
  margin-bottom: 0;
  border: 1px solid #ededed;
  font-size: 12px;
  padding: 1.5em;
  background: #fff;
  /* height: calc(2.25rem + 6px); */
  height: 1rem;
}

.table,
pre code {
  background: #fff;
}

table.table td,
table.table th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.table thead th {
  vertical-align: middle;
}

table td {
  /* font-size: .8rem; */
  font-weight: 400;
}

/* Side Nav menu */

.topo_menu {
  background: #f5f6fa;
  padding: 0.89em;
  justify-content: space-between;
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
}

.mdb-skin-custom .side-nav .sidenav-bg.mask-strong:after,
.mdb-skin-custom .side-nav .sidenav-bg:after,
.sn-bg-1,
.mdb-skin-custom .side-nav {
  background: none !important;
}

.sn-bg-1,
.mdb-skin-custom .side-nav,
.side-nav,
#slide-out {
  box-shadow: none;
  border-right: 1px solid #d5d5d5;
  background-color: #ffffff;
}

.mdb-skin-custom .side-nav .fa {
  color: #333;
}

#slide-out span.badge {
  float: right;
  line-height: 1.5em;
  margin: 0.8em 0;
}

.side-nav a {
  height: auto;
}

.side-nav .collapsible a {
  padding: 0.4em 1em;
  height: 3.5em;
  color: #333;
  font-weight: 400;
  width: 100%;
  align-items: center;
  display: flex;
}

.side-nav .collapsible a:hover {
  background: #f2f2f2 !important;
}

.side-nav .collapsible a.space {
  justify-content: space-between;
}

/* .side-nav .collapsible a i{line-height: 1.2em; margin-right: 0.5em; vertical-align: middle; color: #3FA9F5;} */

.side-nav .collapsible-body ul.sub-menu a {
  background: #f7f7f7;
  color: #333333 !important;
}

.side-nav .fa-angle-down.rotate-icon {
  top: 19px;
}

.mdb-skin-custom .side-nav .collapsible li .collapsible-header,
.mdb-skin-custom .side-nav .collapsible li .collapsible-body a {
  color: #333;
}

.mdb-skin-custom .side-nav .collapsible li,
.mdb-skin-custom .side-nav .collapsible li a {
  border-radius: 0;
  width: 100%;
}

.mdb-skin-custom .side-nav .collapsible li .collapsible-header.active {
  background: #ddd;
}

.mdb-skin-custom .side-nav .collapsible li .collapsible-header:hover,
.mdb-skin-custom .side-nav .collapsible li a:hover {
  background: #f5f6fa;
}

.btn_menu {
  display: inline-block;
  width: 55px;
  height: 55px;
  padding: 1em;
  text-align: center;
}

.btn_menu:hover {
  color: #fff;
  background: #f2f2f2;
}

.btn_pagina {
  display: none;
}

.nav_menu {
  border-top: 1px solid #ddd;
}

.side-nav ul.nav_menu li i {
  color: #3fa9f5;
}

.side-nav .collapsible .collapsible-body a {
  height: auto;
}

.notificacao {
  float: left;
}

.notificacao i {
  padding-top: 0.3em;
  color: #fff;
}

.notificacao span.badge {
  margin-left: -10px;
}

.perfil .material-icons {
  line-height: 1.4em;
  color: #fff;
}

.dropdown-content {
  top: 45px !important;
}

#lista_notify_top.dropdown-content li {
  min-height: auto;
}

#lista_notify_top.dropdown-content li:first-child {
  padding: 0.3em 1em;
  border-bottom: 1px solid #ddd;
}

#lista_notify_top.dropdown-content li:first-child:hover {
  background: none;
}

.notif_list {
  width: 35em;
}

.notif_list li {
  white-space: normal;
}

.notif_list li a {
  font-size: 1.2em;
}

/* span.badge{min-width: auto; margin-left: 4px; border-radius: 50px; color: #fff; position: relative; top: -2px; display: inline-table; padding: 0.4em 0.6em;} */

#integracoes span.badge {
  min-width: auto;
  margin: 6px;
  border-radius: 50px;
  color: #fff;
  display: inline-table;
  padding: 0.4em 0.6em;
}

.midia {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.midia iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Passo a Passo */

.lista_videos {
  background: #fff;
}

.lista_videos li {
  padding: 1em 0;
  float: left;
  border-bottom: 100px solid #696969;
  border-right: 4px solid transparent;
}

.lista_videos li.ativo {
  border-right: 4px solid #1859a4;
  background: #eef2fb;
}

.lista_videos li {
  padding: 0.5em 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}

.lista_videos li a {
  width: 100%;
}

.lista_videos li p {
  margin-bottom: 0;
}

header.top_pag.pri_passos {
  padding: 1em;
}

.fixed-top {
  background: #fff;
  transition: all 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 0.87em 1em;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 900;
}

#opcoes_menu {
  margin: 0.7em auto 1em;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.navbar-nav .nav-link li a {
  color: #fff;
}

.flexy-header .navbar-nav .nav-link {
  color: #333;
}

.flexy-header .navbar-nav .nav-link:hover {
  color: #2eafea;
}

.hero-content {
  transition: all 3s ease, opacity 0.5s ease;
  opacity: 1;
}

.flexy-header .hero-content {
  opacity: 0;
  height: 0;
  transition: all 3s ease, opacity 0.5s ease;
}

/* DASHBOARD */

#dash .card-body,
.configs .card-body,
#novo-cadastro .card-body,
.new_cadastro .card-body,
#formulario_filtro {
  background: #f5f6fa;
}

.filtro_realizados li {
  min-width: 8em;
  margin-left: 0.3em;
}

.filtro_realizados li,
.filtro_realizados li label {
}

.filtro_realizados li label {
  padding-left: 25px;
}

/* Ranking usuarios */

#desempenho th {
  padding: 0;
}

#desempenho th i {
  color: #4daaf1;
}

table#desempenho #lista tr td {
  padding: 0.5em;
  text-align: center;
}

#lista img {
  width: 2em;
  height: 2em;
}

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

/* numeros usuarios */

#numeros li.num_item {
  float: left;
  display: inline-block;
  width: 33%;
  border-left: 1px solid #ddd;
  padding-left: 1em;
}

#numeros li.num_item:first-child,
#numeros li.num_item:nth-child(0n + 5) {
  border-left: none;
}

/* #numeros li.num_item:nth-child(-n+4){margin-bottom:2em;} */

#numeros h2 {
  font-size: 1.3em;
}

#numeros.card-body {
  padding-top: 1em;
}

#numeros li.num_item li {
  margin-top: 1em;
}

#numeros li.num_item li:last-child {
  margin-bottom: 1em;
}

#numeros li.num_item p {
  font-size: 0.8em;
  line-height: 1.1em;
  color: #6d6d6d;
  margin: 0.9em 0 0 0;
  display: inline-block;
}

#numeros li.num_item i {
  font-size: 1em;
  position: relative;
  top: 0.1em;
  color: #4daaf1;
}

#numeros li.num_item h3 {
  padding: 0;
  float: left;
  margin-right: 0.3em;
  font-size: 1.5em;
}

/* Abas */

.classic-tabs li a {
  color: #333;
}

.classic-tabs li a.active {
  color: #3fa9f5;
}

.classic-tabs li:first-child {
  margin-left: 0;
}

/* .nav.classic-tabs{border-bottom: 1px solid #ddd;} */

/* Opcoes de menu das páginas */

/* Nova oportunidade */

#formulario_oportunidade fieldset {
  border-top: 1px solid #ddd;
  margin-bottom: 1em;
}

#formulario_oportunidade fieldset:first-child {
  border-top: none;
}

#formulario_oportunidade .badge-success {
  padding: 0.1em 0.5em;
}

.head_cads_oport h5 {
  line-height: 2em;
}

.head_cads_oport i {
  color: #3fa9f5;
  position: relative;
  top: 0.2em;
}

#fase_etapa .pino {
  width: 0.4em;
  height: 10px;
  background: #ddd;
  margin-right: 0.2em;
  display: inline-block;
}

#fase_etapa .pino:last-child {
  margin-right: 0;
}

#fase_etapa .pino_ativo {
  height: 20px;
  background: #4daaf1;
}

#fase_etapa .pino_preenchido {
  background: #134e92;
}

ul li.ui-menu-item a.ui-menu-item-wrapper {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 1em 0.5em;
  font-size: 0.9em;
}

ul li.ui-menu-item a.ui-menu-item-wrapper:hover {
  background: #f2f2f2;
  color: #333;
  border-color: #ccc;
}

ul li.ui-menu-item a.ui-menu-item-wrapper span {
  font-size: 0.8em;
  line-height: 1.2em;
  display: block;
  color: #929292;
}

.item_lista li.box span.conquistado {
  display: inline-block;
  color: #2bcc34;
  margin-top: 3px;
}

.item_lista li a.btn {
  padding: 1em;
}

.valor_oport span {
  display: block;
  text-align: right;
}

/* CLIENTES */

img.avatar_vendedor {
  width: 20px;
  float: left;
  display: block;
  margin-right: 0.5em;
  border-radius: 100px;
}

.nome_cliente,
.col-cliente {
  display: block; /* Faz o <li> ser um bloco */
  width: 100%; /* Ocupará toda a largura do contêiner pai */
  max-width: 100%; /* Limita a largura ao tamanho do contêiner */
  overflow: hidden; /* Esconde o conteúdo que ultrapassar a largura */
}

.ver-historico,
.bloco {
  display: block; /* Permite que os spans fiquem em linhas separadas */
  width: 100%;
}

.cliente-elipsis {
  display: block; /* Cada span ficará em uma linha separada */
  white-space: nowrap; /* Evita que o texto quebre em múltiplas linhas */
  overflow: hidden; /* Esconde o texto que ultrapassa o limite */
  text-overflow: ellipsis; /* Aplica as reticências quando necessário */
  width: 100%; /* Ocupa toda a largura disponível */
  max-width: 100%;
}

/* .nome_cliente {
  font-size: 11px;
  line-height: 1.2em;
  width: 200px;
}

.cliente-elipsis {
  display: inline-block;
  max-width: 36ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} */

/* p.nome_cliente a {
    display: block;
    color: #333;
} */

/* p.nome_cliente a:hover {
    color: #134e92;
} */

/* p.nome_cliente span {
    color: #9e9e9e;
    display: inline-block;
    padding-top: 0.5em;
} */

/* .nome_cliente a {
    white-space: nowrap;
    width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
} */

/* .nome_cliente a > span {
  display: block;
  width: 100%;
} */

/* .fantasia_item_principal{white-space: nowrap;  width: 200px; display: block; overflow: hidden; text-overflow: ellipsis;} */

.dados_cliente {
  overflow: hidden;
  padding: 0.5em;
  background: #f2f2f2;
}

.compartilhamento .form-group {
  margin-right: 1em;
}

#lista-pessoas a {
  display: block;
}

.contato_cliente span i {
  float: left;
  display: inline-block;
  font-size: 1.2em;
  padding-right: 0.7em;
  line-height: 1.4em;
  color: #2eafea;
}

.contato_cliente span {
  display: block;
  width: 100%;
  float: left;
}

.opcoes a {
  padding: 0.3em 0.5em !important;
  display: flex;
  align-items: center;
}

.opcoes a span {
  float: left;
  font-size: 1.5em;
}

.opcoes a i {
  font-size: 1.2em;
  padding: 0.2em;
  margin-right: 0.3em;
}

#CamposConsulta {
  overflow: auto;
}

/* .valor{font-size: 11px; color: #666; float: left; margin-right: 4px; margin-bottom: 0; line-height: 25px;} */

.status_grade {
  display: inline-block;
  float: right;
}

/*.status_grade i{border-radius: 50px; float: right; display: block; margin-left: 0.4em; width: 1.8em; text-align: center; padding: 0.1em 0.3em; background: #f9f9f9; border:1px solid #ccc;}*/

.status_grade i {
  font-size: 1.5em;
  position: relative;
  top: 5px;
}

.status_grade i.ion-ios-flame {
  color: red;
  font-size: 1.2em;
  top: 3px;
}

.status_grade i.ion-ios-snowy {
  color: blue;
}

.status_grade i.ion-ios-partlysunny {
  color: #9d9d9d;
}

.busca {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.busca a.btn {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.busca a.btn i {
  padding: 0 0.5em;
  font-size: 1.5em;
}

.busca .btn-group {
  margin-left: 1em;
}

.tag_card {
  margin: 0 0 0 1em;
}

input[type="checkbox"]#ver_tags {
  position: inherit;
  left: 0;
}

/* .valor{font-size: 11px; color: #666; margin-bottom: 0; line-height: 25px;} */

.temp {
  display: inline-block;
  float: right;
  font-size: 0.7em;
}

/*.status_grade i{border-radius: 50px; float: right; display: block; margin-left: 0.4em; width: 1.8em; text-align: center; padding: 0.1em 0.3em; background: #f9f9f9; border:1px solid #ccc;}*/

.temp i {
  font-size: 1.8em;
  line-height: 1em;
  float: right;
  display: inline-block;
}

.temp i.ion-ios-flame {
  color: red;
  font-size: 1.2em;
  top: 3px;
}

.temp i.ion-ios-snowy {
  color: blue;
}

.temp i.ion-ios-partlysunny {
  color: #9d9d9d;
}

#tit_oport {
  padding: 1em;
  float: left;
  width: 100%;
}

/* historico */

#historico .card {
  background: #f5f6fa;
}

.infos_box_hist {
  margin: 0 0 0.5em 0;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  font-size: 0.9em;
}

.infos_box_hist p {
  margin: 0;
}

.infos_box_hist li {
  float: left;
  font-size: 0.9em;
  display: inline-block;
  border-left: 1px solid #ccc;
}

.infos_box_hist li:first-child {
  padding-left: 0;
  border-left: 0;
}

.infos_box_hist .status {
  margin: 0;
  color: #000;
}

.infos_box_hist .tipo {
  line-height: 2em;
  text-transform: capitalize;
}

.infos_box_hist p.responsavel {
  margin-left: 1em;
  line-height: 2em;
  border-left: 1px solid #ddd;
  padding-left: 1em;
}

.infos_box_hist .meio_contato {
  line-height: 2em;
}

p.btn_edit_excluir {
  border-left: 1px solid #ddd;
  padding-left: 0.5em;
  margin-left: 0.5em;
}

p.btn_edit_excluir a {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  padding-top: 0.3em;
  border-radius: 3px;
  position: relative;
}

p.btn_edit_excluir a i {
  font-size: 1.2em;
  color: #797979;
}

p.btn_edit_excluir a:hover {
  background: #fff;
}

p.btn_edit_excluir a.editar:hover i {
  color: #00c851;
}

p.btn_edit_excluir a.excluir:hover i {
  color: #dd1300;
}

a.btn-finalizar-atividade {
  float: left;
  display: inline-flex;
  padding: 0.3em 0.6em;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 0.9em;
}

a.btn-finalizar-atividade i {
  font-size: 1.2em;
  padding-right: 0.2em;
  color: #797979;
}

a.btn-finalizar-atividade:hover,
a.btn-finalizar-atividade:hover i {
  color: #fff;
  background: #00c851;
}

h3.sub_tit {
  margin: 2em 2.5em;
  font-size: 1em;
}

.status-timeline {
  line-height: 2em;
  margin-left: 1em;
}

.card_empresa {
  margin-top: 1em;
}

.card_empresa ul {
  margin-left: 0;
}

.card_empresa li img {
  border-radius: 50px;
  float: left;
  display: block;
  margin-right: 0.5em;
}

.card_empresa li .nome_empresa {
  float: left;
}

.card_empresa li .nome_empresa h4 {
  margin: 0;
}

.card_empresa p {
  margin: 0;
  padding-bottom: 5px;
}

.card_empresa li {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  margin-top: 1em;
}

.card_empresa li:first-child {
  border-left: 0;
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
  padding-bottom: 1em;
}

.card_empresa li h6 {
  padding-bottom: 1em;
}

.lista_item {
  margin-top: 0.5em;
  margin-bottom: 0;
  float: left;
}

.lista_item span,
.info_opt span {
  font-size: 0.8em;
  color: #004c95;
  margin-bottom: 0.5em;
  display: inline-block;
  line-height: 0.7em;
}

.lista_item li {
  padding-top: 0.7em;
}

.lista_item i {
  font-size: 0.8em;
}

.card_empresa .seg {
  color: #808080;
  font-size: 0.8em;
}

.info_cliente {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}

.info_cliente h4 {
  margin: 0;
  line-height: 1.7em;
}

.info_cliente button.btn {
  border-radius: 0;
}

.info_cliente li {
  padding-left: 1em;
}

.info_cliente button.btn-success {
  background: #15bd1f;
}

.info_cliente button.btn-success:hover {
  background: #11a71a;
}

.info_cliente button.btn-danger {
  background: #ea0000;
}

.info_cliente button.btn-danger:hover {
  background: #be0000;
}

.info_cliente button.btn-info {
  background: #009bea;
}

.info_cliente button.btn-info:hover {
  background: #0088ce;
}

a.chip:hover {
  background: #134e92;
  color: #fff !important;
}

.aviso {
  font-size: 13px;
  color: #595959;
}

.aviso i {
  font-size: 15px;
  color: #ff0000;
  vertical-align: middle;
}

/* cadastro cliente */

.novo-cadastro {
  float: left;
  width: 100%;
}

.new_cadastro {
  display: block;
  /* margin-top: 2em; */
}

.new_cadastro .card {
  margin-bottom: 1em;
}

.new_cadastro label {
  font-size: 0.8em;
  margin: 0;
}

.card .header h4,
#formulario h4 {
  color: #000;
  margin-bottom: 0;
}

.fechar_acao {
  border: none;
  cursor: pointer;
  padding: 0.3em;
  line-height: 0;
  background: #fff;
}

.fechar_acao i {
  font-size: 1.4em;
}

.btn-salvar {
  margin-top: 1.9em;
}

.time-reply {
  cursor: pointer;
}

button#deletar,
button#desativar,
#ativar {
  padding: 0.8em 2em;
}

#deletar i,
#desativar i,
#ativar i {
  font-size: 1.5em;
  vertical-align: middle;
}

.tabs-wrapper {
  border-bottom: 1px solid #ddd;
}

.novo-cadastro .classic-tabs {
  float: left;
  display: flex;
}

.novo-cadastro .tabs-wrapper button {
  margin: 1em;
  display: inline-block;
  width: auto;
  height: auto;
  line-height: 1.7em;
}

.lista-usuarios-compartilhados {
  margin-top: 1em;
}

.lista-usuarios-compartilhados label {
  font-size: 1em;
}

.novo-cadastro .card .card-head {
  padding: 1em;
}

.novo-cadastro .card .card-head p {
  font-size: 0.9em;
  margin-bottom: 0;
}

.btn.btn-dica {
  margin: 0 1em 0 0;
  padding: 0.35rem 1.6em;
}

.btn-dica i {
  font-size: 1.4em;
}

/* #contatos_cadast h5{border-top: 1px solid #ddd; margin-top: 1em;} */

#graficos div .grafico {
  background: #fff;
}

.pesquisa_personalizados {
  margin-bottom: 1em;
}

#personalizados_clientes #form_busca,
#personalizados_oportunidades #form_busca {
  margin-top: 1em;
}

#lista-campos-personalizados-cliente i,
#lista-campos-personalizados-oportunidade i,
#lista-campos-personalizados-produto i {
  font-size: 1.5em;
}

#graficos {
  display: flex;
  flex-wrap: wrap;
  background: #f5f6fa;
}

.box_graficos {
  display: flex;
  margin: 0.5em;
}

.box-btn {
  margin: 1em 0 0 0;
  float: left;
  display: block;
}

.label_periodo {
  top: -0.8em !important;
}

#lista_oportunidade > .nova_lista {
  width: 100%;
}

#tarefas.nova_lista {
  position: relative;
  margin-top: 0px;
}

.modal-body .lista_tarefas .head-lista {
  font-weight: 600;
  background: #f5f6fa;
}

.modal-body .lista_tarefas .head-lista,
.modal-body .lista_tarefas .body-lista ul {
  display: grid;
  grid-template-columns: 4.3fr 4.3fr 3fr 3fr 2fr 1.5fr 1fr;
}

.modal-body .lista_tarefas .body-lista ul:hover {
  background: #f5f6fa;
}

.modal-body .lista_tarefas .head-lista li,
.modal-body .lista_tarefas .body-lista ul li {
  padding: 0.5em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.modal-body .lista_tarefas .head-lista li.desc-tarefa,
.modal-body .lista_tarefas .body-lista ul li.desc-tarefa {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#modal_ver_tarefas .modal-body,
#modal_ver_tarefas .modal-header {
  background: #f5f6fa !important;
}

.modal-body .lista_tarefas {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  height: 20em;
  max-height: 25em;
  overflow: auto;
}

.nova_lista {
  margin-bottom: 1em;
  width: auto;
}

.nova_lista .header_lista_principal td.box,
.nova_lista .body_lista td.box {
  padding: 1%;
  float: left;
  box-sizing: border-box;
}

.nova_lista .header_lista li.box,
.nova_lista .body_lista li.box {
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}

.nova_lista .header_lista li.box {
  padding: 0.5em 0 0.5em 1em;
}

.nova_lista .body_lista,
.nova_lista .body_lista .item_lista {
  float: left;
  width: 100%;
}

.nova_lista .body_lista .item_lista,
.nova_lista .header_lista {
  border-left: 1px solid #f5f6fa;
  border-right: 1px solid #f5f6fa;
  border-bottom: 1px solid #f5f6fa;
  display: grid;
  align-items: center;
  grid-template-columns: 2.5em 3fr 3fr 2fr 50px;
}

.item_lista li span.chip {
  color: #fff;
  font-size: 0.9em;
}

#lista_oportunidade .item_lista .opcoes {
  justify-content: flex-end;
  width: 3em;
}

/* .box_check{
   width: 30px;
} */

li a.btn,
li.opcoes button.btn,
td a.btn,
.opcoes td button.btn {
  box-shadow: none;
  padding: 0;
  background: transparent;
}

.opcoes a.btn i,
.opcoes button.btn i,
.card_grade button.btn i,
td a.btn i,
td button.btn i {
  color: #666;
  font-size: 1.4em;
  padding: 0.3em;
  margin: 0;
}

.carregaHtmlTabelaTotalVoice button i {
  color: #fff;
  padding: 0 0.5em 0 0;
}

.card_grade button.btn {
  padding: 0;
}

.cash {
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dotted #ddd;
}

.valor i {
  color: #009bea;
  font-size: 15px;
  margin-left: 0.5em;
}

.nova_lista .body_lista .item_lista:hover {
  background: #f5f6fa;
}

.nova_lista .header_lista {
  margin-left: 5px !important;
  width: 100%;
  float: left;
  border-top: 1px solid #f5f6fa;
  margin-top: 1em;
}

.nova_lista .header_lista p {
  display: inline-block;
  margin-right: 0.5em;
}

.nova_lista .header_lista .dropdown {
  position: relative;
  display: inline-block;
}

.nova_lista .header_lista .dropdown button {
  width: 1.7em;
  padding: 0 0.5em;
  background: none;
  border: none;
  cursor: pointer;
}

.nova_lista .header_lista .dropdown button i {
  padding: 0;
  line-height: 0.5em;
  vertical-align: middle;
}

.posicao {
  position: relative;
  top: -3px;
  left: -6px;
}

.dropdown-toggle-none::after {
  display: none;
}

/* .nova_lista .header_lista_principal{width: 100%; float: left; border-bottom: 1px solid #ddd;} */

.nova_lista .header_lista_principal p {
  display: inline-block;
  margin-right: 0.5em;
  float: left;
}

.nova_lista .header_lista_principal .dropdown {
  position: relative;
  display: inline-block;
}

.nova_lista .header_lista_principal .dropdown button {
  width: 1.7em;
  padding: 0 0.5em;
  background: none;
  border: none;
  cursor: pointer;
}

.nova_lista .header_lista_principal .dropdown button i {
  padding: 0;
  line-height: 0.5em;
  vertical-align: middle;
}

.nova_lista .header_lista li.box_check,
.nova_lista .body_lista li.box_check {
  padding: 0 0 0 1em;
}

.nova_lista .header_lista li.box_check,
.nova_lista .header_lista {
  font-size: 0.85em;
}

.nova_lista li .chip {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  box-shadow: none;
  font-size: 11px;
}

.nova_lista li .badge {
  box-shadow: none;
}

.nova_lista li.box_check .form-group {
  margin-bottom: 0;
  height: 20px;
  width: 20px;
}

.nova_lista li.box_check .form-group label {
  height: 20px;
  width: 20px;
  margin-bottom: 0;
}

.nova_lista .header_lista li.box p {
  margin-bottom: 0;
}

.nova_lista .body_lista li.box {
  font-size: 0.8em;
  color: #666;
  display: flex;
  align-items: center;
  padding: 0.5em 0 0.5em 1em;
}

.nova_lista .body_lista li.box.datas {
  flex-direction: column;
}

.nova_lista .body_lista li.box.datas p {
  margin-bottom: 0.3em;
}

.header_lista li {
  padding: 0.4em 0;
}

/* Grade de oportunidades */

/* body.corpo_oport{height: auto;} */

/* body#grade{height: 100%;} */

/* estilo da grade e lista de oportunidades */

/* .board-wrapper{ width: 100%; top: 0; left: 0; bottom: 0; } */

/* .board-main-content{height: 100%; display: flex; flex-direction: column; transition: margin .1s ease-in;} */

.board-header {
  padding: 0 1em;
  margin: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  height: auto;
  overflow: hidden;
  position: relative;
  -webkit-transition: padding 0.1s ease-in;
  transition: padding 0.1s ease-in;
}

.board-header .btn-group {
  padding: 10px 0;
}

.board-canvas {
  position: relative;
  background: #f2f2f2;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
}

.list-wrapper {
  width: 350px;
  height: 100%;
  align-items: stretch;
  margin: 0;
  display: inline-grid;
  vertical-align: top;
  white-space: normal;
}

/* #grade{overflow: hidden;} */

#lista_oport {
  white-space: nowrap;
  margin-bottom: 10px;
  overflow-x: auto;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* #grade_oport{ margin-bottom: 10px; overflow-x: scroll; overflow-y: hidden; height:100%; flex-wrap: wrap; top: 0; right: 0; bottom: 0; left: 0; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff;} */

#lista_tarefas tr td {
  background: #fff;
}

#lista_tarefas button {
  float: left;
  padding: 0.8em;
}

#lista_tarefas button i {
  font-size: 1.3em;
}

.edit-etapa {
  float: left;
  border: none;
  color: #ccc;
}

.ordem {
  text-align: center;
}

.ordem i {
  color: #ccc;
  cursor: move;
}

#grade_oport {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
  top: 0 !important;
  right: 0;
  bottom: 0;
  left: 0 !important;
  background: #f5f6fa;
  height: calc(100vh - 165px);
}

.box_tags {
  padding: 0.5em;
  /* background: #f5f6fa; */
}

.list-header {
  border-bottom: 1px solid #ccc;
  padding: 0.2em;
}

.list-header h4 {
  margin: 0;
  font-size: 0.9em;
  font-weight: 800;
  margin-left: 1em;
  display: block;
  line-height: 2em;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
}

.qtd_val {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 0.9em;
}

.qtd_val span {
  padding: 0 0.8em 0 0.2em;
}

.qtd_val i {
  color: #009bea;
  font-size: 0.9em;
  vertical-align: middle;
}

.list {
  border-radius: 3px;
  box-sizing: border-box;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.list-card {
  background: #fff;
  margin: 0.3em 0.2em;
  border: 1px solid #e4e4e4;
  padding: 0.4em;
}

.list-cards {
  /*overflow-y: auto; overflow-x: hidden; position: relative;
    top: 0;
    min-height: 100vh;*/
}

p {
  word-wrap: break-word;
}

#aviso_lido {
  display: none;
}

.titulo_etapa {
  border-bottom: 1px solid #dbdbdb;
  z-index: 50;
}

/* #btn_anexo{margin-top: 10px} */

.sub_titulo {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #f2f2f2;
}

.tit_etapa {
  background-color: #ebebeb;
  background-image: url("../img/seta.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tit_etapa .badge {
  height: 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  color: #191919;
}

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

.js-list:first-child .tit_etapa {
  background-image: none;
}

.etapas {
  position: relative;
  z-index: 10;
}

/*.etapas .coluna{min-height: 100%;}*/

.etapas .coluna {
  width: 20%;
  background: #f7f7f7;
  float: left;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

/*.etapas .coluna:first-child{border-left: 1px solid #E0E0E0;}*/

.opcoes_etapa button {
  background: none;
  border: none;
  padding: 0;
  color: #fff;
}

#atividade,
#atendimento {
}

.content_atendi span i {
  color: #2eafea;
  margin-right: 0.3em;
}

/* paginacao */

#paginacao {
  background: #f5f6fa;
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#seta-paginacao {
  margin-left: 20px;
}

#seta-paginacao a {
  /* width:50px; height:50px; */
  border-left: 1px solid #dbdbdb;
  float: left;
  text-align: center;
  /* line-height:50px; */
  color: #990000;
}

#seta-paginacao a:hover {
  text-decoration: none;
  background: #d8d8d8;
  border-color: #c4c4c4;
}

.paginacao-numero {
  display: inline-block;
}

.paginacao-numero input {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.paginacao-numero .numero-pag {
  width: 40px;
  background: #fff;
  text-align: center;
  margin-right: 0.8em;
}

.qtd-pag {
  color: #999;
  padding: 0.7em 1em;
  background: #fff;
  margin-left: 0.9em;
}

.total {
  margin-bottom: 0;
}

#form_pesquisa button.btn {
  margin: 0 !important;
}

#form_pesquisa .md-form {
  margin-bottom: 0.5em;
}

/* #form_pesquisa .md-form.form-sm input{line-height: 1.5em;} */

/*AGENDA*/

#calendario_selecionado {
  margin-top: 1em;
}

#descricao_calendario {
  margin-bottom: 1em;
}

#authorize-button {
  margin: 1em 0;
}

.msg_alteracao {
  color: #f50007;
  font-size: 0.8em;
  line-height: 1.5em;
  vertical-align: middle;
}

.msg_alteracao i {
  float: left;
  font-size: 1.5em;
  margin-right: 0.5em;
}

.lista_agenda a i {
  margin-right: 0.3em;
  font-size: 12px;
  vertical-align: middle;
}

#div_meudia header h4 {
  display: inline-block;
  float: left;
}

#div_meudia header .trocar_calendario {
  display: inline-block;
  float: right;
}

#div_meudia header .trocar_calendario p {
  float: left;
  margin: 0;
}

#div_meudia p {
  margin-bottom: 0;
  padding: 1em;
}

.list_agenda {
  width: 100%;
  /*height: 15.5em;*/
  overflow-y: auto;
  float: left;
  margin: 0 auto;
  padding-left: 10px;
  border-radius: 5px;
}

.list_agenda a {
  font-size: 0.7em;
  color: #000;
}

#div_meudia .list_agenda li {
  display: block;
  float: left;
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #ccc;
  height: auto;
  text-transform: capitalize;
}

#div_meudia .list_agenda li:first-child {
  border-top: 1px dotted #ccc;
}

.infos_agenda {
  padding: 5px;
}

.desc_agenda {
  border-bottom: 1px dotted #bbb;
  color: #7c7c7c;
}

#div_meudia .list_agenda li:hover {
  background-color: #f0f0f0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

#div_meudia .list_agenda li.compromisso_ok,
#div_meudia .list_agenda li.compromisso_ok:hover {
  background: #ddeede;
}

#div_meudia .list_agenda li.compromisso_ok i.ion-checkmark {
  color: #01c100;
}

#div_meudia .lines {
  border-left: 1px solid #ffaa9f;
  border-right: 1px solid #ffaa9f;
  width: 2px;
  float: left;
  height: 320px;
  margin-left: 40px;
}

.opcoes_agenda {
  display: inline-block;
  float: right;
}

.opcoes_agenda i.ion-calendar {
  color: #333;
}

.opcoes_agenda i {
  display: inline-block;
  width: 1.4em;
  padding: 0.2em;
  font-size: 1.2em;
  color: #ccc;
  text-align: center;
  border-radius: 3px;
}

.opcoes_agenda i:hover {
  background: #fff;
  color: #01c100;
  cursor: pointer;
}

.opcoes_agenda i.ion-calendar:hover {
  color: #3fa9f5;
}

.opcoes_agenda i.tip_agenda:hover {
  color: #4daaf1;
}

.infos_agenda p {
  display: inline-block;
  margin: 0 0.5em 0 0;
  color: #666;
}

.infos_agenda h6 {
  font-size: large;
}

.list_agenda p strong {
  color: #333;
}

.list_agenda i.clock {
  font-size: 0.8em;
  margin-right: 0.3em;
  color: #3fa9f5;
  vertical-align: middle;
}

.pag_agenda .list_agenda {
  overflow-y: none;
  height: 100%;
}

#div_meudia li.tit_dia {
  background: #f2f2f2;
  border-left: 4px solid #2ca6e1;
  padding-left: 0.5em;
}

/* CRM */

.crm {
  position: relative;
}

#menu_crm {
  float: left;
  transition: all 0.1s linear;
}

/* #menu_crm a{}
#menu_crm a:hover, #menu_crm a.ativo{background: #FAFAFA; color:#004C95;}
#menu_crm a span, #menu_crm .btn_crm span{ display: inline-block; margin-left: 1em;} */

#menu_crm ul {
  margin-bottom: 0;
  margin-left: 0;
}

#menu_crm ul li {
  float: left;
}

/* .menu-fixo { position: fixed!important; top: 0;} */

.dados_config {
  padding-left: 17em;
  /* margin-top: 1em; */
  transition: all 0.1s linear;
}

.dados_config .nav-tabs {
  display: flex;
}

#menu_crm .btn_crm {
  background: #004c95;
  color: #fff;
  padding: 1em 1.2em;
}

#menu_crm .btn_crm:hover,
#menu_crm .btn_crm i:hover {
  background: #0a963f;
  color: #fff;
}

#menu_crm .btn_crm i {
  color: #fff;
}

#menu_crm .btn_crm button {
  background: none;
  border: 0;
  padding: 0;
  font-size: 1.5em;
}

.config_oport label.pergunta {
  color: #666;
  font-size: 0.9em;
}

#cores span {
  padding: 0.6em 1em;
  border-radius: 3px;
  margin-right: 1em;
}

.box_oport h5 {
  margin: 1em 0;
}

.box_oport {
  border-top: 1px solid #ccc;
  padding-bottom: 1em;
  margin: 1em;
}

h4.head {
  border: 1px solid #d7d7d7;
  margin: 0;
  padding: 0.6em 1em;
  font-weight: 100;
}

h4.head i {
  color: #3fa9f5;
  padding-right: 0.5em;
  font-size: 0.8em;
}

.funil-vendas {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 1em;
  /* border: 1px solid #d7d7d7; */
}

.funil-vendas h4.head {
  border: 0;
  padding: 0 0 0.5em 0;
  margin: 0.5em 0.5em 0 0.5em;
  border-bottom: 1px solid #d7d7d7;
}

.abas-oport {
  margin-bottom: 1em;
}

.funil-vendas,
.abas-oport {
  overflow: hidden;
  width: auto;
}

.box_funil {
  /* display: flex; */
  white-space: nowrap;
  /* overflow-x: scroll; */
  /* overflow-y: hidden; */
  /* height: calc(100vh - 290px); */
  padding-left: 1em;
  position: relative;
}

.box_funil::before {
  content: "";
  height: 100%;
  width: 3px;
  background: #007bff;
  position: absolute;
}

.box_funil ul.item_lista::before {
  content: "";
  height: 1em;
  width: 1em;
  border-radius: 50px;
  background: #007bff;
  position: absolute;
  top: 1.3em;
  left: -2.4em;
}

#formulario_funil [type="radio"] + label {
  padding-left: 25px;
}

.box_funil #etapas_add {
  margin: 0.5em 1em 1em 1em;
}

.box_funil #etapas_add .card-body {
  margin: 0 1em 1em 1em;
}

#etapas_add .header p {
  font-size: 13px;
  color: #333;
  margin-bottom: 0;
}

.box_funil li.box_check .btn {
  padding: 1em;
  background: #007bff;
  color: #fff;
}

.meu-funil h6 {
  margin-bottom: 0;
}

.meu-funil button.btn-opcoes {
  background: transparent;
  padding: 0.5em 1em;
}

.meu-funil button.btn-opcoes i {
  color: #333;
}

a.estado_inativo,
a.estado_inativo .uil-minus-square {
  color: #be0000 !important;
}

a.estado_ativo,
a.estado_ativo .uil-check-square {
  color: #43bd1e !important;
}

.steps-content {
  /* height: calc(100vh - 230px); */
}

.novo_funil .cont_geral {
  height: calc(100vh - 140px);
}

.wizard > .actions {
}

.box_funil ul li ul {
  padding: 0.5em;
}

.box_funil ul li a:hover {
  color: #000;
}

.box_funil > ul {
  border-radius: 6px;
  background: #f2f2f2;
  margin: 1em 0 1em 2em;
  min-width: 15em;
  cursor: grab;
}

.box_funil > ul.bg_inativo {
  background: lavenderblush;
}

ul.item_lista {
  margin-top: 0;
}

ul.item_lista:last-child {
  margin-bottom: 0;
}

.box_funil > ul:hover {
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.1);
  background: #f5f6fa;
}

.box_funil > ul li.box {
  padding: 1em;
  white-space: normal;
}

.box_funil span.tag_id {
  font-size: 12px;
}

.box_funil > ul li.box_check {
  display: flex;
  align-items: center;
}

.box_funil > ul li.box_check .form-check-label {
  margin-right: 0.5em;
}

/* NOVO LAYOUT FUNIL */
.funil-grafico .badge {
  border-radius: 50px;
}

.qtd-etapas,
.fase-etapas li ul,
.n_total,
.resultado {
  display: flex;
  justify-content: center;
  text-align: center;
}

.qtd-etapas li {
  padding: 1em;
}

.qtd-etapas li span {
  width: 1.2em;
  height: 1.2em;
}

.qtd-etapas li span p {
  overflow: hidden;
  left: -3em;
  position: relative;
}

.fase-etapas {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fase-etapas li ul {
  /* background: #f5f6fa; */
  padding: 1em;
  border-radius: 0 0 30px 30px;
  border: 1px solid #f2f2f2;
  border-top: 0;
  align-items: center;
  justify-content: space-around;
  padding: 0.5em 1em;
}

.fase-etapas li:first-child ul {
  border-top: 1px solid #f2f2f2;
}

.fase-etapas > li:first-child {
  width: 100%;
}

.fase-etapas > li:last-child {
  width: 55%;
}

.fase-etapas li ul li {
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 4em;
  max-width: 100%;
}

.fase-etapas li ul li.num {
  padding: 0;
}

.fase-etapas li ul li.num div.badge {
  padding: 0.8em 1em;
  font-size: 0.8em;
}

.n_total li {
  padding: 1em;
  margin-top: 1em;
  border-radius: 50px;
  font-size: 1.5em;
}

.resultado li {
  padding: 1em;
}

.resultado p {
  font-size: 22px;
}

.resultado span {
  color: #3797ef;
  font-size: 0.9em;
}

.pctgm {
  position: relative;
  top: 35px;
}

/* fim novo funil */

.arrastar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(231, 231, 231);
}

/* scroll personalizado */

.list-cards::-webkit-scrollbar {
  width: 5px;
}

/* Track */

.list-cards::-webkit-scrollbar-track {
  background: #ededed;
}

/* Handle */

.list-cards::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */

.list-cards::-webkit-scrollbar-thumb:hover {
  background: rgb(192, 192, 192);
}

/* fim scroll personalizado */

.abas-oport .tab-content input,
.abas-oport .tab-content textarea,
#atividade input,
#atividade textarea {
  background: #fff;
}

.abas-oport .tab-content .pe {
  float: right;
}

.caixa {
  float: left;
  width: 100%;
  background: #fff none repeat scroll 0 0;
  padding: 8px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

/*#btn_salvar_funil{margin-top: 2.5em;}*/

/* #funil_etapas_container{padding-bottom: 1em;} */

ul.visu_oport {
  margin: 0;
  max-height: 600px;
  overflow-x: auto;
  border-bottom: 1px solid #ddd;
}

ul.visu_oport li {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 0.7em;
}

ul.visu_oport li:last-child {
  border-bottom: 0;
}

ul.visu_oport li:hover {
  background: #faf9f9;
}

ul.visu_oport li.selecionado {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

ul.visu_oport li a {
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 0.5em;
}

ul.visu_oport li span {
  font-size: 0.8em;
  display: inline-block;
  padding-top: 0.5em;
}

ul.visu_oport .tit_outra {
  width: 80%;
  float: left;
}

ul.visu_oport .quant {
  width: 20%;
}

/* #funil_etapas_container .area_etapa:after {
    content: "";
    border-top: 23px solid transparent;
    border-left: 15px solid #2eafea;
    border-bottom: 23px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
} */

.vazio {
  text-indent: -999px;
  overflow: hidden;
}

#add_info {
  margin-bottom: 1em;
  border-bottom: 1px solid #d7d7d7;
}

#add_info nav.dois {
  background: #fff;
  border-top: 1px solid #ddd;
}

#add_info nav.dois ul li:first-child {
  padding: 0;
}

#add_info .cbp_tmtimeline {
  margin: 0;
  background: #efefef;
}

#add_info .cbp_tmtimeline li {
  width: 100%;
  padding: 1em;
}

#add_info .cbp_tmtimeline::before {
  width: 0;
}

.usuario {
  font-size: 11px;
}

.usuario > ul > li {
  float: left;
  margin: 0 1em;
}

#avatar-usuario {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  float: left;
}

#formulario_usuario .row {
  margin-bottom: 2em;
}

#formulario_usuario .row:last-child {
  margin-bottom: 0em;
}

/* EQUIPE */

.add_equipe .column {
  background: #f2f2f2;
  width: 100%;
  float: left;
  padding: 20px;
  background: #f9f9f9;
  vertical-align: top;
  border: 1px solid #ddd;
}

.add_equipe .area {
  margin: 0.5em;
  display: inline-flex;
  width: 16em;
  height: auto;
  line-height: normal;
  align-items: center;
}

.add_equipe .box-content {
  padding: 0.4em;
}

.add_equipe .ui-widget-content {
  border: 1px solid #ccc;
}

.add_equipe .ui-sortable-placeholder {
  border: 1px dotted grey;
  visibility: visible !important;
  /*height: 50px !important;*/
}

.add_equipe .ui-sortable-placeholder * {
  visibility: hidden;
}

.add_equipe .list-cards {
  min-height: 85px;
}

.add_equipe .row h5 {
  margin-bottom: 0.5em;
}

.div-equipes .select-wrapper span.caret {
  top: 15px;
}

.permissao .w-100 {
  margin: 0.5em 0 0 0;
}

.eq-editar i,
.eq-deletar i {
  font-size: 1.5em;
}

/* .obs{font-size: 0.8em; color: #7F7F7F; line-height: 2em;} */

.obs i {
  float: left;
  margin-right: 0.5em;
}

.area_dropdawn {
  /* background: #f2f2f2; */
}

.area_dropdawn .row:first-child {
  margin-bottom: 1em;
}

/* FUNIL */

.card-head {
  background: #f2f2f2;
}

.etapas {
  border-top: 1px solid #ddd;
  margin-top: 1em;
  padding: 1em 0;
}

#formulario_etapa {
  margin-bottom: 1em;
}

.cor_status {
  font-size: 0.8em;
}

.cor_status .badge {
  font-size: 0.8em;
  line-height: 11px;
  border-radius: 5px;
  font-weight: 700;
}

.titulo_etapa h4 {
  padding: 1.1em 1.5em 0.3em 1.1em;
}

.titulo_etapa_qtde,
.titulo_etapa_valor {
  font-size: 0.8em;
}

.oportunidade {
  background: #fff;
  border-radius: 5px;
  margin: 0.5em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: grab;
}

.situacao {
  padding: 0 0.5em;
  display: flex;
  align-items: center;
}

.situacao .icon-thumbs-down {
  color: #ca0000;
}

.situacao .icon-thumbs-up {
  color: #00ad02;
}

.oportunidade.ui-widget-content {
  background: #fff;
  border-bottom: none;
  border-right: none;
}

.label {
  line-height: 15px;
  font-weight: 300;
  text-shadow: none;
  padding: 0.3em 0.7em;
  border-radius: 2px;
}

.descricao {
  margin: 0 !important;
}

.descricao a {
  padding: 0.7em 0.7em 0 0.7em;
  margin: 0;
  font-size: 0.7em;
  display: block;
  font-weight: 600;
  color: #004c95;
}

.dados_oport {
  padding: 0.3em 0;
  margin: 0 0.5em;
  border-bottom: 1px dotted #ddd;
  overflow: auto;
}

.dados_oport span.label {
  font-size: 0.6em;
}

.dados_data_cadastro span {
  font-size: 0.7em;
}

.usuario_aten {
  font-size: 0.7em;
  text-align: right;
  text-align: right;
}

.cliente_aten {
  text-transform: lowercase;
  font-size: 0.7em;
  margin-bottom: 0;
  white-space: nowrap;
  width: 20em;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.oportunidade p.valor {
  font-size: 13px;
  font-weight: bold;
  color: #666;
  display: flex;
  margin: 0 0 0 0.5em;
  line-height: 21px;
}

.btn.btn-sm.btn-add {
  padding: 0.8em 1.1em;
}

.btn-add i {
  font-size: 1.5em;
  margin-right: 0.3em;
  float: left;
}

.column {
  height: calc(100vh - 260px);
  background: #f5f6fa;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  width: 354px;
  overflow-y: auto;
  overflow-x: hidden;
}

#etapas_add #funil_etapas_container {
  display: flex;
  overflow-y: auto;
}

.box-header {
  margin: 0.3em;
  padding-bottom: 4px;
  padding-left: 0.2em;
}

.box-header .ui-icon {
  float: right;
}

.box-content {
  padding: 0.4em;
}

.ui-widget-content {
  border: none;
}

.ui-widget-content {
  border-bottom: 1px solid #ccc;
}

.ui-sortable-placeholder {
  border: 1px dotted grey;
  visibility: visible !important;
  height: 50px !important;
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

.portlet-content {
  padding: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.portlet-content p {
  margin-bottom: 0;
  align-items: center;
  white-space: nowrap;
  width: 30%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portlet-content i {
  font-size: 1.4em;
  margin-right: 0.4em;
  color: #009bea;
}

#resp_oportunidade .sub_tit {
  padding-bottom: 0.5em;
}

#resp_oportunidade .sub_tit p {
  margin-bottom: 0;
  font-size: 13px;
  color: #878787;
}

#resp_oportunidade .sub_tit i {
  font-size: 0.8em;
}

.btn_acoes {
  padding: 1em;
  background: #f2f2f2;
}

.btn-nova-interacao {
  font-size: 0.8em;
  line-height: 2em;
  padding: 1em;
}

.btn-editar-funil {
  font-size: 0.8em;
  line-height: 2em;
  padding: 1em;
}

.btn-editar-funil i {
  font-size: 0.9em;
  line-height: 2em;
}

.cont_oport {
  padding: 0.5em 0.5em 0 0.5em !important;
  overflow: overlay;
}

.btn-editar-oportunidade,
.btn-editar-empresa,
.btn-editar-status {
  font-size: 0.8em;
  line-height: 2em;
}

.btn-editar-oportunidade i {
  font-size: 1.4em;
  vertical-align: middle;
  padding-right: 0.5em;
}

#tit_oport span {
  font-size: 0.9em;
  margin-bottom: 0;
}

#tit_oport p {
  margin-bottom: 0;
}

h5.sel_prod {
  margin-bottom: 0 !important;
}

.prod_add {
  margin-top: 2em;
}

.contatos_clientes li {
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0;
}

.contatos_clientes li:last-child {
  border-bottom: none;
}

.contatos_clientes li p {
  font-size: 1em;
  margin-bottom: 0.5em;
}

.contatos_clientes li span {
  font-size: 0.8em;
  display: block;
  color: #8f8f8f;
}

.contatos_clientes li .contatos span {
  display: block;
  margin: 0;
  padding: 0.3em 0;
}

.contatos_clientes li .contatos span i {
  font-size: 1.1em;
  color: #2eafea;
  line-height: 1em;
}

#container_label_situacao {
  font-size: 1em;
  padding: 0.5em;
  vertical-align: middle;
  border-radius: 5px;
}

#container_label_situacao a {
  background: none;
  font-size: 0.8em;
  border: none;
  color: #fff;
  float: right;
}

#container_label_situacao a i {
  font-size: 1.4em;
}

.protocolo_integ {
  margin-bottom: 0;
  line-height: 1em;
  font-size: 1.1em;
  padding: 0.5em;
}

.protocolo_integ span {
  font-size: 0.9em;
  /*color: #fff;*/
  display: inline-block;
}

.protocolo_integ p {
  margin-bottom: 0;
  padding: 0em 0.5em;
  display: inline-block;
  font-size: 0.7em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 78%;
  overflow: hidden;
  vertical-align: middle;
  line-height: 1em;
}

.protocolo_integ img {
  float: left;
}

#icone_situacao {
  vertical-align: middle;
  float: left;
  font-size: 30px;
}

#etapas_add #funil_etapas_container .column {
  width: auto;
}

#etapas_add #funil_etapas_container {
  display: flex;
  height: 100%;
}

/* Relatorios */

#relatorios .card {
  margin-bottom: 1em;
}

#relatorios .card-header {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#relatorios .card-header h4 {
  margin: 0;
}

.info_client_atend {
  padding: 1em 0;
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.info_client_atend p {
  float: left;
  margin: 0;
}

.info_client_atend p:last-child {
  margin-left: 1em;
}

/* #relatorios label{float: left;} */

#lista-metas > tr > td {
  padding: 0;
}

#lista-metas > tr {
  margin-bottom: 0.5em;
  display: grid;
}

.dados_metas div {
  padding: 1em 0 0 0;
  margin-right: 1em;
}

.bg_cinza {
  background: #f5f6fa;
  width: 100%;
  padding: 1em;
}

#dash .card .header_box_dash {
  color: #000;
  padding: 0.5em 0.8em;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

#dash .card .header_box_dash h5 {
  margin-bottom: 0;
  font-size: 0.9rem;
  font-weight: 400;
  color: gray;
}

#dash .card .header_box_dash h4 {
  display: inline-block;
  margin-bottom: 0;
}

#dash .card .header_box_dash select {
  width: 40%;
  float: right;
  margin-bottom: 0;
  height: 2em;
  font-size: 0.8rem;
}

#dash .card {
  margin-bottom: 1em;
}

#dash #desempenho tr {
  line-height: 3.15em;
}

.header_box_dash .form-group {
  overflow: auto;
}

.lista-atendimentos > tr > td {
  padding: 0;
}

.desempenho {
  height: 14.5em;
  overflow-y: auto;
}

.list_metas {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dados_metas {
  width: 100%;
}

.dados_metas p {
  padding: 0;
  margin: 0 1em 0 0;
  display: inline-flex;
}

.margin-check-meta {
  padding: 1em;
}

/* Meu plano */

#meu-plano {
  margin: 1em 0;
}

#dados_meu_plano .card {
  background: #f6f9fb;
}

.infos_plano {
  display: flex;
}

.infos_plano div {
  display: flex;
  flex-direction: column;
  padding: 1em;
  flex-grow: 1;
}

.infos_plano div p {
  font-weight: bold;
}

#dados_meu_plano .tab-content {
  padding: 0;
}

#dados_meu_plano .secao,
#historicodepagamentos {
  padding: 1em;
  border-top: 1px solid #ddd;
}

#dados_meu_plano .secao.plano-total {
  background: #fff;
  border-radius: 5px;
  padding: 1em;
}

#dados_meu_plano .secao:first-child {
  border-top: none;
}

.bloco-campo {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  margin: 0.5em 0;
  padding: 1em 0;
}

.bloco-campo input {
  background: #fff !important;
  margin: 0;
}

.bloco-campo i {
  font-size: 1.6em;
}

.bloco-campo button {
  border-radius: 4px;
  margin-left: 0.2em !important;
  padding: 0.7em 1em;
}

#link_meu_plano .col label {
  font-weight: bold;
}

#link_meu_plano .col p {
  font-size: 0.9em;
  color: #666;
}

#alterar-plano {
  padding: 1em 10em;
  border-top: 1px solid #ddd;
  background: #fafafa;
}

.btn_atual {
  background: #00aeed;
  cursor: default;
}

.secao .icones i {
  font-size: 2em;
  color: #3fa9f5;
  margin-right: 0.5em;
}

.secao .icones,
.secao div .col {
  display: flex;
  align-items: center;
}

.secao .linha {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.secao h4 {
  font-weight: 400;
  font-size: 1em;
  margin-bottom: 0;
}

.secao h5 {
  margin-bottom: 0;
  font-size: 1em;
}

.secao p {
  font-size: 0.9em;
}

.secao select {
  margin-bottom: 0;
}

h5.tit_info_plano i {
  margin-right: 0.5em;
  color: #00aeed;
}

h5.tit_info_plano {
  color: #0273d4;
  margin: 0;
  padding: 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
}

.atual {
  background: #f9f9f9;
  padding: 1em;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 0 1em;
}

.atual h5 {
}

.tipo_plano {
  margin-bottom: 1em;
  padding-top: 1em;
}

.tipo_plano h5 {
  margin-bottom: 0;
  margin-top: 0.5em;
}

.tipo_plano span {
  font-size: 0.7em;
  color: #777;
  margin-bottom: 1em;
  display: block;
}

.tipo_plano p {
  margin: 0.3em 0;
  font-size: 0.7em;
  font-weight: 400;
  color: #666;
}

.tipo_plano hr {
  margin: 0;
}

.tipo_plano strong {
  font-weight: bold;
  color: #000;
}

.contratar {
  margin-top: 1em;
}

.starter {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

div.asterisco {
  border-top: 1px solid #e5e5e5;
  padding-top: 0.5em;
}

.asterisco p {
  font-size: 0.8em;
  margin-bottom: 0;
}

span.asterisco {
  padding: 0.5em;
  color: #ff0000ff;
  display: inline-block;
  margin: 0;
  font-size: 1em;
}

.tipo_plano .tagplano {
  padding: 0.4em 0.8em;
  color: #fff;
  font-size: 0.7em;
  height: 2em;
  border-radius: 3px;
  display: flex;
  justify-content: space-around;
}

.tagfree {
  background: #00ad02;
}

.tagpro {
  background: #0273d4;
}

.tagstarter {
  background: #edaf00;
}

.taginfoproduto {
  background: #ff7f00;
  color: #fff;
}

.tagenterprise {
  background: black;
}

.alterar-plano-div {
  display: flex;
  margin: 1em;
}

input#qtde_usuarios {
  height: 2em;
  padding: 0;
  margin: 0;
}

/* .secao{margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;} */

.btn.fonte-assinatura {
  text-align: center;
}

.contador {
  margin-right: 0.8em;
  display: inline-block;
}

.desconto div:last-child {
  border-right: none;
  margin-right: 0;
  padding: 0;
}

.desconto div {
  margin: 0.4em 0;
  padding: 0 1em 0 0;
  margin-right: 1em;
  border-right: 1px solid #ccc;
}

.dados_conta_bloq {
  border: 1px solid #ddd;
}

.dados_conta_bloq .col {
  border-left: 1px solid #ddd;
  padding: 2em;
  text-align: center;
}

.dados_conta_bloq .col:first-child {
  border-left: none;
}

.msg_aviso {
  padding: 0em 1em;
  color: #fff;
  background: #0055b7;
  display: flex;
  align-items: center;
}

.msg_bloq {
  padding: 0.7em 1em;
  color: #fff;
  background: #ef0013;
  display: flex;
  align-items: center;
}

.msg_bloq i,
.msg_aviso i {
  color: #fff;
  font-size: 4em;
  float: left;
  margin-right: 0.3em;
  line-height: 1.4em;
}

.msg_bloq p,
.msg_aviso p,
.msg_aviso h5 {
  margin-bottom: 0;
  line-height: 1.4em;
}

.btn-plano {
  border-top: 1px solid #ddd;
}

.btn-plano button {
  margin: 2em 1em 2em 2em;
}

/* CONFIGURAÇÕES */

.configs div.col-6 {
  padding: 1.5em 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

/* .configs div.col:nth-child(4n+0){border-right: none;} */

/* .configs div.col:nth-last-child(-n+4){border-bottom: none;} */

.configs div.row {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.configs div.col i {
  font-size: 2em;
  color: #4daaf1;
}

.configs .header {
  padding: 1em 1em 0 1em;
  background: #f5f6fa;
}

/* Integracoes */

td > .integracao-inserir-linha {
  background-color: #4285f4 !important;
  font-size: 0.8rem;
  padding: 0.85rem 2.13rem !important;
  margin: 6px;
}

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

.atualizar_chave input {
  width: 30%;
  font-family: courier;
  font-size: 15px;
  height: 46px;
  margin: 0 1em;
}

.grid-int {
  display: grid;
  grid-template-columns: 250px auto;
}

#integracoes {
  margin: 0;
}

#integracoes .col-secoes {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  padding-right: 0;
  margin-right: 0.5em;
}

#integracoes li {
  background: #fff;
  padding: 1em;
  margin: 0.5em;
  min-width: 11em;
  flex: 1;
  height: 11em;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  box-shadow: -1px 2px 3px rgba(00, 00, 00, 0.05);
}

#integracoes li:nth-child(3n + 0) {
  border-right: none;
}

#integracoes li:nth-last-child(-n + 3) {
  border-bottom: none;
}

#integracoes img {
  max-width: 11em !important;
}

#integracoes p.tagpro {
  font-size: 0.7em;
}

.card-header p {
  font-size: 0.9em;
  margin-bottom: 0;
}

.img_integra {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 150px;
}

.img_integra img {
  width: 100%;
}

.integrar .row img {
  margin-bottom: 1em;
}

.sugestoes img {
  width: 14em;
  margin: 0 1em 0 2em;
}

.integra h4,
.integrando h4 {
  font-weight: 400;
}

.integrando .row {
  margin-bottom: 2em;
}

label.integracoes {
  color: #838383;
  font-size: 0.9em;
}

#integracoes .switch {
  position: relative;
}

#integracoes .switch label {
  position: relative;
}

.switch label input[type="checkbox"]:checked + .lever {
  background-color: #aff3cf;
  position: relative;
}

.switch label input[type="checkbox"]:checked + .lever:after {
  background-color: #00c851;
  left: 24px;
}

.selec_eventos label {
  margin: 1.5em 1.5em 0 0;
  line-height: 2em;
}

#cores {
  width: 100%;
}

#cores span {
  float: left;
  width: 17%;
}

#cores table {
  width: 80%;
}

.whats_ativo label {
  font-size: 0.9em;
}

/* #modal_whatsapp .modal-body{padding: 0;} */

/* .etapa {
  padding: 10px 46px 12px 10px;
  text-align: left;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width:22%;
  margin:10px;
  float:left;
  min-height:140px;
  text-align:center;
  height:100px;
} */

.col-0-5 {
  width: 4.16%;
}

.col-1-5 {
  width: 12.5%;
}

.col-2-5 {
  width: 20.82%;
}

.hide-desk {
  display: none;
}

.lines {
  text-align: center;
}

.wizard > .steps > ul > li {
  width: auto;
}

#relatorios .card .tit_hist {
  display: flex;
  align-items: center;
  margin-top: 1em;
}

#relatorios .card .tit_hist h4 {
  border: none;
  padding: 0;
}

#relatorios #formulario_filtro {
  margin-bottom: 1em;
}

#box-peq {
  padding-right: 15px;
}

#box-peq .uil {
  font-size: 1.4em;
}

#box-peq span {
  font-weight: 800;
}

#box-peq .card {
  margin-left: 15px;
  display: flex;
  flex-grow: 1;
}

#box-peq .card-body {
  align-content: space-between;
}

#box-peq .card-body div {
  display: flex;
  /* align-items: center; */
}

#box-peq .card-body div i {
  float: left;
  margin-right: 0.2em;
  line-height: 1;
}

/* HEADER DAS PÁGINAS */

.body_lista .item_lista .datas p {
  width: 100%;
  display: block;
  font-size: 11px;
}

/* CLIENTES */

.body_lista_oport,
.body_lista_principal {
  float: left;
  width: 100%;
}

#lista_oportunidade {
  /* height: calc(100vh - 331px);
    overflow: auto; */
  width: 100%;
  display: flex;
  position: relative;
}

#lista_oportunidade .header_lista {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-template-columns:2em repeat(auto-fit, minmax(100px, 1fr)) 3em; */
}

#lista_oportunidade .body_lista_principal {
  /* display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; */
}

#lista_oportunidade .body_lista_principal .item_lista {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  /* grid-template-columns:2em repeat(auto-fit, minmax(100px, 1fr)) 3em; */
}

/* #lista_oportunidade .header_lista.op,
#lista_oportunidade .body_lista_principal .item_lista .op{
    width: 100%;
    display: grid;
    justify-items: end;
} */
.col-tag,
.col-produtos {
  display: flex;
  flex-wrap: wrap;
}

.grid-status,
.grid-produtos {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 3 colunas de largura igual */
  gap: 5px; /* Espaçamento entre os badges */
}

.op {
  width: 3em;
}

.box.col-atendimento span,
.box.col-tarefa span {
  font-size: 12px;
  font-weight: 500;
}

.email_listagem_principal span {
}

/* TAREFAS */

#tarefas .header_lista {
  border-bottom: 1px solid #ddd;
  display: grid;
  align-items: center;
  grid-template-columns: 2.5em 2fr 3fr 3fr 2fr 3fr 3fr 3fr 4em;
}

#tarefas .body_lista .item_lista {
  border-bottom: 1px solid #ddd;
  display: grid;
  align-items: center;
  grid-template-columns: 2.5em 2fr 3fr 3fr 2fr 3fr 3fr 3fr 4em;
}

/* OPORTUNIDADES */

/* #lista_oportunidade .header_lista{ grid-template-columns: 2.5em auto 2.5em;}
#lista_oportunidade .body_lista .item_lista{grid-template-columns: 2.5em auto 2.5em;} */

#lista_oportunidade .header_lista li,
#lista_oportunidade .body_lista_principal .item_lista li {
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 13px;
}

/* BLING */

#bling .header_lista {
  grid-template-columns: 1fr 5fr;
}

#bling .body_lista .item_lista {
  grid-template-columns: 1fr 5fr;
}

/* USUARIOS */

#usuarios .header_lista {
  grid-template-columns: 2.5em 0.5fr 2.5fr 2fr 2fr 2fr 2fr 0.7fr;
}

#usuarios .body_lista .item_lista {
  grid-template-columns: 2.5em 0.5fr 2.5fr 2fr 2fr 2fr 2fr 0.7fr;
}

/* FILIADOS */

#filiados .header_lista {
  grid-template-columns: 2.5em 3fr 3fr 2fr 1fr 1fr 3em;
}

#filiados .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 3fr 2fr 1fr 1fr 3em;
}

/* USUARIOS */

#listagemdeUsuarios .header_lista {
  grid-template-columns: 3.5em 3fr 3fr 3fr 6.5em;
}

#listagemdeUsuarios .body_listaUsuarios .item_lista {
  grid-template-columns: 3.5em 3fr 3fr 3fr 6.5em;
}

/* EQUIPE */

#equipe .header_lista {
  grid-template-columns: 2.5em 3fr 3fr 3em;
}

#equipe .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 3fr 3em;
}

/* LOGS */

#logs .header_lista {
  grid-template-columns: 3fr 3fr 3fr 3fr 3fr;
}

#logs .body_lista .item_lista {
  grid-template-columns: 3fr 3fr 3fr 3fr 3fr;
}

/* TAGS */

#tags .header_lista {
  grid-template-columns: 2.5em 3fr 3fr;
}

#tags .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 3fr;
}

/* TAGS */

/* #origem .header_lista {
    grid-template-columns: 2.5em 2fr 5fr;
}

#origem .body_lista .item_lista {
    grid-template-columns: 2.5em 2fr 5fr;
} */

/* MOTIVO PERDA */

#motivo-perda .header_lista {
  grid-template-columns: 2.5em 2fr 5fr;
}

#motivo-perda .body_lista .item_lista {
  grid-template-columns: 2.5em 2fr 5fr;
}

/* PRODUTOS */

#produtos .header_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr;
}

#produtos .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr;
}

/* ARQUIVOS */

#arquivos .header_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr 3fr;
}

#arquivos .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr 3fr;
}

/* FUNIL */

#funil .header_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr 3fr;
}

#funil .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 5fr 3fr 3fr;
  position: relative;
}

#funil .body_lista .item_lista:first-child .float-right::before {
  content: "Funil Principal";
  padding-right: 1em;
  color: #31708f;
  font-size: 0.8em;
}

/* PERSONALIZADO CLIENTES */

#personalizados-cliente .header_lista,
#personalizados-oportunidade .header_lista,
#personalizados_produtos .header_lista {
  grid-template-columns: 2fr 4fr 5fr 3fr 2fr 1fr;
}

#personalizados-cliente .body_lista .item_lista,
#personalizados-oportunidade .body_lista .item_lista,
#personalizados_produtos .body_lista .item_lista {
  grid-template-columns: 2fr 4fr 5fr 3fr 2fr 1fr;
}

/* MODELO PROPOSTA */

#modelo-proposta .header_lista {
  grid-template-columns: 2fr 4fr 1fr;
}

#modelo-proposta .body_lista .item_lista {
  grid-template-columns: 2fr 4fr 1fr;
}

/* CAMPANHA */

#campanha .header_lista {
  grid-template-columns: 2fr 4fr 4fr 1fr;
}

#campanha .body_lista .item_lista {
  grid-template-columns: 2fr 4fr 3fr 2fr;
}

/* MSG PADRÃO */

#msg-padrao .header_lista {
  grid-template-columns: 2fr 4fr 3fr 2fr 2fr 2fr;
}

#msg-padrao .body_lista .item_lista {
  grid-template-columns: 2fr 4fr 3fr 2fr 2fr 2fr;
}

/* MSG PADRÃO */

#tabela-sms .header_lista {
  grid-template-columns: 2fr 4fr 3fr 2fr;
}

#tabela-sms .body_lista .item_lista {
  grid-template-columns: 2fr 4fr 3fr 2fr;
}

/* MSG PADRÃO */

#tabela-webphone .header_lista {
  grid-template-columns: 2fr 2fr 2fr 3fr 2fr 3fr;
}

#tabela-webphone .body_lista .item_lista {
  grid-template-columns: 2fr 2fr 2fr 3fr 2fr 3fr;
}

/* META */

#meta .header_lista {
  grid-template-columns: 2.5em 2fr 3fr 3fr 2fr 2fr 2fr 1.5fr;
}

#meta .body_lista .item_lista {
  grid-template-columns: 2.5em 2fr 3fr 3fr 2fr 2fr 2fr 1.5fr;
}

/* WHATSAPP WEB */

#whatsappweb .header_lista {
  grid-template-columns: 2.5em 3fr 2fr 2fr 2fr 2fr;
}

#whatsappweb .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 2fr 2fr 2fr 2fr;
}

/* Facebook Leads */

#facebook_leads .header_lista {
  grid-template-columns: 2.5em 3fr 3fr 1fr 1fr 1fr 3em;
}

#facebook_leads .body_lista .item_lista {
  grid-template-columns: 2.5em 3fr 3fr 1fr 1fr 1fr 3em;
}

/* Integrações */

#integracoes .header_lista {
  grid-template-columns: 3fr 3fr 3fr;
}

#integracoes .body_lista .item_lista {
  grid-template-columns: 3fr 3fr 3fr;
}

/* mailChimp */

#mailchimp .header_lista {
  grid-template-columns: 4em 3fr 0.5fr;
}

#mailchimp .body_lista .item_lista {
  grid-template-columns: 4em 3fr 0.5fr;
}

/* googleForms */

#googleforms .header_lista {
  grid-template-columns: 4em 3fr 3fr 3fr 3fr 3fr 1fr;
}

#googleforms .body_lista .item_lista {
  grid-template-columns: 4em 3fr 3fr 3fr 3fr 3fr 1fr;
}

/* leadlovers */

#leadlovers .header_lista {
  grid-template-columns: 2em 3fr 3fr 3fr 3fr 1fr;
}

#leadlovers .body_lista .item_lista {
  grid-template-columns: 2em 3fr 3fr 3fr 3fr 1fr;
}

/* Formleadlovers */

#formleadlovers .header_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

#formleadlovers .body_lista .item_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

/* Lahar */

#lahar .header_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

#lahar .body_lista .item_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

/* Lahar 2 */

#lahar2 .header_lista {
  grid-template-columns: 2em 3fr 3fr 0.5fr;
}

#lahar2 .body_lista .item_lista {
  grid-template-columns: 2em 3fr 3fr 0.5fr;
}

/* RD Station */

#rdstation .header_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

#rdstation .body_lista .item_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

/* Formulario */

.formhtml .header_lista {
  grid-template-columns: 2fr 3fr 1fr 1fr 50px;
}

.formhtml .body_lista .item_lista {
  grid-template-columns: 2fr 3fr 1fr 1fr 50px;
}

#typeform .header_lista {
  grid-template-columns: 1fr 1fr 3fr 60px;
}

#typeform .body_lista .item_lista {
  grid-template-columns: 1fr 1fr 3fr 60px;
}

.btn-edit-campo {
  color: #00ad02 !important;
  padding: 0.5em;
  background: #fff;
}

.btn-del-campo {
  color: red !important;
  padding: 0.5em;
  background: #fff;
}

/* shopfy / phonetrack */

#shopfy .header_lista,
#phonetrack .header_lista,
#active-campaign .header_lista {
  grid-template-columns: 2em 3fr 0.5fr;
}

#shopfy .body_lista .item_lista,
#phonetrack .body_lista .item_lista,
#active-campaign .body_lista .item_lista {
  grid-template-columns: 2fr 3fr 1fr 1fr 1fr;
}

#box-dash {
  padding-right: 15px;
}

#box-dash > div {
  display: flex;
  flex-grow: 1;
  width: 32%;
  margin-left: 15px;
}

#box-dash > div .card {
  width: 100%;
  background: #f5f6fa;
}

.btn-agenda {
  display: flex;
  align-items: center;
  padding: 0 1em 1em 1em;
}

.btn-agenda select {
  width: 20%;
  margin: 0;
}

.btn-agenda a {
  margin-left: 0.5em;
}

.opcoes-atividade {
  display: flex;
  justify-content: space-between;
}

.acomp-desempenho #form_pesquisa {
  grid-template-columns: 3fr 3fr 3fr;
}

.unificar,
.config_oport {
  background: #f5f6fa;
}

.unificar .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1em;
}

#personalizados_clientes,
#personalizados_oportunidades,
#personalizados_produtos {
  border-top: 1px solid #f2f2f2;
  padding-top: 1em;
}

.nav-pills .nav-link {
  border-radius: 0;
  position: relative;
  bottom: -1px;
  z-index: 10;
}

.nav-pills .nav-link.active {
  /* background-color: #fff; */
}

.nav-pills a.nav-link {
  color: #333;
}

.tab-content {
  padding: 0;
}

.integ_gmail {
  margin: 1em 0;
  padding: 1em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* ESTILO NOVO LAYOUT */

.modal-header {
  /* border-bottom: 1px solid #eceeef!important; */
}

.modal-header h3 {
  font-size: 1.3em;
  font-weight: 400;
  margin: 0;
}

.card-header,
.card-footer,
.modal-body,
.modal-footer,
.col-agenda .card {
  background: #f5f6fa !important;
}

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

.card-header.linha {
  display: grid;
}

.card-header div a {
  color: #009bea;
}

.card-header h4 {
  margin: 0;
}

.card:not([class*="card-outline-"]),
.btn,
.btn:hover {
  box-shadow: none;
}

.card:not([class*="card-outline-"]),
.btn,
.btn:hover {
  box-shadow: none;
}

.uil {
  font-size: 17px;
}

.filtro.btn {
  background: #fff;
}

.filtro.btn,
.busca-contatos-filtro i {
  color: #0084ff;
}

#form_pesquisa {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  gap: 1em;
  align-items: center;
  background: #f5f6fa;
  border-radius: 3px 3px 0 0;
  padding: 1em;
}

#form_pesquisa.form_oport {
  grid-template-columns: 7fr 10em 0.5fr;
}

#form_pesquisa input[type="text"] {
  background: #fff;
  border-bottom: 2px solid #fff;
  border: none;
  padding: 0.5em 0.5em 0.5em 2em;
}

#form_pesquisa input[type="text"]:focus {
  background: #fff;
}

#form_pesquisa div:first-child {
  display: flex;
  position: relative;
  width: 1350px;
}

#form_pesquisa .busca-contatos-filtro {
  border: none;
  padding: 0.5em;
  cursor: pointer;
  background: #ffffff;
  color: #ccc;
  top: 0;
  left: 0;
}

.divider-new,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.p_ {
  margin: 0;
}

.presentation-banner {
  margin-top: 0.4%;
}

.border-list {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #609bd3;
}

.back {
  background: #f5f6fa;
}

.flex_space {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* etapas funil */
.wizard ul.steps.etapa_funil > li {
  width: 50%;
}

.wizard .steps-content .step-pane {
  padding: 20px;
}

.wizard > .content {
  min-height: 15em !important;
  max-height: 22em;
  overflow-x: auto;
}

#etapas_add .card-body {
  padding: 1em 0;
  height: auto !important;
}

#etapas_add .area_etapa {
  display: inline-block;
  background: #fff;
  color: #555;
  padding: 0.5em;
  box-shadow: -2px 2px 2px #ddd;
  border-radius: 5px;
  width: 13em !important;
}

#etapas_add .area_etapa p {
  margin: 0 0.5em 0 0;
  margin-bottom: 0 !important;
  line-height: 2em;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
}

.area_etapa span {
  font-size: 13px;
  cursor: move;
  display: block;
}

.btn-etapas {
  border-top: 1px solid #f2f2f2;
  align-items: center;
  padding-top: 0.5em;
}

.btn-etapas a {
  margin-right: 0.5em;
}

.btn-etapas a:hover {
  background: #f2f2f2;
}

#etapas_add .area_etapa button {
  width: 2.4em;
  height: 2.4em;
  padding: 0 0.3em;
  cursor: pointer;
  display: inline-block;
  float: right;
}

#etapas_add .area_etapa button.edit-etapa {
  background: none;
}

#etapas_add .area_etapa button.edit-etapa i {
  font-size: 1.2em;
  padding: 0.2em;
  color: #fff;
}

#etapas_add .area_etapa button.edit-etapa:hover {
  color: #f2f2f2;
}

#etapas_add .add_funil a {
  line-height: 2em;
}

#etapas_add .list {
  border-radius: 3px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.ui-state-default {
  border: none;
  background: none;
}

#etapas_add .list-card {
  background: #fff;
  float: left;
  margin: 0.3em 0.2em;
  border: 1px solid #e4e4e4;
  padding: 0.4em;
}

#etapas_add .list-cards {
  /*overflow-y: auto;*/
  /*overflow-x: hidden; */
  /*position: relative;*/
  top: 0;
  margin: 0 1.5em 0.5em 0;
  position: relative;
  /*min-height: 200px;*/
}

#etapas_add .list-cards:last-child {
  margin-right: 0em;
}

/* fim etapas funil */

@media only screen and (max-width: 992px) {
  .btn_pagina {
    display: inline-block;
  }

  header,
  main,
  footer {
    padding-left: 0px;
  }

  .menu_fechado {
    width: 0;
  }

  .area_content {
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  .double-nav {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .modal-body {
    padding: 15px;
  }

  .ui-state-disabled {
    font-size: 9px;
  }
}

@media (min-width: 876px) {
  .show-mobi {
    display: none !important;
  }
}

@media (max-width: 1829px) {
  #box-peq .card {
    width: 18%;
  }
}

@media (max-width: 787px) {
  #box-peq .card {
    width: 40%;
  }
}

.ver_mobi {
  display: none;
}

@media (max-width: 995px) {
  button.ver_mobi {
    border: none;
    background: none;
  }

  button.ver_mobi i {
    color: #009bea;
    font-size: 1.4em;
  }

  .menu_aberto {
    width: 330px;
  }

  .ver_mobi {
    display: block;
  }

  .menu_lateral_mobi {
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: -370px;
    bottom: 0;
    z-index: 1000;
    transition: 0.3s;
    background-color: #ffffff;
  }

  .mobi_aberto {
    left: 0px;
  }

  area_content {
    padding-left: 0 !important;
  }
}

@media (max-width: 875px) {
  #cores span {
    float: left;
    width: 100%;
  }

  #cores table {
    width: 100%;
  }

  #cores table td {
    padding: 2.3em;
    float: left;
  }

  .hide-mobi {
    display: none !important;
  }

  .show-mobi {
    display: block;
  }

  .nova_lista .header_lista li.box_check,
  .nova_lista .body_lista li.box_check {
    width: 3em;
  }

  .entry {
    margin-left: 1em;
    width: auto;
  }

  .nova_lista li .chip {
    display: contents;
    padding: 0;
  }

  #relatorios .card .tit_hist {
    display: block;
  }

  /* HEADER DAS PÁGINAS */
  .nova_lista .body_lista .item_lista {
    grid-template-columns: 2.5em 3fr 1.2fr 2.5em;
  }

  .nova_lista .header_lista {
    display: grid;
    grid-template-columns: 2.5em 3fr 3fr 0;
  }

  /* TAREFAS */
  #tarefas .header_lista {
    grid-template-columns: 2.5em 3fr 3fr 3fr 1.5em;
  }

  #tarefas .body_lista .item_lista {
    grid-template-columns: 2.5em 3fr 3fr 2.5em;
  }

  /* USUARIOS */
  #usuarios .header_lista {
    grid-template-columns: 2.5em 3fr 3fr 3fr 2.3fr;
  }

  #usuarios .body_lista .item_lista {
    grid-template-columns: 2.5em 3fr 3fr 3fr 2.3fr;
  }

  /* FILIADOS */
  #filiados .header_lista {
    grid-template-columns: 2.5em 4.5fr 1.5fr 2.5em;
  }

  #filiados .body_lista .item_lista {
    grid-template-columns: 2.5em 4.5fr 1.5fr 2.5em;
  }

  /* USUARIOS */
  #listagemdeUsuarios .header_lista {
    grid-template-columns: 3.5em 3fr 3fr 3fr 6.5em;
  }

  #listagemdeUsuarios .body_listaUsuarios .item_lista {
    grid-template-columns: 3.5em 3fr 3fr 3fr 6.5em;
  }

  /* EQUIPE */
  #equipe .header_lista {
    grid-template-columns: 2.5em 3fr 3fr 3fr;
  }

  #equipe .body_lista .item_lista {
    grid-template-columns: 2.5em 3fr 3fr 3fr;
  }

  /* ARQUIVOS */
  #arquivos .header_lista {
    grid-template-columns: 2.5em 5fr 3fr 3fr;
  }

  #arquivos .body_lista .item_lista {
    grid-template-columns: 2.5em 5fr 3fr 3fr;
  }

  /* META */
  #meta .header_lista {
    grid-template-columns: 1fr;
  }

  #meta .body_lista .item_lista {
    grid-template-columns: 1fr;
  }

  /* CAMPOS PERSONALIZADOS */
  #personalizados-cliente .body_lista .item_lista,
  #personalizados-oportunidade .body_lista .item_lista,
  #lista_oportunidade .body_lista_principal .item_lista {
    grid-template-columns: auto;
  }

  /* Facebook Leads */
  #facebook_leads .header_lista {
    grid-template-columns: 1fr;
  }

  #facebook_leads .body_lista .item_lista {
    grid-template-columns: 1fr;
  }

  .vazio {
    text-indent: -999px;
    overflow: hidden;
    padding: 0 !important;
  }

  .list_mobi .box {
    border-top: 1px solid #f2f2f2;
  }

  .list_mobi .box:first-child {
    border-top: none;
  }

  .nova_lista.list_mobi .body_lista li.box_check {
    width: 100%;
    padding: 0.4em;
  }

  .check-mobi label {
    background: #ccc;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: max-content;
    padding: 0.5em;
  }

  .check-mobi label input {
    margin: 0;
  }

  a.btn_novo.show-mobi {
    position: fixed;
    z-index: 10;
    bottom: 1em;
    right: 1em;
    border-radius: 50px;
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3);
  }

  a.btn_novo.show-mobi i {
    color: #fff;
  }

  .btn.btn-sm {
    padding: 0.5rem 0.8rem;
  }

  p.total {
    float: left !important;
    margin-top: 1em;
  }

  /* TAREFAS */
  .coluna_funil {
    margin-top: 1em;
  }

  .abas-oport .classic-tabs li {
    flex: 0;
    width: 16.6%;
  }

  #integracoes li {
    border: none;
    border-bottom: 1px solid #ccc;
    flex: 100% 1 0;
    margin: 1em 0;
  }

  .sub_nav {
    display: grid;
  }

  .sub_nav .dropdown {
    position: absolute;
    right: 1.4em;
    top: 0.7em;
  }

  .btn-agenda {
    justify-content: center;
  }

  .btn-agenda a {
    margin: 1em 0.5em;
  }

  #box-dash > div {
    width: 100%;
  }

  /* input, select{margin-bottom: 1em;} */
  #relatorios .card-header {
    display: grid;
  }

  #relatorios .card-header h4 {
    margin-bottom: 0.5em;
  }

  .dados_metas p {
    display: flex;
  }

  #opcoes_menu.opcoes-atividade {
    display: inline;
  }

  #opcoes_menu.opcoes-atividade div:first-child {
    margin-bottom: 1em;
  }

  .btn i.uil {
    margin: 0;
  }

  /* ACOMPANHAMENTO DE DESEMPENHO */
  .acomp-desempenho #form_pesquisa {
    grid-template-columns: 1fr;
  }

  .card-header {
    /* display: grid; */
  }
}

/* FIM MOBILE */

/*Mobile View*/

/* transf. linhas da tabela em box */

@media only screen and (max-width: 460px) {
  .infos_plano {
    display: inherit;
  }

  .lista_agenda {
    display: flex;
    justify-content: space-between;
  }

  .menu_fechado {
    overflow: hidden;
  }

  #form_login {
    width: 100%;
    height: 450px;
    position: relative;
    top: 0;
    left: 0%;
    margin-top: 0px;
    margin-left: 0px;
  }

  .acesso_sistema {
    flex-direction: column;
    margin: 2em;
  }

  .acesso_sistema > div {
    width: 100%;
  }

  .nao_sou_cliente {
    border-radius: 6px 6px 0 0;
  }

  #addSaldo {
    margin-top: 1em;
  }

  #view_funil {
    display: inline !important;
  }

  #opcoes_menu {
    flex-direction: column;
  }

  .sub_menu {
    margin-top: 1em;
    justify-content: space-between;
  }

  #form_pesquisa.form_mobi {
    grid-template-columns: 1fr !important;
  }

  .usuario_mobi {
    flex: 100%;
    max-width: 100%;
  }

  td,
  tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  td:before,
  .item_mobi li.box:before,
  .item_mobi li.box a:before {
    content: attr(data-label);
    display: inline-block;
    line-height: 1.5;
    white-space: nowrap;
    font-weight: 700;
  }

  #lista td {
    display: flex;
    justify-content: space-between;
    text-align: right;
    word-break: break-word;
  }

  .item_mobi li {
    padding: 0.3em;
  }

  .item_mobi li.box,
  .item_mobi li.box a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .item_mobi li.box a.chip {
    display: inline;
  }

  .item_lista {
    margin-top: 0.5em;
  }

  .item_lista.item_mobi .opcoes {
    order: -1;
  }

  #lista tr,
  .item_lista.item_mobi {
    background: #f6f9fb;
    margin-bottom: 1em;
  }

  #lista tr td:first-child {
    background: #f2f2f2;
  }

  #lista img {
    display: none;
  }

  /* .item_lista .box_check{background: #f2f2f2;} */
  .item_mobi.item_lista li {
    border-bottom: 1px solid #e9ecef;
  }

  table.table-bordered {
    border: none;
  }

  .item_lista.item_mobi {
    grid-template-columns: 1fr !important;
  }

  #paginacao {
    display: grid;
  }

  /* .card-header{display: grid;} */
  .card-header.fechado {
    display: flex;
  }

  .wizard > .steps > ul > li {
    float: inherit;
  }
}

.card_grafico {
  overflow: auto;
}

.abas-oport .classic-tabs li i {
  font-size: 1.5em;
  margin-right: 0.2em;
}

.abas-oport .classic-tabs li span.badge {
  position: absolute;
  right: 1em;
  top: 1em;
}

/* COLORS AZUL MEETS */

.configs div.col i,
.contato_cliente span i,
.list_agenda i.clock,
.side-nav .collapsible a i,
#box-peq .card-body div i,
#numeros li.num_item i,
#desempenho th i,
.breadcrumb a,
a.dropdown-toggle,
.filtro.btn,
.busca-contatos-filtro i,
.double-nav,
.opcoes a i,
.side-nav .collapsible a,
nav.primary ul li a.selected,
.cbp_tmtimeline > li .cbp_tmtime span:first-child,
button.fechar_acao,
.uil-comment-lines,
.uil-search {
  color: #3797ef !important;
}

.double-nav a {
  color: #3797ef;
}

.primary-color,
.stepper li.active a .circle,
.stepper li.completed a .circle,
.btn-lefil,
.dropdown-menu a:hover,
#btn_config_colunas,
#integracoes li a.btn,
.card_grade button.btn-tag i {
  color: #fff;
  background-color: grey !important;
}

.ilustra img {
  margin: 0 auto 2em;
  width: 25em;
  display: flex;
}

.load-whats {
  margin-top: 2.5em;
}

.load-whats img {
  max-width: 5%;
}

.passos p {
  margin-bottom: 0.5em;
}

.passos span {
  display: inline-block;
  background: #fff;
  border: 2px solid #00aeed;
  color: #00aeed;
  padding: 0.2em;
  font-weight: bold;
  width: 2em;
  height: 2em;
  font-size: 18px;
  margin-right: 0.3em;
  border-radius: 50px;
  text-align: center;
}

.obs_qr {
  display: flex;
  flex-direction: column;
}

/* .gera-qrcode{height: calc(100vh - 100px);
display:flex; align-items:center; justify-content:center; 
} */
.existe {
  margin: 0 1em;
  padding: 2em 1em 1em 1em;
}

.existe:first-child {
  border-bottom: 1px solid #eee;
  margin-top: 1em;
}

#btn-gerar-qr {
  margin-left: 0.5em;
  width: 13em;
  padding: 1em 0.5em;
}

.desc_qrcode span {
  font-size: 13px;
  color: #555;
}

.desc_qrcode {
  display: flex;
  flex-direction: column;
}

.desc_qrcode div {
  display: flex;
}

@media only screen and (max-width: 460px) {
  .gera-qrcode {
    display: flex;
    flex-direction: column;
  }

  .existe {
    margin: 0;
    padding: 2em 0;
  }

  .existe:first-child {
    order: 2;
    margin: 0 0 1em 0;
  }

  .existe:last-child {
    order: 1;
    margin: 1em 0 0 0;
  }

  .passos h3 {
    font-size: 1.2em;
    font-weight: bold;
  }

  .entrada-desc {
    display: flex;
    flex-direction: column;
  }

  .entrada-desc #btn-gerar-qr {
    margin: 0.4em 0;
    width: 100%;
  }
}

.modal-open .modal#config-central {
  overflow-y: hidden;
}

/* .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); display:flex; align-items: center;} */
.msg-bem-vindo {
  text-align: center;
}

.msg-bem-vindo h4 {
  line-height: 1.5em;
  padding: 1em 3em;
}

.bem-vindo {
  display: flex;
}

.bem-vindo div {
  width: 50%;
  flex-direction: column;
  display: flex;
  align-items: center;
  height: 26em;
  align-content: space-between;
  padding: 2em;
}

.bem-vindo div p {
  flex: 1;
}

.bem-vindo div:hover {
  background: #fff;
  border-radius: 10px;
}

.bem-vindo div img {
  display: block;
  width: 9em;
}

.bem-vindo div h5 {
  font-weight: bold;
  padding-top: 1em;
}

.bem-vindo div i {
  flex: 1;
  font-size: 38px;
}

.bem-vindo div:first-child i {
  color: #00c851;
}

.bem-vindo div:last-child i {
  color: #3797ef;
}

.vendedor-menor {
  float: right;
  font-size: 15px;
}

.vendedor-menor-data {
  margin-top: -15px;
}

#distri_leads .nova_lista .body_lista .item_lista,
#distri_leads .nova_lista .header_lista {
  grid-template-columns: 2.5em 3fr 3fr 2fr 2fr;
}

.new_cadastro #multiselect option,
.new_cadastro #multiselect_to option {
  padding: 0.5em;
  margin-bottom: 0.5em;
  background: #fff;
}

#multiselect.custom-select,
#multiselect_to.custom-select {
  overflow: auto;
  border: 1px solid #ccc;
  padding: 1em;
}

.col-tagOrigem,
.col-performaceV {
  width: 47% !important;
}

#whatsAppMsgContato {
  min-height: 200px;
}

.badge {
  box-shadow: none;
}

.modal-dialog-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
}

/* Nova tela atividade */

.playlist .dropdown .dropdown-toggle span {
  margin-right: 0.5em;
  background: #fff;
  color: #333 !important;
  border-radius: 50px;
  padding: 0.3em;
}

.playlist .dropdown .dropdown-toggle::after {
  margin: 0 0.8em 0 0.8em;
}

.playlist .dropdown {
  margin: 1em 0.5em 1em 0;
}

.playlist .dropdown button {
  border-radius: 50px;
  padding: 0.4em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333 !important;
  font-weight: 500;
  font-size: 0.7em;
  text-transform: inherit;
}

.playlist ul.links-playlist {
  display: flex;
  margin-bottom: 1em;
}

.playlist .dropdown-menu span {
  font-weight: bold;
  color: #3797ef;
  font-size: 15px;
}

.playlist .dropdown-menu p {
  margin: 0;
  padding: 0 0.5em;
}

.playlist .dropdown-menu a i {
  border-radius: 50px;
  font-size: 12px;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.playlist .dropdown-menu a {
  /* margin:0; background:#3797ef; color: #fff!important; padding:.5em; border-radius:30px;  line-height:1em;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.playlist .dropdown-menu a:hover {
  background: #333;
}

.playlist .dropdown-menu a:hover span {
  color: #fff;
}

.playlist .dropdown-menu a:hover i {
  background: #fff;
  color: #3797ef !important;
}

.tarefa-hoje #demandas,
.tarefa-hoje #pills-tab,
#atend-atual,
.proximos-atend {
  background: #f5f6fa;
  padding: 1em;
}

.tarefa-hoje #demandas {
  padding: 0 1em 1em 1em;
}

.tarefa-hoje #pills-tab .nav-item {
  background: #fff;
  border-radius: 50px;
  margin-right: 1em;
}

.tarefa-hoje #pills-tab .nav-item.active {
  background: #3797ef;
}

#demandas h6 i {
  color: #3797ef;
}

.funil-etapa i {
  background: #fff;
  padding: 0.5em 0 0.5em 0.5em;
}

.tab-tarefas #pills-tab,
#atend-atual .conteudo,
.proximos-atend .conteudo {
  background: #f5f6fa;
  padding: 1em;
  border-bottom: 1px solid #e9ecef;
}

.tab-tarefas #demandas {
  padding: 0 1em 1em 1em;
}

.tab-tarefas #pills-tab .nav-item {
  background: #fff;
  border-radius: 5px;
  margin-right: 1em;
}

.tab-tarefas #pills-tab .nav-item.active {
  background: #3797ef;
}

.demanda h3,
#demandas h6 i {
  color: #3797ef;
}

.demanda {
  display: inline-block;
  background: #fff;
  color: #555;
  padding: 0 0.5em 0.5em 0.5em;
  box-shadow: -2px 2px 2px #ddd;
  border-radius: 5px;
  margin: 0.5em 0.3em 0 0;
}

#demandas .demanda span {
  display: flex;
  align-items: center;
  line-height: 2.5em;
}

#demandas .demanda span i,
#demandas .demanda span img {
  color: #3797ef;
  font-size: 20px;
  margin: 0 0.3em;
}

#demandas h6 {
  font-size: 13px;
}

.demanda .btn-demanda a {
  margin: 1em 0.8em 0 0;
  border: 1px solid #f5f6fa;
}

.demanda > div:first-child {
  padding: 1em 0 0.5em 0;
}

.demanda h3 {
  display: flex;
  align-items: center;
}

.demanda h3 i {
  font-size: 0.7em;
  margin-left: 0.2em;
  color: #333;
}

.btn-proxima {
  padding: 0.3em 1em;
}

.demanda:last-child {
  margin-right: 0;
}
.btn-campaign {
  background-color: #ffa500 !important;
}

#demandas .demanda span {
  display: flex;
  align-items: center;
  line-height: 2.5em;
  font-size: 14px;
  font-weight: 500;
}

#demandas .demanda span i,
#demandas .demanda span img {
  color: #3797ef;
  font-size: 20px;
  margin: 0 0.3em;
}

#demandas h6 {
  font-size: 13px;
}

.btn-demanda a,
.acao a {
  padding: 0.3em 0.8em;
  color: #333 !important;
  align-items: center;
  background: #f5f6fa;
  font-weight: 600;
  text-transform: capitalize;
}

.demanda .btn-demanda a i {
  padding-right: 0.2em;
}

.btn-demanda i {
}

.btn-demanda a:hover {
  color: #fff !important;
}

.demanda .btn-demanda a.atender:hover {
  background: #00c851;
}

.demanda .btn-demanda a.ver:hover {
  background: #03a9f4;
}

.demanda .btn-demanda a.transferir:hover {
  background: #333;
}

.demanda .btn-demanda a:nth-child(2) {
  margin: 0 0.3em;
}

a.atender:hover {
  background: #00c851;
}

a.ver:hover {
  background: #03a9f4;
}

a.editar:hover {
  background: #fff;
}

a.transferir:hover {
  background: #333;
}

a.remarcar:hover {
  background: #17a2b8;
}

#modal_ver_tarefas .body_lista {
  max-height: 20em;
  overflow-x: auto;
}

.num-tarefas {
  color: #3797ef;
}

.card-header a {
  padding: 1em;
  display: block;
  width: 100%;
}

.lista-status {
  display: flex;
  flex-direction: column;
}

.lista-status > .item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 5px;
  border: 1px solid lightgray;
  border-radius: 5px;
  align-items: center;
}

input[type="color"] {
  background-color: transparent;
  border: none;
  height: 24px;
  width: 80px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

.item-config {
  border: 1px solid lightgray;
  padding: 12px;
  margin-bottom: 38px;
  height: 90%;
}

.mensagens {
  top: 50px;
  right: 0px;
  position: fixed;
  width: fit-content;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 2000;
}

#aguarde,
#sucesso,
#erro {
  margin: 6px 18px;
  box-shadow: 0 0 0.4em grey;
  text-align: right;
  width: fit-content;
}

/* Próximos atendimento */
.info-prox {
  font-size: 13px;
}

.lista_tarefas tbody {
  overflow-x: auto;
  height: 5em;
}

#nav-historico .card-header {
  padding: 0;
}

#nav-historico .card-header div {
  padding: 1em;
  cursor: pointer;
  background: #fff;
}

#nav-historico .card-header div:hover {
  background: #fff;
}

.avatar-atendente label {
  cursor: pointer;
  background: #fff;
  padding: 0.7em 1em 0.7em 0.3em;
  width: 100%;
  border-radius: 50px;
  display: flex;
  align-items: center;
  height: auto;
}

.avatar-atendente img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  margin-right: 0.5em;
}

.avatar-atendente label:hover {
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
}

.avatar-atendente label input[type="radio"] {
  position: relative;
  left: 0;
  width: 2em;
  margin: 0;
}

.avatar-atendente label input[type="radio"]:checked {
  background: #ed1e79;
  color: #fff;
}

i.uil.uil-facebook {
  color: #0275d8;
}

i.uil.uil-whatsapp {
  color: #00ad02;
}

i.uil.uil-linkedin {
  color: #006699;
}

i.uil.uil-facebook-messenger {
  color: #007bff;
}

i.uil.uil-skype {
  color: #00b2e3;
}

i.uil.uil-telegram {
  color: #00b2e3;
}

i.uil.uil-instagram {
  color: #ed1e79;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 1050px;
  }
}

.shadow-card {
  border-radius: 4px !important;
  box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 14%) !important;
}

.card .card-body h5 {
  margin-bottom: 1rem !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  /* color: grey !important; */
}

.cartao_item {
  background-color: #fff;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.218), 0 2px 12px 0 rgba(0, 0, 0, 0.19);
  width: 99%;
  padding: 1%;
}

.btn-acao-lote {
  background-color: rgb(106, 106, 106) !important;
  color: #fff;
  /* width: 6rem;
    height: 2rem; */
}

.cartao_dashboard {
  background-color: #f5f6fa;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.7rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.218), 0 2px 12px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  padding: 1%;
}

.cartao_dashboard i {
  color: #3797ef !important;
  font-size: 35px;
}

.cartao_dashboard h3 {
  font-weight: 400;
  font-family: sans-serif;
}

.cartao_dashboard p {
  font-weight: 400;
  font-family: sans-serif;
}

.cartao_dashboard select {
  margin-left: 2%;
  position: absolute;
  bottom: 0.2 rem;
  max-width: 80%;
}

.section_title,
.strong {
  font-weight: 700;
}

.section_cards {
  padding-bottom: 2rem;
}

.dashboard_user_info img {
  width: 40px;
  height: 40x;
  border-radius: 100px;
}

.dashboard_user_info p {
  margin-bottom: 0;
}

.dashboard_user_info span {
  font-size: 12px !important;
}

.card_color {
  color: #fff;
  border-radius: 0.7rem;
  width: 100%;
  min-height: 60px;
  padding: 1%;
  margin-bottom: 5%;
}

.card_color i {
  color: #fff !important;
  margin-left: 3%;
  font-size: 300%;
}

.card_color p {
  font-weight: 400;
  justify-content: left;
  margin-top: 1rem;
}

.card_color h3 {
  margin-top: -15px !important;
  text-align: left;
}

.card_blue {
  background-color: #0094ff;
}

.card_orange {
  background-color: #ff8800;
}

.card_green {
  background-color: #06d6a0;
}

.card_purple {
  background-color: #7349bd;
  margin-bottom: 0 !important;
}

.card_red {
  background-color: #f7464a;
  margin-bottom: 0 !important;
}

.card_long {
  min-height: 350px;
}

.card_info {
  color: #fff;
  border-radius: 0.7rem;
  width: 90%;
  min-height: 40px;
  padding: 1%;
  margin-bottom: 2%;
  margin-left: 6%;
}

.card_info i {
  color: #fff !important;
  margin-left: 3%;
  font-size: 200%;
}

.card_info h4 {
  color: #fff;
  font-family: inherit;
  margin: auto;
  width: 50%;
  margin-left: 10%;
}

.card_long p {
  font-weight: 700;
  font-size: x-large;
  margin: auto;
  margin-right: 2%;
}

.card_long h5 {
  font-weight: 500;
}

@media (max-width: 767px) {
  /* Ajustes para o banner na página principal */
  .banner-primeiros-passos {
    height: auto;
    padding: 15px;
    flex-direction: column;
  }

  #banner_inicio {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    width: 100%;
  }

  #banner_text {
    padding-top: 10px;
  }

  #banner_text {
    text-align: center;
  }

  #banner_text h2 {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }

  #banner_text p {
    font-size: 0.9rem;
  }

  #container_botao_assistir_agora {
    margin-left: 0 !important;
    margin-top: 15px;
    width: 100%;
  }

  #splash_screen .col-md-5 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .container-academy {
    flex-wrap: wrap !important;
    gap: 5px;
  }

  .container-academy .btn-academy {
    font-size: 0.8rem;
    padding: 8px;
    margin: 2px;
    flex: 1 0 45%;
  }

  .lista_videos li .media-body h5 {
    font-size: 0.9rem;
  }

  .lista_videos li .media-body p {
    font-size: 0.8rem;
  }

  .btn-academy {
    white-space: normal;
  }

  .top_pag.pri_passos {
    flex-direction: column;
  }

  .top_pag.pri_passos label {
    margin-top: 10px;
  }
}

.card.shadow-card label {
  font-weight: 500;
  color: #333;
}

.card.shadow-card .custom-select {
  height: 38px;
}

.card.shadow-card .mb-3 {
  margin-bottom: 1rem !important;
}

.date-container {
  width: 40%;
}

#panel_data_personalizada {
  display: flex;
  align-items: center;
}

#btn_buscar {
  height: 38px;
}

.campos-datas-personalizados {
  display: none;
  clear: both;
}

@media (min-width: 768px) {
  .shadow-card .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .shadow-card .row > div {
    padding-right: 15px;
    padding-left: 15px;
  }

  .shadow-card #panel_data_personalizada {
    flex-direction: row;
    align-items: center;
  }

  .shadow-card #panel_data_personalizada .date-container {
    width: 40%;
    margin-right: 10px;
    margin-bottom: 0;
  }

  .shadow-card #btn_buscar {
    width: auto;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .card.shadow-card .custom-select {
    width: 100%;
    max-width: 100%;
  }

  .card.shadow-card label {
    margin-bottom: 5px !important;
    font-size: 0.9rem;
  }

  .shadow-card .row {
    display: flex;
    flex-direction: column;
  }

  #panel_data_personalizada {
    flex-wrap: wrap;
    gap: 5px;
  }

  .date-container {
    width: 100%;
  }

  #panel_data_personalizada input[type="date"] {
    padding: 0.375rem 0.5rem;
    width: 100%;
  }

  #btn_buscar {
    margin-top: 5px;
    height: 38px !important;
    width: 100%;
  }

  .card.shadow-card .col-6 {
    padding-right: 8px;
    padding-left: 8px;
  }

  .campos-datas-personalizados {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    border-top: 1px solid #e9ecef;
    padding-top: 15px;
  }

  .shadow-card #panel_data_personalizada {
    flex-direction: column;
  }

  .shadow-card #panel_data_personalizada .date-container {
    margin-bottom: 10px;
    width: 100%;
  }
}