/* Navbar */
  .mdc-top-app-bar {
    background-color: rgb(20, 59, 28);
    color: #ffffff;
    padding: 7px 20px;
    z-index: 9;
    position: static;
  } 
 #navnomusr{
  color: white;
 }

/*
#headerfijo{
  position: fixed;
 /*top: 0;
  left: 240px; /* ← ajusta según el ancho real de tu sidebar */
 /* right: 24px;
  height: 64px; /* ← ajusta a la altura de tu navbar */
 /* z-index: 1000; */
  /*width: calc(100% - 243px);
 /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* opcional */
/*}
*/

  .btn-header{
    border-radius: 8px !important;
    background: #b2c6b6 !important;
    color: #143b1c !important;
    width: 36px !important;
    height: 36px !important;
    padding-top: .16rem !important;
  }

  .mdc-menu .mdc-list {
    background-color: #a9b2ab;
  }

/* .pc-head-link {
    color: var(--pc-header-color);
    margin: 0 16px;
    position: relative;
    font-weight: 500;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
}
 */

  /* ===== Body ===== */
  .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
    

  /* ===== img ===== */
    #profileDisplay {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border-radius: 50%; /* si la quieres redonda, opcional */
      cursor: pointer; 
    }

    .codigo-barras {
      max-width: 100%;
      height: auto;
      border-radius: 0 !important;
      display: block;
      margin: 0 auto;
    }
    .codigo-barras {
      width: 100% !important; /* o el tamaño que gustes */
      height: auto;
    }
  /* ===== img ===== */

  /* ===== modal ===== */
    .modal-body{
      overflow-y: auto;
      max-height: calc(90vh - 200px);
    }
    
    /* Asegura que todos los niveles ocupen el 100% */
    .modal-fullscreen .modal-dialog,
    .modal-fullscreen .modal-content,
    .modal-fullscreen .modal-body,
    #zonaedit,
    #contenedortablaviewMunicipios {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      overflow-x: auto;
    }
    .contenedortablaviewMunicipios {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      overflow-x: auto;
    }
        
    .modal-fullscreen .modal-body {
      padding: 0 !important;
      overflow: hidden !important; /* evita scroll en body */
    }

    .modal-fullscreen .modal-dialog {
      max-width: 100% !important;
      height: 100%;
      width: 100%;
      margin: 0;
      max-height: none;
    }

    .modcap-1{
      background: rgba( 7 , 59 , 16 , 0.25)
    }
    .modcap-2{
    background: rgba( 7 , 59 , 16 , 0.35)
    }
    .modcap-3{
    background: rgba( 0 , 0 , 0 , 0.65)
    }
  
  /* ===== Tables ===== */

    .table{
        width: 100% !important;
    }
    td p {
        margin-block-end: 0;
        margin-block-start: 0;
        margin-top: 0;
        margin-bottom: 0; /* o 0 si los quieres pegados */
        line-height: 0.9rem;
    }

    .table.table-hover tbody tr:hover {
      background-color: #16411e;
      box-shadow: 0px 10px 18px 0px rgba(55, 103, 208, 0.2);
    }
    .table.table-hover tbody tr:hover td {
      color: #ffffff;
    }
    .table.table-hover tbody tr:hover .custom-control-input:checked ~ .custom-control-label::before {
      background-color: #ffffff;
      color: #16411e;
    }
    .table.table-hover tbody tr:hover .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#16411e' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }
    .table.table-hover tbody tr:hover .icon-burger-mini::before,
    .table.table-hover tbody tr:hover .card .dropdown .dropdown-toggle,
    .table.table-hover tbody tr:hover .span-label {
      color: #ffffff !important;
    }

    .table-hover tbody tr:hover .badge-outline-success {
        background-color: #16411e; /* Cambia este color por el que quieras */
        color: #fff; /* También puedes cambiar el texto */
        border-color: #fff;
    }

    .table-hover tbody tr:hover .badge-outline-danger {
        background-color: #ff0033; /* Cambia este color por el que quieras */
        color: #fff; /* También puedes cambiar el texto */
        border-color: #fff;
    }
 
    .table-hover tbody tr:hover .badge-outline-info {
        background-color: #08859c; /* Cambia este color por el que quieras */
        color: #fff; /* También puedes cambiar el texto */
        border-color: #fff;
    }
 
    .table-hover tbody tr:hover .badge-outline-warning {
        background-color: #ffc107; /* Cambia este color por el que quieras */
        color: #fff; /* También puedes cambiar el texto */
        border-color: #fff;
    }
 

    .table-hover tbody tr:hover .btn-link-info,
    .table-hover tbody tr:hover .btn-link-map,
    .table-hover tbody tr:hover .btn-link-pdf,
    .table-hover tbody tr:hover .btn-link-cancel,
    .table-hover tbody tr:hover .btn-link-danger {
        border-color: #fff;
    }
 
    .table-hover tbody tr:hover .icon-edit,
    .table-hover tbody tr:hover .icon-pdf,
    .table-hover tbody tr:hover .icon-map,
    .table-hover tbody tr:hover .icon-cancel,
    .table-hover tbody tr:hover .icon-eraser{
        --fa-primary-color: #f6f6f6;
        --fa-secondary-color: #f8f8f8;
        --fa-secondary-opacity: 0.9;
        border-color: #fff;
    }
    .table-hover tbody tr:hover button:hover .icon-edit {
    --fa-primary-color: #3f51b5;  /* por ejemplo */
    --fa-secondary-color: #000000;
    --fa-secondary-opacity: .9;
    }
    .table-hover tbody tr:hover button:hover .icon-eraser {
    --fa-primary-color: #dc3545;
    --fa-secondary-color: #000000 ; 
    --fa-secondary-opacity: 1;
    }
    .table-hover tbody tr:hover button:hover .icon-map {
      --fa-primary-color: #dc3545;
      --fa-secondary-color: #81a775 ; 
      --fa-secondary-opacity: 1;
    }
    .table-hover tbody tr:hover button:hover .icon-pdf {
       --fa-primary-color: #000000;
      --fa-secondary-color: #a80600 ; 
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-cancel {
      --fa-primary-color: #000000;
      --fa-secondary-color: #ffc107 ; 
      --fa-secondary-opacity: .8;
    }

    /* ===== icons ===== */


    .icono-grande,
    .icono-grande::before,
    .icono-grande::after {
      font-size: 1.1rem !important;
    }

    .icon-add{
      --fa-primary-color: #f9fafa; 
      --fa-secondary-color: #2c9a1a; 
      --fa-secondary-opacity: 0.9;
    }
    .icon-edit{
      --fa-primary-color: #3f51b5; 
      --fa-secondary-color: #000000; 
      --fa-secondary-opacity: 0.9;
    }
    .icon-eraser{
      --fa-primary-color: #dc3545;
      --fa-secondary-color: #000000 ; 
      --fa-secondary-opacity: 1;
    }
    .icon-map{
      --fa-primary-color: #dc3545;
      --fa-secondary-color: #81a775 ; 
      --fa-secondary-opacity: 1;
    }
    .icon-pdf{
      --fa-primary-color: #000000;
      --fa-secondary-color: #a80600 ; 
      --fa-secondary-opacity: .8;
    }
    .icon-cancel{
      --fa-primary-color: #000000;
      --fa-secondary-color: #ffc107 ; 
      --fa-secondary-opacity: .8;
    }
    .icon-key{
      --fa-primary-color: #000000;
      --fa-secondary-color: #ffc107 ; 
      --fa-secondary-opacity: .8;
    }
    .icon-shield{
      --fa-primary-color: #000000;
      --fa-secondary-color: #757575 ; 
      --fa-secondary-opacity: .8;
    }
    .icon-usr-lock{
      --fa-primary-color: #044156;
      --fa-secondary-color: #718675 ; 
      --fa-secondary-opacity: .8;
    }
    .icon-usr-ok{
      --fa-primary-color: #1b5628;
      --fa-secondary-color: #718675 ; 
      --fa-secondary-opacity: .8;
    }

  /* ===== btns ===== */
    
    .btn-inverse-dark:disabled{
      border-color: #a8abac;
      background  : #fff;
      color       : #a8abac;
    }

    .btn-link-info {
      background: 0 0;
      color: #0dcaf0;
      border-color: transparent
    }

    .btn-link-info .material-icons-two-tone {
      background-color: #0dcaf0
    }

    .btn-link-info:hover {
      background: #cff4fc;
      color: #0dcaf0 !important;
      border-color: #cff4fc
    }

    .btn-link-info.focus,
    .btn-link-info:focus {
      background: #cff4fc;
      color: #0dcaf0;
      border-color: #cff4fc
    }

    .btn-link-info:not(:disabled):not(.disabled).active,
    .btn-link-info:not(:disabled):not(.disabled):active,
    .show>.btn-link-info.dropdown-toggle {
      background: #cff4fc;
      color: #0dcaf0;
      border-color: #cff4fc
    }

    .btn-check:checked+.btn-link-info {
      background: #cff4fc;
      color: #0dcaf0;
      border-color: #cff4fc

    }
    .btn-link-cancel {
      background: 0 0;
      color: #ffc107;
      border-color: transparent
    }

    .btn-link-cancel .material-icons-two-tone {
      background-color: #ffc107
    }

    .btn-link-cancel:hover {
      background: #f3fccf;
      color: #ffc107 !important;
      border-color: #f3fccf
    }

    .btn-link-cancel.focus,
    .btn-link-cancel:focus {
      background: #f3fccf;
      color: #ffc107;
      border-color: #f3fccf
    }

    .btn-link-cancel:not(:disabled):not(.disabled).active,
    .btn-link-cancel:not(:disabled):not(.disabled):active,
    .show>.btn-link-cancel.dropdown-toggle {
      background: #f3fccf;
      color: #ffc107;
      border-color: #f3fccf
    }

    .btn-check:active+.btn-link-cancel,
    .btn-check:checked+.btn-link-cancel {
      background: #f3fccf;
      color: #ffc107;
      border-color: #f3fccf
    }

    .btn-link-pdf {
      background: 0 0;
      color: #334043;
      border-color: transparent
    }

    .btn-link-pdf .material-icons-two-tone {
      background-color: #334043
    }

    .btn-link-pdf:hover {
      background: #becfde;;
      color: #334043 !important;
      border-color: #becfde;
    }

    .btn-link-pdf.focus,
    .btn-link-pdf:focus {
      background: #becfde;;
      color: #334043;
      border-color: #becfde;
    }

    .btn-link-pdf:not(:disabled):not(.disabled).active,
    .btn-link-pdf:not(:disabled):not(.disabled):active,
    .show>.btn-link-pdf.dropdown-toggle {
      background: #becfde;;
      color: #334043;
      border-color: #becfde;
    }

    .btn-check:active+.btn-link-pdf,
    .btn-check:checked+.btn-link-pdf {
      background: #becfde;;
      color: #334043;
      border-color: #becfde;
    }

    
    .btn-link-danger {
      background: 0 0;
      color: #dc3545;
      border-color: transparent
    }

    .btn-link-danger .material-icons-two-tone {
      background-color: #dc3545
    }

    .btn-link-danger:hover {
      background: #f8d7da;
      color: #dc3545;
      border-color: #f8d7da
    }

    .btn-link-danger.focus,
    .btn-link-danger:focus {
      background: #f8d7da;
      color: #dc3545;
      border-color: #f8d7da
    }

    .btn-link-danger:not(:disabled):not(.disabled).active,
    .btn-link-danger:not(:disabled):not(.disabled):active,
    .show>.btn-link-danger.dropdown-toggle {
      background: #f8d7da;
      color: #dc3545;
      border-color: #f8d7da
    }

    .btn-check:active+.btn-link-danger,
    .btn-check:checked+.btn-link-danger {
      background: #f8d7da;
      color: #dc3545;
      border-color: #f8d7da
    }
    .btn-link-map {
      background: 0 0;
      color: #7e5218;
      border-color: transparent
    }

    .btn-link-map .material-icons-two-tone {
      background-color: #7e5218
    }

    .btn-link-map:hover {
      background: #e3e0dd;
      color: #7e5218;
      border-color: #e3e0dd
    }

    .btn-link-map.focus,
    .btn-link-map:focus {
      background: #e3e0dd;
      color: #7e5218;
      border-color: #e3e0dd
    }

    .btn-link-map:not(:disabled):not(.disabled).active,
    .btn-link-map:not(:disabled):not(.disabled):active,
    .show>.btn-link-map.dropdown-toggle {
      background: #e3e0dd;
      color: #7e5218;
      border-color: #e3e0dd
    }

    .btn-check:active+.btn-link-map,
    .btn-check:checked+.btn-link-map {
      background: #e3e0dd;
      color: #7e5218;
      border-color: #e3e0dd
    }


    .btn-link-success {
      background: 0 0;
      color: #198754;
      border-color: #198754;
    }

    .btn-link-success .material-icons-two-tone {
      background-color: #198754
    }

    .btn-link-success:hover {
      background: #d1e7dd;
      color: #198754;
      border-color: #d1e7dd
    }

    .btn-link-success.focus,
    .btn-link-success:focus {
      background: #d1e7dd;
      color: #198754;
      border-color: #d1e7dd
    }

    .btn-link-success:not(:disabled):not(.disabled).active,
    .btn-link-success:not(:disabled):not(.disabled):active,
    .show>.btn-link-success.dropdown-toggle {
      background: #d1e7dd;
      color: #198754;
      border-color: #d1e7dd
    }

    .btn-check:active+.btn-link-success,
    .btn-check:checked+.btn-link-success {
      background: #d1e7dd;
      color: #198754;
      border-color: #d1e7dd
    }

    .btn-link-primary {
      background: 0 0;
      color: #0d6efd;
      border-color: transparent
    }

    .btn-link-primary .material-icons-two-tone {
      background-color: #0d6efd
    }

    .btn-link-primary:hover {
      background: #cfe2ff;
      color: #0d6efd;
      border-color: #cfe2ff
    }

    .btn-link-primary.focus,
    .btn-link-primary:focus {
      background: #cfe2ff;
      color: #0d6efd;
      border-color: #cfe2ff
    }

    .btn-link-primary:not(:disabled):not(.disabled).active,
    .btn-link-primary:not(:disabled):not(.disabled):active,
    .show>.btn-link-primary.dropdown-toggle {
      background: #cfe2ff;
      color: #0d6efd;
      border-color: #cfe2ff
    }

    .btn-check:active+.btn-link-primary,
    .btn-check:checked+.btn-link-primary {
      background: #cfe2ff;
      color: #0d6efd;
      border-color: #cfe2ff
    }

.cambeelnav {
    width: 15px !important;
    height: 15px !important;
    top: 1px !important;
    left: 18px !important;
    background:red !important;
}

.table td .btn i {

    padding: 0 !important;
    margin-right: 0 !important;
    font-size: 16px !important;
    color: #fff;
}

.pickupload img:hover{
    cursor: hand !important;
}
.btnconfig i:hover{
    cursor: hand !important;
}

.iconmenu{
    font-size: 1.25rem !important;
    margin-right: 0.562rem !important;
}

.text-solcom {
    color: #c7737b !important;
 }

.text-shop {
    color: #8e73aa !important;
 }
.text-car {
    color: #930707 !important;
 }
.text-brow {
    color: #755050 !important;
 }
.text-coffe {
    color: #9d938c !important;
 }
.text-biotech {
    color: #06b1ae !important;
 }

.text-orange {
    color: #ffa653 !important;
 }

.text-grey {
    color: #8f8f8f !important;
 }
.text-blue {
    color: #539dff !important;
 }
.text-creampie {
    color: #e2d56ee1 !important;
 }
.text-grey{
    color: #727272e1 !important;
 }
.text-red{
    color: #dc3545 !important;
 }
/* Cambia el borde cuando se selecciona un checkbox */
.border-highlight {
    border: 2px solid transparent;
    transition: border 0.3s ease-in-out;
}
.border-highlight.checked {
    border-color: #28a745 !important; /* Verde cuando está seleccionado */
}
.border-highlight.checked-danger {
    border-color: #dc3545 !important; /* Rojo para opciones críticas */
}
.icon-large {
    font-size: 1.5rem;
    margin-right: 10px;
}


.kv-file-zoom {
    background-color: rgba(28,84,38, 0.2);
    background-image: none;
    border-color: rgba(28,84,38, 0); 
}
.kv-file-zoom:not(.btn-inverse-light) {
    color: #36a84c; 
}
.kv-file-zoom:hover {
    color: #ffffff;
    background-color: #36a84c;
    border-color: #36a84c; 
}
.kv-file-zoom.focus, .kv-file-zoom:focus {
    box-shadow: 0 0 0 3px rgba(32, 22, 36, 0.5); 
}
.kv-file-zoom.disabled, .kv-file-zoom:disabled {
    color: #36a84c;
    background-color: transparent; 
}
.kv-file-zoom.active, .kv-file-zoom:active,
.show > .kv-file-zoom.dropdown-toggle {
    color: #ffffff;
    background-color: #36a84c;
    border-color: #36a84c; 
}

.kv-file-remove {
    background-color: rgba(98, 5, 5 , 0.2);
    background-image: none;
    border-color: rgba(98, 5, 5 , 0); 
}
.kv-file-remove:not(.btn-inverse-light) {
    color: #6a000b; 
}
.kv-file-remove:hover {
    color: #ffffff;
    background-color: #6a000b;
    border-color: #6a000b; 
}
.kv-file-remove.focus, .kv-file-remove:focus {
    box-shadow: 0 0 0 3px rgba(98, 5, 5 , 0.5); 
}
.kv-file-remove.disabled, .kv-file-remove:disabled {
    color: #6a000b;
    background-color: transparent; 
}
.kv-file-remove.active, .kv-file-remove:active,
.show > .kv-file-remove.dropdown-toggle {
    color: #ffffff;
    background-color: #6a000b;
    border-color: #6a000b; 
}


.kv-file-download {
    background-color: rgba(64, 158, 198, 0.2);
    background-image: none;
    border-color: rgba(64 , 158 , 198 , 0); 
}
.kv-file-download:not(.btn-inverse-light) {
    color: #10829b; 
}
.kv-file-download:hover {
    color: #ffffff;
    background-color: #10829b;
    border-color: #10829b; 
}
.kv-file-download.focus, .kv-file-download:focus {
    box-shadow: 0 0 0 3px rgba(64 , 158 , 198 , 0.5); 
}
.kv-file-download.disabled, .kv-file-download:disabled {
    color: #10829b;
    background-color: transparent; 
}
.kv-file-download.active, .kv-file-download:active,
.show > .kv-file-download.dropdown-toggle {
    color: #ffffff;
    background-color: #10829b;
    border-color: #10829b; 
}
/*
input.form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  outline: none;
  transition: border-color 0.3s;
}

input.form-control:focus {
  border-bottom: 2px solid #4CAF50;
}
*/


/*  */



        .inputtag{
          border: 1px solid #848d88 !important;
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
          border-bottom-right-radius: 6px !important;
          border-top-right-radius: 6px !important;
        }
        .spantag{
          border-right: dashed;
          border-top-width: 0px;
          padding-right: 1rem !important;
          border-bottom-width: 0px;
          border-left-width: 0px;
          border-right-width: 0px;
         /*  padding-top: 10px; */
          padding-left: 1rem !important;
          /* padding-bottom: 10px; */
          /* background-color: #F44336 !important; */
          /* color: orange; */
          border-bottom-left-radius: 6px !important;
          border-top-left-radius: 6px !important;
          padding-bottom: .8rem !important;
          padding-top: .8rem !important;
        }
        .labeltag{
          padding-right: 0;
          padding-top: .9rem !important;
          padding-left: 5px;
          padding-bottom: 0 !important;
        }

/* ===== Texto ===== */
  .texto-multilinea {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word;
    max-width: 550px !important; /* Ajusta según tu diseño */
    line-height: 1rem;
    text-align: justify;
  }
  .subtitulo-notificaciones {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word;
    max-width: 135px !important; /* Ajusta según tu diseño */
    line-height: 1rem;
    text-align: start;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 11px !important;
  }

  .body-des-notificaciones{
    min-width: 135px !important;
    max-width: 135px !important;
  }
    
/* ===== inputs - select ===== */
    
  /* estilo para alinear el select */
  .input-selectes{
      position: relative;
      display: flex;
      width: 100%;
      align-content: stretch;
      flex-direction: row;
      align-items: flex-end;
  }
  .transparent-input {
      background-color: transparent !important;
      text-align: center !important;
  }
  .transparent-input:focus {
    background-color: transparent !important;
    box-shadow: none !important;  
  }