/* ------------------- */
/* COLORS */
/* ------------------- */

.navy {
    color: #193666 !important;
}

.blue {
    color: #4ac4d5 !important;
}

.orange {
    color: #ea7a5d !important;
}

.yellow {
    color: #fbad18 !important;
}

.white {
    color: #f4f4e2 !important;
}

.green {
    color: #20c997 !important;
}

.grey {
    color: #5e6166 !important;
}

.light-grey {
    color: #a7a9ac !important;
}

.purple {
    color: #6455d0 !important;
}

.navy-fill {
    fill: #182d54 !important;
}

.blue-fill {
    fill: #4ac4d5 !important;
}

.orange-fill {
    fill: #ea7a5d !important;
}

.yellow-fill {
    fill: #fbad18 !important;
}

.white-fill {
    fill: #f4f4e2 !important;
}

.purple-fill {
    fill: #6455d0 !important;
}


.green-fill {
    fill: #20c997 !important;
}

.grey-fill {
    fill: #5e6166 !important;
}

.light-grey-fill {
    fill: #a7a9ac !important;
}



.navy-background {
    background-color: #193666 !important;
}

.blue-background {
    background-color: #4ac4d5 !important;
}

.blue-light-background {
    background-color: #9cdce2 !important;
}

.blue-dark-background {
    background-color: #25939e !important;
}

.blue-darker-background {
    background-color: #126266 !important;
}


.orange-background {
    background-color: #ea7a5d !important;
}

.orange-light-background {
    background-color: #f49a8c !important;
}

.orange-dark-background {
    background-color: #d34f39 !important;
}

.orange-darker-background {
    background-color: #aa3b2d !important;
}

.yellow-background {
    background-color: #fbad18 !important;
}

.white-background {
    background-color: #f4f4e2 !important;
}

.green-background {
    background-color: #20c997 !important;
}

.grey-background {
    background-color: #5e6166 !important;
}

.light-grey-background {
    background-color: #a7a9ac !important;
}

.purple-background {
    background-color: #6455d0 !important;
}

.purple-light-background {
    background-color: #8884d3 !important;
}

.purple-dark-background {
    background-color: #5551af !important;
}

.purple-darker-background {
    background-color: #453f77 !important;
}


.orange-border {
    border: 1px solid rgba(234, 122, 93, 0.25) !important;
}

.blue-border {
    border: 1px solid rgba(74, 196, 213, 0.25) !important;
}

.yellow-border {
    border: 1px solid rgba(251, 173, 24, 0.25) !important;
}

.purple-border {
    border: 1px solid rgba(100, 85, 208, 0.25) !important;
}

.navy-border {
    border: 1px solid rgba(24, 45, 84, 0.25) !important;
}

.green-border {
    border: 1px solid rgba(32, 201, 151, 0.25) !important;
}

/* ------------------- */
/* navbar */
/* ------------------- */
.navbar-laguna {
    background-color: #6455d0 !important;
    border-bottom: #192e55 1px solid;
}


/* Logo basic style */
.logo-img {
    height: 45px;
    width: auto;
    transition: transform 0.3s ease;
    /* smooth transition */
}

/* When mouse hovers over logo */
.logo-img:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}


/* Title next to logo */
.portal-equipe-texto {
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
}



@media (min-width: 992px) {

    .navbar-laguna .nav-link,
    .navbar-laguna .nav-item {
        font-size: 0.875rem;
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .logo-img {
        height: 35px;
    }

    .portal-equipe-texto {
        font-size: 1rem;
    }
}



/* ------------------- */
/* FONTS */
/* ------------------- */

.minha-loja h4 {
    color: White;
    margin-bottom: 0;
}

.p-small,
.text-small {
    font-size: 0.75rem;
}

/* a {
    color: #4ac4d5;
    font-weight: bold;
} */


label {
    color: #a7adb7;
    text-transform: uppercase;
    font-size: 0.65rem;
}

.uppercase {
    text-transform: uppercase;
}

.link-item-estoque{
    text-decoration: underline !important; 
}


/* ------------------- */
/* ICONs */
/* ------------------- */
.icon-circle, .icon-circle-grey {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;           
    height: 25px;
    border-radius: 50%;
  }



  .icon-circle:hover {
    background-color: #193666 !important;

  }

   .icon-circle-grey:hover {
    background-color: #cecece !important;

  }

/* ------------------- */
/* extra */
/* ------------------- */

.cursor-show {
    cursor: pointer;
}

.margin-0 {
    margin: 0 !important;
}

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


.hide {
    display: none !important;
}

.icon-mouseover:hover {
    transform: scale(1.2);
    transition: transform 0.2s ease-in-out;
}

.icon-mouseover-purple:hover {
    fill: #6455d0;
}


/* rotina checklist  */
.editable-item {
    flex: 1;
    display: block;
    word-break: break-word;
}

input.inline-edit-checklist {
    width: 100%;
    flex: 1;
    min-width: 200px;
}

.drag-handle {
    cursor: grab;
    user-select: none;
    font-size: 1.2rem;
    opacity: 0.5;
}

.drag-handle:hover {
    opacity: 1;
}

/* ------------------- */
/* DIV TABLES  */
/* ------------------- */
.table-row-header {
    color: #182d54;
    background-color: white;
    border-color: #4ac4d5;
    border-bottom: 1px solid #4ac4d5;
    border-top: 1px solid #4ac4d5;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 0.85rem;
}

.table-row-header div,
.table-row-content div {
    padding-bottom: .75rem;
    padding-top: .75rem;
}

.table-row-header .border-right,
.table-row-content .border-right {
    border-right: solid 1px #4ac4d5;
}

.table-row-header p,
.table-row-content p {
    margin: 0;
}


.table-row-content {
    vertical-align: middle;
    border-bottom: 1px solid #4ac4d5;
    font-size: 0.85rem;
    color: #5e6166;
}

.table-row-content a {
    color: #5e6166;
    text-decoration: none;
}

.table-row-content a:hover {
    color: #4ac4d5;
    font-weight: bold;
}

.table-row-content:hover {
    background-color: #f1f2f2;
}

/* ------------------- */
/* PAGINA MINHA LOJA  */
/* ------------------- */

.minha-loja .card {
    border-radius: 1rem !important;
}

.minha-loja .card-header {
    border-radius: 1rem 1rem 0px 0px !important;
}

.minha-loja .header-laranja {
    background-color: #ea7a5d;
}

.minha-loja .header-azul {
    background-color: #4ac4d5;
}

.minha-loja .header-amarelo {
    background-color: #fbad18;
}

.minha-loja label {
    color: #a7adb7;
    text-transform: uppercase;
    font-size: 0.65rem;
}

.minha-loja p {
    color: #182d54;
}

.minha-loja .card-documento {
    border: none;
}


.minha-loja .card-body-amarelo {
    background-color: #f4f4e2;
}


/* ------------------- */
/* PAGINA EQUIPE CLIENTE  */
/* ------------------- */


.documentos-cliente #div_id_iptu,
.documentos-cliente #div_id_dati,
.documentos-cliente #div_id_habitse,
.documentos-cliente #div_id_contrato {
    margin: 10px !important;
}

.documentos-cliente #div_id_iptu input,
.documentos-cliente #div_id_dati input,
.documentos-cliente #div_id_habitse input,
.documentos-cliente #div_id_contrato input {
    padding: 0;
    font-size: 0.8rem;
}

.documentos-cliente .btn-salvar {
    background-color: #fff;
    padding: 0 10px;
}

.documentos-cliente .btn-salvar:hover {
    background-color: #6455d0;
    padding: 0 10px;
}

.btn-editar {
    padding: 0 10px !important;
}

/* ------------------- */
/* COMUNICADOS */
/* ------------------- */

.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 2-column layout */
    gap: 0.6rem 1.2rem;
}

.checkbox-grid label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
}

/* Make the checkbox itself larger */
.checkbox-grid input[type="checkbox"] {
    width: 1.2em;
    height: 1.2em;
    transform: scale(1.2);
}

.checkbox-grid label {
    padding: 0.3rem 0;
}


/* COMUNICADOS CLIENTES */
/* 
.comunicados .comunicado {
    border: 1px solid rgba(234, 122, 93, 0.25);
    border-radius: 0.5rem;
    padding: 20px;
} */

/* ------------------- */
/* BUTTONS */
/* ------------------- */

.login-portal .btn-login,
.btn-light-blue {
    background-color: #4ac4d5;
    border-color: #4ac4d5;
    text-decoration: none;
    color: #182d54;
}

.login-portal .btn-login:hover,
.btn-light-blue:hover {
    background-color: #182d54;
    border-color: #182d54;
    color: white;
    text-decoration: none;
}

.btn-focus-none:focus {
    outline: none;
    box-shadow: none;
}

.btn-lupa {
    background-color: transparent;
    border: none;
    padding: 0.3rem;
    transition: all 0.3s ease;
}


.btn-lupa:focus {
    outline: none;
    box-shadow: none;
}

.btn-lupa svg {
    transition: transform 0.3s ease;
}

.btn-lupa:hover svg {
    transform: scale(1.2);
}

.mouseover-underline:hover {
    text-decoration: underline;
}


.btn-xs {
    padding: 5px !important;
    font-size: 10px;
}

.hover-bg-light:hover {
    background-color: #f8f9fa;
}

/* drive */

.btn-drive {
    white-space: nowrap !important;
    /* keep text in one line */
}

/* .btn-sm-drive {
    padding: .25rem .6rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
} */

/* ------------------- */
/* MODAL */
/* ------------------- */

.modal-consumo .anexo-consumo {
    width: 100%;
}

/* 
.modal-body iframe {
    height: 75vh;
    width: 100%;
    border: none;
} */

.modal-dialog {
    max-width: 90%;
    margin: auto;
}

.modal-content.modal-boleto {
    height: 90vh;
}

.modal-body {
    height: 100%;
    overflow: hidden;
}


/* ------------------- */
/* MODAL ROTINA*/
/* ------------------- */

.editable-item:hover {
    text-decoration: none;
    background-color: #efefef;
    border-radius: 3px;
    /* color: #6455d0; */
}


.editable-field:hover {
    text-decoration: none;
    background-color: #efefef;
    border-radius: 5px;
    /* color: #6455d0; */
}


/* ------------------- */
/* BOLETOS */
/* ------------------- */

 /* tighten crispy default spacing inside the filter only */
  #filtro-boletos .mb-3 { margin-bottom: .4rem !important; }
  #filtro-boletos .form-label { margin-bottom: .25rem; }

  /* ensure flatpickr-created inputs don’t change size */
  #filtro-boletos .flatpickr-input.form-control-sm { height: auto; }

  #filtro-boletos .form-label{
    margin-bottom: 0px !important;
  }



  /* ------------------- */
/* FORMS */
/* ------------------- */

.form-saldo-estoque-editar .mb-3 {
  margin-bottom: 0 !important;
}