/* Área destinada a customização de cada portal */

/* Inicio imports */

@import "card-home.css";
@import "fonts.css";
@import "stepper.css";
@import "color-fields.css";
@import "responsive.css";

@font-face {
  font-family: 'Poppins';
  src: url("Poppins-Regular.ttf");
}

/* fim imports */

/* Início Tags */

div[data-selector="alinhamento_mobile"] td {
  width: 100%;
  display: inline-table
}

/* Configurações de estilização das masters no portal*/
div[data-selector="estilizar-master"] .view-master {
  box-shadow: none !important;
  border: 2px solid #d6d6d6 !important;
  border-radius: 5px !important;
  margin-top: 5px !important;
  margin-bottom: 8px !important;
}

/* Configurações de estilização das masters no portal na area admin*/
div[data-selector="estilizar-master-admin"] .view-master {
  box-shadow: none !important;
  border: 2px solid #d6d6d6 !important;
  border-radius: 5px !important;
  margin-top: 38px !important;
  margin-bottom: 8px !important;
}

/* Configurações atalho WhatsApp */
div.fab-container:has(button[class~="alinhamento-btn-whatsapp"]) {
  bottom: 210px !important
}


/*Inicio estilizacao lista com cards Home Segurado*/
div[data-selector="estilizar-lista-cards"] .v-list-item.theme--light {
  display: flex;
  gap: 12px;
}

div[data-selector="estilizar-lista-cards"] .v-list-item__content:has(.v-list-item__title) {
  flex-basis: auto !important;
  flex-grow: 0 !important;
}

div[data-selector="estilizar-lista-cards"] .v-list-item__title {
  flex-basis: auto !important;
  flex-grow: 0 !important;
  font-weight: bold !important;
}


div[data-selector="estilizar-lista-cards"] .v-list-item__content:has(.v-list-item__subtitle) {
  flex-grow: 1 !important;
  text-align: start !important;
}

div[data-selector="estilizar-lista-cards"].v-list-item__subtitle {
  flex-grow: 1 !important;
  text-align: start !important;
  padding-left: 5px !important;
}

/*Fim estilizacao lista com cards Home Segurado*/

/* Fim Tags */

/* Início Classes */

.v-application#app {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-h1,
.v-application#app .text-h2,
.v-application#app .text-h3,
.v-application#app .text-h4,
.v-application#app .text-h5,
.v-application#app .text-h6 {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-body-1,
.v-application#app .text-body-2 {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-button {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-caption {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-overline {
  font-family: 'Poppins', sans-serif !important;
}

.v-application#app .text-subtitle-1,
.v-application#app .text-subtitle-2 {
  font-family: 'Poppins', sans-serif !important;
}

/* Sidebar - Cor ícone menu selecionado */
.i4pro-sidebar .v-list-item--first .v-list-group__header.v-list-item--active {
  color: var(--v-primary-base) !important;
}

#mainContent:has(.force-white-background) {
  background-color: white !important;
}
.container.form-dialog:has(.force-white-background) {
  background-color: white !important;
}

.v-btn--whatsapp {
  border-radius: 10% !important;
  height: 40px !important;
  width: 40px !important;
}

.v-btn--acao_rodape {
  border-radius: 40px !important;
  height: 40px !important;
  box-shadow: none !important;
}

/* Classe para remover a linha do componente de select */
.remove-input-border .v-input__slot:before,
.remove-input-border .v-input__slot:after {
  border: none !important;
}
/* Define uma borda na cor cinza para utilização nos groups*/
.border-group {
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 12px 0px;
}

/* Define uma borda na cor cinza com espaçamento para utilização nos forms das tabs de detalhe*/
.border-group-tab-detalhe {
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding-top: 24px !important;
  margin: 12px 0px 12px 0px;
}

/* remove um sombreamento padrão que é definido em groups com uso de ' header:true '*/
.border-group .v-expansion-panels {
  z-index: unset !important;
}

/* Define uma borda na cor cinza para utilização da tela de Iniciar Cotação*/
div.border-group-iniciar-cotacao .v-tabs {
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 12px 0px;
  box-shadow: none !important;
}

/* remove o sombreamento e adiciona uma borda aos cards da pagina Dashboard '*/
.border-group-dashboard .v-expansion-panels {
  z-index: unset !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
}

/* Classe utilizada apenas no group de Apolices emitidas por produtos no Dashboard */
.border-group-dashboard-apolice-produtos {
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 4px 0px;
}

/* Define uma borda na cor cinza nas sublistas */
div.v-data-table .v-data-table__custom {
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 0px 0px;
  box-shadow: none !important
}

/* Layout de listas */
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-flat-table-generico"] {
  box-shadow: none !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 0px 0px;
}

/* Layout de listas em dialogs*/
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-flat-table-dialog"] {
  box-shadow: none !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 0px 12px 0px;
}

/* Layout de listas nas homes - Minhas Apólices e Últimas Interações */
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-flat-table-home"] {
  box-shadow: none !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 12px 0px 12px;
}

/* Layout das listas de Coberturas */
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-flat-table-coberturas"] {
  box-shadow: none !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: -7px 0px 12px 0px;
}

/* Config para retirar sombreamento das listas - Acompanhamento de Propostas*/
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-table-box-shadow-none"] {
  box-shadow: none !important;
}

/* Config para retirar sombreamento das listas e ajustar o tamanho das linhas - material de apoio - lista editavel*/
/*Inicio*/
.v-application .v-data-table.v-data-table__custom[custom-selector="custom-editable-list-box-shadow-none-line-height"] {
    box-shadow: none !important;
}

.v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
.v-data-table > .v-data-table__wrapper > table > tfoot > tr > td,
.v-data-table > .v-data-table__wrapper > table > thead > tr > td[custom-selector="custom-editable-list-box-shadow-none-line-height"] {
    height: 32px !important;
}
/*Fim*/

/* Config para os cards de Meus Corretores da Home e da página */
.v-data-iterator--custom__card {
  box-shadow: none !important;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  padding: 0px !important;
  margin: 0px 12px 12px 12px;
}

/* Classe para remover o icone default do componente i4proColorPicker */
.mdi-palette {
  cursor: default !important;
  opacity: 0 !important;
}

/* Classes para remover o cursor "block" ao passar o mouse pelo componente */
div.v-input--is-readonly {
  cursor: auto !important;
}

div.v-input--is-readonly input {
  cursor: pointer !important;
}

/* Fim Classes */


/* Início id */

/* Esconder ícone do list com grids*/
#icon-list {
  display: none !important
}

#icon-grid {
  display: none !important
}

/* Fim id*/