/* Desktop */
#dashboardPage {
  margin-top: 140px;
  padding: 20px;
}

#detalhesPage {
  margin-top: 100px;
  padding: 20px;
}

#userDetails h2 {
  font-weight: bold;
  color: #747474;
}

#userDetails p {
  color: #747474;
}

#userDetails .linha-details {
  border-bottom: 1px solid #e1e1e1;
}

#userDetails #perfilUser {
  margin-top: 20px !important;
}

#detalhesMapaEstrategico,
#indexUser,
#addUser,
#roleIndex,
#roleAdd,
#roleEdit,
#roleDetal,
#userDetails,
#userEdit,
#permissionIndex,
#permissionDetails,
#permissionEdit,
#companyIndex,
#companyEdit,
#companyAdd,
#portfolioIndex,
#portfolioEdit,
#portfolioAdd,
#statusIndex,
#statusAdd,
#statusEdit,
#justificativasIndex,
#justificativasAdd,
#justificativasEdit,
#termometroIndex,
#termometroAdd,
#termometroEdit,
#indiceQualidade,
#painelOportunidades,
#buscarOportunidades,
#naoClassificadosDetalhes,
#detalhesLeadsQualificados,
#userChangePass,
#permissionAdd {
  margin-top: 30px;
  padding: 20px;
}

#indexUser .dataTables_filter,
#roleIndex .dataTables_filter,
#roleAdd .dataTables_filter,
#permissionIndex .dataTables_filter,
#companyIndex .dataTables_filter,
#portfolioIndex .dataTables_filter,
#portfolioAdd .dataTables_filter,
#statusIndex .dataTables_filter,
#statusAdd .dataTables_filter,
#justificativasIndex .dataTables_filter,
#justificativasAdd .dataTables_filter,
#justificativasEdit .dataTables_filter,
#termometroIndex .dataTables_filter,
#termometroEdit .dataTables_filter,
#dashboardPage .cardLeads .dataTables_filter,
#indiceQualidade .cardLeads .dataTables_filter,
#painelOportunidades .dataTables_filter,
#detalhesLeadsQualificados .dataTables_filter,
#tabelaPessoasAssociadas_filter {
  width: 400px !important;
}

#btnInterno,
#addPessoaFisica,
#addPessoaJuridica {
  background-color: #00aee6 !important;
  color: white !important;
  padding: 0px 15px 0px 15px !important;
}

#userEdit .input-field input[type="text"]:disabled,
#roleEdit .input-field input[type="text"]:disabled,
#roleDetal .input-field input[type="text"]:disabled,
#modalEditarLead .input-field input[type="text"]:disabled,
#modalEditarPessoaFisica .input-field input[type="text"]:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed !important;
  padding: 10px !important;
}

#dashboardPage .cardLeads,
#indiceQualidade .cardLeads {
  padding: 30px;
}

#textData {
  margin-top: 60px !important;
}

.blockButtonsDash .btn-flat.btnBuscaNova {
  background-color: #00aee6 !important;
  border: 1px solid #00aee6 !important;
  color: #ffffff !important;
  transition: 0.3s ease-out;
  padding: 2px 12px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 2px 12px;
}

.blockButtonsDash .btn-flat.btnLimpaNova {
  background-color: transparent !important;
  border: 1px solid #00aee6 !important;
  color: #00aee6 !important;
  transition: 0.3s ease-out;
  padding: 2px 12px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 2px 12px;
}

.btnBuscaNova .material-icons,
.btnLimpaNova .material-icons {
  font-size: 16px !important;
  margin-right: 5px !important;
  display: flex !important;
  align-items: center !important;
  color: white !important;
}

.btnLimpaNova .material-icons {
  color: #00aee6 !important;
}

.block-collapsible {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.div-nav {
  background-color: #00aee6 !important;
}
.title-page {
  min-height: 0px !important;
}

.copyright {
  padding: 10px 70px !important;
}

.title-page .botaoTitle {
  /*top: 110px !important;*/
  top: 70px !important;
}

.titleBackButton {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: left !important;
  color: #747474;
  font-weight: 400;
  font-size: 25px;
  width: 25% !important;
  /*  width: 40% !important;*/
}

.titleBackButton i.icon-title {
  font-size: 30px !important;
  color: #00aee6 !important;
  margin-right: 8px;
}

.groupFilter span.separadorDash {
  border-left: 0.5px solid #d8d8d8;
  transform: scaleX(0.5);
  height: 74px;
  margin: 0 15px;
}

.groupFilter .blockSelectPort {
  display: flex;
}
.pageDashboard .textPortfolio {
  width: 50% !important;
  margin-right: 5px;
}

#blockPortfolioDash input.select-dropdown,
#blockPortfolio input.select-dropdown {
  font-weight: 400 !important;
}

.pageDashboard #blockSelectPeriodo {
  display: flex;
}

#tabelaPessoasAssociadas .btn-floating,
.btn-delete-tel {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#tabelaPessoasAssociadas .btn-floating i.material-icons,
.btn-delete-tel i {
  font-size: 16px !important;
  line-height: 28px !important;
  color: #ffffff !important;
  display: block !important;
  margin: 0 !important;
}

#tabelaPessoasAssociadas .btn-edit {
  background-color: #ffb300 !important;
}

#tabelaPessoasAssociadas .btn-delete,
.btn-delete-tel {
  background-color: #d32f2f !important;
}

/*
.pageDashboard #blockSelectPeriodo, 
.groupFilter .blockSelectPort {
align-items: flex-end;
}*/
/*
#btnBuscarTitle, 
#btnLimparTitle {
    font-size: 13px !important;
    font-weight: 500 !important;
 padding: 2px 12px;
    
}

#btnBuscarTitle {
    background-color: #00aee6 !important;
    border: 1px solid #00aee6 !important;
    color: #FFFFFF !important;
    padding-top: 0px !important;
    transition: .3s ease-out;
    
}

#btnBuscarTitle i,
#btnLimparTitle i {
  font-size: 15px;
  margin-right: 5px;
}

#btnBuscarTitle:hover {
    
}

#btnLimparTitle {
    background-color: transparent !important;
    border: 1px solid #00aee6 !important;
    color: #00aee6;
    padding-top: 0px !important;
    transition: .3s ease-out;
}
#btnLimparTitle:hover {
   
}*/

.groupFilter {
  margin-right: 50px !important;
}

.groupFilter span {
  font-size: 14px;
  color: #00aee6;
  font-weight: 500;
}

.blockButtonsDash {
  width: 25% !important;
  justify-content: flex-end;
  justify-content: space-evenly !important;
}
#switchDash label {
  font-size: 12px;
  margin: 0 !important;
  color: #727373;
}

#switchDash .switch label input[type="checkbox"]:checked + .lever::after,
.switch label input[type="checkbox"]:checked + .lever::after {
  background-color: #00aee6 !important;
}

#switchDash .switch label input[type="checkbox"]:checked + .lever,
.switch label input[type="checkbox"]:checked + .lever {
  background-color: #b3e5fc !important;
}

#switchDash .switch label input[type="checkbox"] + .lever::after,
.switch label input[type="checkbox"] + .lever::after {
  background-color: #727373 !important;
}

#switchDash .switch label input[type="checkbox"] + .lever,
.switch label input[type="checkbox"] + .lever {
  background-color: #e0e0e0 !important;
}

/**/

#blockButtonsDash {
  margin: 0px 8px;
}

#itemPeriodoInicial,
#itemPeriodoFinal {
  text-align: center;
  background-color: transparent !important;
}

#dashboardPage .select-wrapper input.select-dropdown {
  background-color: transparent !important;
  border-bottom: 1px solid #9e9e9e !important;
}

#dashboardPage .select-wrapper {
  background-color: transparent !important;
}
#blockPortfolioDash .select-wrapper input.select-dropdown,
#dashboardPage .select-wrapper input.select-dropdown {
  background-color: transparent !important;
  border-bottom: 1px solid #9e9e9e !important;
}

#dashboardV3Table_filter input[type="search"] {
  background-color: transparent !important;
  border-bottom: 1px solid #9e9e9e !important;
  color: inherit;
}

#blockPortfolioDash .select-wrapper,
#dashboardV3Table_filter {
  background-color: transparent !important;
}

.brand-logo img {
  height: 30px !important;
}

.div-nav .brand-logo:focus,
.div-nav .brand-logo:active,
.div-nav .brand-logo:hover,
.div-nav .brand-logo-text:focus,
.div-nav .brand-logo-text:active,
.div-nav .brand-logo-text:hover {
  outline: none;
  box-shadow: none;
}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea.materialize-textarea {
  color: #747474;
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
}

.funil {
}

.funil .oportunidade {
  color: #45ad05;
}

.funil .nao-qualificado {
  color: #ff5356;
}

.funil .nao-classificado {
  color: #fb9b00;
}

.funil .mql {
  color: #00aee6;
}
/*
#btnBuscarTitle {
  font-size: 15px !important;
  padding: 2px 8px;
  font-weight: 400;
  background-color: #fbfbfa;
  color: #00aee6;
  text-transform: capitalize;
}

#btnLimparTitle {
  font-size: 15px !important;
  padding: 2px 8px;
  font-weight: 400;
  color: #00aee6;
  background-color: #fbfbfa;
  text-transform: capitalize;
}

#btnBuscarTitle:hover,
#btnLimparTitle:hover {
  background-color: #fbfbfa !important;
  color: #0094c3 !important;
}

#btnBuscarTitle i,
#btnLimparTitle i {
  font-size: 15px;
  margin-right: 5px;
}/*



/*Datatable*/
.tables {
  margin: 0 !important;
}
.dataTables_filter {
  width: 100%;
  margin-left: auto;
  margin-top: 15px;
}

.dataTables_filter label {
  display: flex;
  align-items: center;
  width: 100%;
}

.dataTables_filter input {
  flex-grow: 1;
  width: 100% !important;
  margin-left: 10px !important;
}
table.dataTable thead th {
  background-color: #dddddd !important;
  border-top: 1px solid #dddddd !important;
  border-bottom: 1px solid #dddddd !important;
}

table.dataTable thead th:first-child {
  border-left: 1px solid #dddddd !important;
}

table.dataTable thead th:last-child {
  border-right: 1px solid #dddddd !important;
}

table.dataTable thead th,
table thead tr {
  background-color: #fbfbfa !important;
  color: #333333 !important;
  font-weight: 700;
  color: #747474 !important;
  font-size: 13px;
}

table.dataTable tbody tr:hover td span[style] {
  color: #ffffff !important;
}
table.dataTable tbody tr td,
table.dataTable tbody tr td > .sorting_1,
table.dataTable tbody tr td > .sorting_2,
table.dataTable tbody tr td > .sorting_3 {
  font-weight: 500 !important;
}

table.dataTable tbody tr:hover td,
table.dataTable tbody tr:hover td > .sorting_1,
table.dataTable tbody tr:hover td > .sorting_2,
table.dataTable tbody tr:hover td > .sorting_3 {
  font-weight: 500 !important;
}
table.dataTable tbody tr:hover,
table.dataTable tbody tr:hover td,
table.dataTable.stripe tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.order-column tbody tr:hover > .sorting_1,
table.dataTable.order-column tbody tr:hover > .sorting_2,
table.dataTable.order-column tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even:hover > .sorting_1 {
  background-color: #00aee6 !important;
  color: #ffffff;
}
table.dataTable tbody tr:hover td img {
  border: 2px solid #ffffff !important;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: transform 0.15s ease;
}

table.dataTable tbody tr:hover td img:hover {
  transform: scale(1.1);
}

table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
  background-color: #ffffff !important;
}

table.dataTable tbody tr td.sorting_1 {
  background-color: #ffffff !important;
}

table.dataTable tbody tr:hover td.sorting_1 {
  background-color: #00aee6 !important;
  color: #ffffff !important;
}

table.dataTable tbody tr td {
  border-bottom: 1px solid #ebebeb !important;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #ebebeb !important;
}

table.dataTable tbody tr:hover td i {
  color: #ffffff !important;
}
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea.materialize-textarea {
  color: #747474;
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
  width: 100% !important;
  box-sizing: border-box;
}
/* Footer - Copyright */ /*
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea.materialize-textarea {
  width: 130px;
}*/

/*
.top-actions {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.search-container {
    margin-top: 20px;
}

.search-container .dataTables_filter {
    float: none !important;
    margin: 0 !important;
}
*/

/* Modal */
#modalLoading {
  display: none;
}
/* Modal */

/* Desktop */

/* Media queries */
/* Tablet */
@media only screen and (max-width: 1024px) {
  .title-page .titleBackButton {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
}
/* Tablet */

/* Mobile */
@media only screen and (max-width: 600px) {
  .title-page .title-page .titleBackButton {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
}
/* Mobile */

.td-action a {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 100%;
  padding: 0px !important;
  margin-right: 0px !important;
  transition: color 0.2s ease !important;
}

.td-action a:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
}

.td-action a i {
}

.td-action .btn-flat.btn-edit,
.td-action .btn-flat.btn-destroy {
  padding: 3px !important;
}

.td-action .btn-flat.btn-edit i,
.td-action .btn-flat.btn-destroy i {
  font-size: 20px !important;
}

.td-action .btn-view i {
  color: #00aee6 !important;
  transition: color 0.2s ease;
}
#dashboardV3Table tbody tr:hover .btn-view i {
  color: #ffffff !important;
}

#dashboardV3Table .btn-view i {
  color: #00aee6 !important;
  transition: color 0.2s ease-in-out;
}

/*Datatable pagination*/
.dataTables_paginate {
  margin-top: 20px;
  text-align: right;
}

.material-pagination {
  display: inline-flex;
  padding-left: 0;
  list-style-type: none;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.material-pagination li {
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 0 2px;
  border: none !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease;
}

.material-pagination li a {
  color: #00aee6 !important;
  display: block;
  font-size: 14px;
  padding: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  border: none !important;
}

.material-pagination li a i {
  font-size: 22px;
  line-height: 30px;
  color: inherit !important;
}

.material-pagination li.active {
  background-color: #00aee6 !important;
}

.material-pagination li.active a {
  color: #ffffff !important;
  font-weight: 600;
}

.material-pagination li.waves-effect:hover {
  background-color: rgba(0, 174, 230, 0.1) !important;
}

.material-pagination li.disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  background-color: transparent !important;
}

.material-pagination li.disabled a,
.material-pagination li.disabled a i {
  color: #cccccc !important;
}

.material-pagination li a:focus,
.material-pagination li a:active,
.material-pagination li.waves-effect:focus,
.material-pagination li:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.material-pagination li.active:focus,
.material-pagination li.active a:focus {
  background-color: #00aee6 !important;
}

/* ------------------------------------------------------------------------------------------- */
/* Modal Adicionar Lead */
/* ------------------------------------------------------------------------------------------- */
.modal .modal-content {
  padding: 50px !important;
}

#modalAdicionarLead .tabs .indicator {
  display: none !important;
}

#modalAdicionarLead .tabs {
  display: flex !important;
  background-color: transparent !important;
  border: none !important;
}

#modalAdicionarLead .tabs .tab a {
  background-color: #fbfbfa !important;
  color: #747474 !important;
  font-weight: 400 !important;
  border-bottom: 2px solid #fbfbfa !important;
  text-transform: capitalize !important;
  transition: all 0.2s ease;
}

#modalAdicionarLead .tabs .tab a.active {
  background-color: #d9f6ff !important;
  color: #00aee6 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #00aee6 !important;
}

#modalAdicionarLead .tabs .tab a:focus,
#modalAdicionarLead .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border: none !important;
}

#modalAdicionarLead .tabs .tab a,
#modalAdicionarLead .tabs .tab a:focus,
#modalAdicionarLead .tabs .tab a:active,
#modalAdicionarLead .tabs .tab a:hover,
#modalAdicionarLead .tabs .tab a.active,
#modalAdicionarLead .tabs .tab a.active:focus {
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#modalAdicionarLead .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border-bottom: 2px solid #00aee6 !important;
}

#modalAdicionarLead .tabs .tab a:focus:not(.active) {
  background-color: #fbfbfa !important;
  border-bottom: 2px solid #fbfbfa !important;
}

#modalAdicionarLead #tabDashboard1,
#modalAdicionarLead #tabDashboard2,
#modalAdicionarLead #tabDashboard3,
#modalAdicionarLead #tabDashboard4 {
  padding: 30px;
}
#modalAdicionarLead i {
  margin-right: 10px;
}

.modal-content h4 {
  border: 0 !important;
}

/* ------------------------------------------------------------------------------------------- */
/* Página de detalhes */
/* ------------------------------------------------------------------------------------------- */

.title h3 {
  color: #00aee6;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/*
#tabDetalhes1 .body .row,
#tabDetalhes2 .body .row,
#tabDetalhes3 .body .row,
#tabDetalhes4 .body .row {
    padding: 20px 10px;
}
*/
.block-collapsible li {
  margin-bottom: 30px;
}

.block-collapsible li:last-child {
  margin-bottom: 0;
}

.block-collapsible li .body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.block-collapsible li .row {
  margin-bottom: 15px !important;
}

.block-collapsible input[type="text"]:disabled,
#permissionDetails input[type="text"]:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  height: 3rem !important;
  text-align: left;
}

/*

.block-collapsible .input-field,
.block-collapsible .select-wrapper {
  margin-top: 2.5rem !important;
  border: 1px solid red  !important;
}
*/

/*
.block-collapsible .select-wrapper  {
  border: 1px solid red  !important;
  top: -2.2rem !important;
}*/

.block-collapsible .input-field .select-wrapper input.select-dropdown {
  height: 3rem !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.block-collapsible .input-field .select-wrapper + label.active {
  position: absolute !important;
  top: -2.2rem !important;
  font-size: 0.9rem !important;
  /* color: #747474 !important;*/
  transform: none !important;
  pointer-events: none;
  left: 0.75rem;
  color: #9d9d9d !important;
}

.block-collapsible .select-wrapper input.select-dropdown:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed !important;
}

.block-collapsible .input-field select:disabled ~ label.active {
  color: #9d9d9d !important;
}

.block-collapsible .input-field label.activeDate {
  position: absolute;
  top: -2.2rem !important;
  /* left: 10px;*/
  font-size: 0.9rem !important;
  color: #747474 !important;
  transform: none !important;
  pointer-events: none;
}

.block-collapsible .title h3 {
  /* border: 1px solid red;*/
  margin-bottom: 35px !important;
}

.input-field label:not(.label-icon).active,
.block-collapsible .input-field label.activeDate,
.select-wrapper + label,
.input-field.col label {
  color: #9d9d9d !important;
  font-size: 0.9rem !important;
}

.block-collapsible .input-field input[type="text"]:focus + label.activeDate {
  color: #00aee6 !important;
  text-align: left;
}

.block-collapsible .input-field input[type="text"]:focus {
  border-bottom: 1px solid #00aee6 !important;
  box-shadow: 0 1px 0 0 #00aee6 !important;
  text-align: left;
}

.block-collapsible .input-field input[type="text"]:disabled + label.activeDate {
  color: #9d9d9d !important;
  text-align: left;
}

.block-collapsible textarea.materialize-textarea {
  height: 125px !important;
  text-align: left;
}

.block-collapsible input[type="text"]:disabled,
.block-collapsible textarea.materialize-textarea:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed;
  padding: 10px !important;
  box-sizing: border-box !important;
  text-align: left;
}

.block-collapsible textarea.materialize-textarea:disabled {
  height: 125px !important;
  padding-top: 15px !important;
  text-align: left;
}

.block-collapsible .input-field textarea[type="text"]:disabled + label.activeDate,
.block-collapsible .input-field textarea.materialize-textarea:disabled + label.activeDate {
  color: #b0b0b0 !important;
}

.block-collapsible .input-field input[type="text"]:focus + label.activeDate,
.block-collapsible .input-field textarea.materialize-textarea:focus + label.activeDate {
  color: #00aee6 !important;
}

.block-collapsible .input-field input[type="text"]:focus,
.block-collapsible .input-field textarea.materialize-textarea:focus {
  border-bottom: 1px solid #00aee6 !important;
  box-shadow: 0 1px 0 0 #00aee6 !important;
}

.select-wrapper .dropdown-content li {
  padding: 0 !important;
  margin: 0 !important;
  min-height: unset !important;
  height: auto !important;
  line-height: normal !important;
}

.select-wrapper .dropdown-content li > span {
  display: block !important;
  width: 100% !important;
  padding: 10px !important;
  margin: 0 !important;
  line-height: 16px !important;
  min-height: unset !important;
  height: auto !important;
}

input:not([type="hidden"]):not(:disabled),
select:not(:disabled) {
  background-color: #f0faff !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  height: 3rem !important;

  margin-top: 0px !important;
}

textarea:not(:disabled) {
  background-color: #f0faff !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 120px;
}

input:not([type="hidden"]):not(:disabled):focus,
select:not(:disabled):focus {
  background-color: #e1f5fe !important;
}

textarea:not(:disabled):focus {
  background-color: #e1f5fe !important;
}

#camposFisica .input-field input[type="text"]:focus + label,
#camposFisica .input-field input[type="text"]:valid + label,
#camposJuridica .input-field input[type="text"]:focus + label,
#camposJuridica .input-field input[type="text"]:valid + label,
#camposFisica .input-field input[type="text"]:-webkit-autofill + label,
#camposJuridica .input-field input[type="text"]:-webkit-autofill + label {
  position: absolute !important;
  top: -2.2rem !important;
  font-size: 0.9rem !important;
  color: #9d9d9d !important;
  transform: none !important;
}

#containerCampos {
  margin-top: 15px !important;
}

#containerCampos button#addPessoa {
  margin-top: 5px !important;
}

.modal-content .input-field input[type="text"]:focus + label,
.modal-content .input-field input[type="text"]:valid + label,
.modal-content .input-field input[type="text"]:-webkit-autofill + label,
.modal-content .input-field label.active,
.modal-content .input-field label.activeDate {
  position: absolute !important;
  top: -2.2rem !important;
  font-size: 0.9rem !important;
  color: #9d9d9d !important;
  transform: none !important;
}

.modal-content .select-wrapper input.select-dropdown:focus + label,
.modal-content .select-wrapper + label.active {
  position: absolute !important;
  top: -2.2rem !important;
  font-size: 0.9rem !important;
  color: #9d9d9d !important;
  transform: none !important;
}

.modal-content input[type="text"]:disabled,
.modal-content textarea:disabled,
.modal-content .select-wrapper input.select-dropdown:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  text-align: left;
}

.modal-content textarea:disabled {
  height: 125px !important;
  padding-top: 15px !important;
}

#modalBuscarDadosPessoa h5 {
  margin-bottom: 40px !important;
}

/**/
#userChangePass input:disabled,
#portfolioAdd input:disabled,
#portfolioEdit input:disabled,
#statusAdd input:disabled,
#statusEdit input:disabled,
#justificativasAdd input:disabled,
#justificativasEdit input:disabled,
#termometroAdd input:disabled,
#termometroEdit input:disabled,
#addUser input:disabled,
#userEdit input:disabled,
#roleAdd input:disabled,
#roleEdit input:disabled,
#permissionAdd input:disabled,
#permissionEdit input:disabled,
#companyAdd input:disabled,
#companyEdit input:disabled {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #dfdfdf !important;
  color: #9e9e9e !important;
  cursor: not-allowed !important;

  height: 3rem !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  margin-top: 0px !important;
  text-align: left;
}
#userChangePass input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#portfolioAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#portfolioEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#statusAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#statusEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#justificativasAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#justificativasEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#termometroAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#termometroEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#addUser input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#userEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#roleAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#roleEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#permissionAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#permissionEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#companyAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled),
#companyEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled) {
  background-color: #f0faff !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  height: 3rem !important;
  margin-top: 0px !important;
}

#userChangePass input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#portfolioAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#portfolioEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#statusAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#statusEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#justificativasAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#justificativasEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#termometroAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#termometroEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#addUser input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#userEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#roleAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#roleEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#permissionAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#permissionEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#companyAdd input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus,
#companyEdit input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):focus {
  background-color: #e1f5fe !important;
}

#userChangePass .input-field input:focus,
#portfolioAdd .input-field input:focus,
#portfolioEdit .input-field input:focus,
#statusAdd .input-field input:focus,
#statusEdit .input-field input:focus,
#justificativasAdd .input-field input:focus,
#justificativasEdit .input-field input:focus,
#termometroAdd .input-field input:focus,
#termometroEdit .input-field input:focus,
#addUser .input-field input:focus,
#userEdit .input-field input:focus,
#roleAdd .input-field input:focus,
#roleEdit .input-field input:focus,
#permissionAdd .input-field input:focus,
#permissionEdit .input-field input:focus,
#companyAdd .input-field input:focus,
#companyEdit .input-field input:focus {
  border-bottom: 1px solid #00aee6 !important;
  box-shadow: 0 1px 0 0 #00aee6 !important;
}

#userChangePass .input-field label,
#portfolioAdd .input-field label,
#portfolioEdit .input-field label,
#statusAdd .input-field label,
#statusEdit .input-field label,
#justificativasAdd .input-field label,
#justificativasEdit .input-field label,
#termometroAdd .input-field label,
#termometroEdit .input-field label,
#addUser .input-field label,
#userEdit .input-field label,
#roleAdd .input-field label,
#roleEdit .input-field label,
#permissionAdd .input-field label,
#permissionEdit .input-field label,
#companyAdd .input-field label,
#companyEdit .input-field label {
  position: absolute !important;
  top: -2.2rem !important;
  font-size: 0.9rem !important;
  color: #9d9d9d !important;
  transform: none !important;
  pointer-events: none;
}

#userChangePass .input-field input:focus + label,
#portfolioAdd .input-field input:focus + label,
#portfolioEdit .input-field input:focus + label,
#statusAdd .input-field input:focus + label,
#statusEdit .input-field input:focus + label,
#justificativasAdd .input-field input:focus + label,
#justificativasEdit .input-field input:focus + label,
#termometroAdd .input-field input:focus + label,
#termometroEdit .input-field input:focus + label,
#addUser .input-field input:focus + label,
#userEdit .input-field input:focus + label,
#roleAdd .input-field input:focus + label,
#roleEdit .input-field input:focus + label,
#permissionAdd .input-field input:focus + label,
#permissionEdit .input-field input:focus + label,
#companyAdd .input-field input:focus + label,
#companyEdit .input-field input:focus + label {
  color: #00aee6 !important;
}

.select-wrapper span.caret {
  color: #00aee6 !important;
  right: 15px !important;
}
.select-wrapper span.caret.disabled {
  color: #d1d1d1 !important;
  right: 15px !important;
}
/**/

/* Modal detalhes Page */

#detalhesPage .tabs .indicator {
  display: none !important;
}

#detalhesPage .tabs {
  display: flex !important;
  background-color: transparent !important;
  border: none !important;
}

#detalhesPage .tabs .tab a {
  background-color: #fbfbfa !important;
  color: #747474 !important;
  font-weight: 400 !important;
  border-bottom: 2px solid #fbfbfa !important;
  text-transform: capitalize !important;
  transition: all 0.2s ease;
}

#detalhesPage .tabs .tab a.active {
  background-color: #d9f6ff !important;
  color: #00aee6 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #00aee6 !important;
}

#detalhesPage .tabs .tab a:focus,
#detalhesPage .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border: none !important;
}

#detalhesPage .tabs .tab a,
#detalhesPage .tabs .tab a:focus,
#detalhesPage .tabs .tab a:active,
#detalhesPage .tabs .tab a:hover,
#detalhesPage .tabs .tab a.active,
#detalhesPage .tabs .tab a.active:focus {
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#detalhesPage .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border-bottom: 2px solid #00aee6 !important;
}

#detalhesPage .tabs .tab a:focus:not(.active) {
  background-color: #fbfbfa !important;
  border-bottom: 2px solid #fbfbfa !important;
}

#detalhesPage #tabDetalhes1,
#detalhesPage #tabDetalhes2,
#detalhesPage #tabDetalhes3,
#detalhesPage #tabDetalhes4 {
  padding: 30px;
}
#detalhesPage i {
  margin-right: 10px;
}

/* Modal Editar Lead */

#modalEditarLead .tabs .indicator {
  display: none !important;
}

#modalEditarLead .tabs {
  display: flex !important;
  background-color: transparent !important;
  border: none !important;
}

#modalEditarLead .tabs .tab a {
  background-color: #fbfbfa !important;
  color: #747474 !important;
  font-weight: 400 !important;
  border-bottom: 2px solid #fbfbfa !important;
  text-transform: capitalize !important;
  transition: all 0.2s ease;
}

#modalEditarLead .tabs .tab a.active {
  background-color: #d9f6ff !important;
  color: #00aee6 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #00aee6 !important;
}

#modalEditarLead .tabs .tab a:focus,
#modalEditarLead .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border: none !important;
}

#modalEditarLead .tabs .tab a,
#modalEditarLead .tabs .tab a:focus,
#modalEditarLead .tabs .tab a:active,
#modalEditarLead .tabs .tab a:hover,
#modalEditarLead .tabs .tab a.active,
#modalEditarLead .tabs .tab a.active:focus {
  outline: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#modalEditarLead .tabs .tab a:focus.active {
  background-color: #d9f6ff !important;
  border-bottom: 2px solid #00aee6 !important;
}

#modalEditarLead .tabs .tab a:focus:not(.active) {
  background-color: #fbfbfa !important;
  border-bottom: 2px solid #fbfbfa !important;
}

#modalEditarLead #tabEditarLead1,
#modalEditarLead #tabEditarLead2,
#modalEditarLead #tabEditarLead3 {
  padding: 30px;
}
#modalEditarLead i {
  margin-right: 10px;
}

#classificarLead {
  display: inline-block;
}

#alterarPortfolio,
#alterarStatus {
  display: none;
}

#listaTelefonesPessoa {
  visibility: hidden;
}

.btn-delete,
.btn-delete-tel {
  background-color: #d32f2f !important;
}

/*


.select-wrapper .caret {
    right: 0 !important; 
    top: 50% !important;
    transform: translateY(-50%); 
    position: absolute !important;
}

.select-wrapper {
    position: relative;
    padding-right: 25px; 
}
*/

#countInvalida,
#countEventos {
  background-color: #e73535 !important;
  color: #ffffff !important;
}

/* Menu */
.div-nav {
  position: fixed;
  z-index: 4;
  top: 0;
  background: #00aee6 !important;
}

.div-nav .brand-logo,
.div-nav .brand-logo-text {
  color: white;
}

.div-nav ul li a {
  color: white;
}

.iconMenuTop {
  float: left;
  width: 49px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.side-nav {
  top: 55px;
  padding-bottom: 120px;
}

.side-nav.fixed {
  width: 300px !important;
  border-right: 1px solid #ccc;
}

.side-nav.fixed.layoutClose {
  width: 49px !important;
}

.side-nav.fixed.layoutClose .m-home .collapsible-header {
  padding: 0 12px;
}

.side-nav li > a > i,
.side-nav li > a > i.material-icons {
  color: #00aee6 !important;
}

.side-nav.fixed.no-transition {
  transition: none !important;
}

.side-nav.fixed {
  transition: width 0.3s ease;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 993px) {
  .side-nav.fixed {
    transition: width 0.5s linear;
  }
}

@media (max-width: 992px) {
  .side-nav.fixed {
    z-index: 99999;
    overflow: auto;
  }

  .button-collapse {
    position: fixed;
    top: 10px;
    left: 15px;
  }
}
/* Menu */