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


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


    .mdc-drawer {
        visibility: hidden;
    }
    body.loaded .mdc-drawer {
        visibility: visible;
    }

    .mdc-drawer-link.active i {
      color: #143b1c !important;
    }

  /* ===== Body ===== */

  .card-pagos {
    background-color: #a9b2aa;
    box-shadow: 0 0 10px 5px rgba(113, 134, 117, 0.35);
    border-radius: 1rem !important;
  }


    .content-wrapper {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    
    .page-nube {
      background-image: url("../../images/auth/mockup_nube.png");
      background-size: cover;   /* hace que se estire a todo el espacio */
      background-position: center;
      background-repeat: no-repeat;
      min-height: 100vh;        /* ocupa toda la altura visible */
    }

  /* ===== img ===== */
    #profileDisplay {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border-radius: 50%; /* si la quieres redonda, opcional */
      cursor: pointer; 
    }
    #profileDisplay2 {
      width: 130px;
      height: 130px;
      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;
    }
    .pickupload img:hover{
      cursor: hand !important;
    }
  /* ===== 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)
    }
  /* ===== Modal ===== */
  
  /* ===== 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;
    }
    tr.selected td {
      background-color: #5aadba !important;
      color: #fff !important;
    }
    .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 .transparent-input {
      color: #fff; /* También puedes cambiar el texto */
    }
    .table-hover tbody tr:hover .write-table {
      color: #fff; /* También puedes cambiar el texto */
    }
    .table-hover tbody tr:hover input.write-table:focus {
      color: #040505;
    }
    .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-print,
    .table-hover tbody tr:hover .btn-link-box,
    .table-hover tbody tr:hover .btn-link-autoriza,
    .table-hover tbody tr:hover .btn-link-view,
    .table-hover tbody tr:hover .btn-link-save,
    .table-hover tbody tr:hover .btn-link-price,
    .table-hover tbody tr:hover .btn-link-adjunt,
    .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-print,
    .table-hover tbody tr:hover .icon-autoriza,
    .table-hover tbody tr:hover .icon-box,
    .table-hover tbody tr:hover .icon-view,
    .table-hover tbody tr:hover .icon-save,
    .table-hover tbody tr:hover .icon-price,
    .table-hover tbody tr:hover .icon-adjunt,
    .table-hover tbody tr:hover .icon-relation,
    .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-relation {
      --fa-primary-color: #002168;
      --fa-secondary-color: #57755c ; 
      --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;
    }
    .table-hover tbody tr:hover button:hover .icon-print {
      --fa-primary-color: #2c289f;
      --fa-secondary-color: #000000 ; 
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-box {
      --fa-primary-color: #917355 ; 
      --fa-secondary-color: #0f0000;
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-autoriza {
      --fa-primary-color: #5ecd69 ; 
      --fa-secondary-color: #1a8754;
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-view {
      --fa-primary-color: #000000 ; 
      --fa-secondary-color: #01572f;
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-save {
      --fa-primary-color: #f8f8f8 ; 
      --fa-secondary-color: #000000;
      --fa-secondary-opacity: .8;
    }
    .table-hover tbody tr:hover button:hover .icon-price {
      --fa-primary-color: #221e1e;
      --fa-secondary-color: #b30323; 
      --fa-secondary-opacity: 0.9;
    }
    .table-hover tbody tr:hover button:hover .icon-adjunt {
      --fa-primary-color: #221e1e;
      --fa-secondary-color: #797878; 
      --fa-secondary-opacity: 0.9;
    }
    .foottable{
      border-left: #fff !important;
      border-right : #fff !important;
      border-bottom : #fff !important;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      justify-content: flex-start !important;
    }
    .table td .btn i {
      padding: 0 !important;
      margin-right: 0 !important;
      font-size: 16px !important;
      color: #fff;
    }

    .sin-precio{
      border-bottom : #c99797 !important;
    }
  /* ===== Table ===== */
    
  /* ===== icons ===== */
    .icono-grande,
    .icono-grande::before,
    .icono-grande::after {
      font-size: 1.1rem !important;
    }
    .icono-chico,
    .icono-chico::before,
    .icono-chico::after {
      font-size: 0.7rem !important;
    }
    .icon-price{
      --fa-primary-color: #221e1e;
      --fa-secondary-color: #b30323; 
      --fa-secondary-opacity: 0.9;
    }
    .icon-add{
      --fa-primary-color: #d4cccc; /*#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-relation{
      --fa-primary-color: #002168;
      --fa-secondary-color: #57755c ; 
      --fa-secondary-opacity: 1;
    }
    .icon-sale{ 
    --fa-primary-color: #4f654d;
    --fa-secondary-color: #a9b2ab;
    --fa-secondary-opacity: 1;
    }
    .icon-abono{
    --fa-primary-color: #3e365c; 
    --fa-secondary-color: #99af9d;
    --fa-secondary-opacity: .5;
    }
    .icon-print{
      --fa-primary-color: #2c289f;
      --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-box{
      --fa-primary-color: #917355 ; 
      --fa-secondary-color: #0f0000;
      --fa-secondary-opacity: .8;
    }
    .icon-bottle{
      --fa-primary-color: #df4a68 ; 
      --fa-secondary-color: #74597c;
      --fa-secondary-opacity: 1;
    }
    .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;
    }
    .icon-adjunt {
       --fa-primary-color: #221e1e;
      --fa-secondary-color: #797878; 
      --fa-secondary-opacity: 0.9;
    }
    .icon-autoriza {
      --fa-primary-color: #5ecd69 ; 
      --fa-secondary-color: #1a8754;
      --fa-secondary-opacity: .8;
    }
    .icon-view {
      --fa-primary-color: #000000 ; 
      --fa-secondary-color: #01572f;
      --fa-secondary-opacity: .8;
    }
    .icon-save {
      --fa-primary-color: #f8f8f8 ; 
      --fa-secondary-color: #000000;
      --fa-secondary-opacity: .8;
    }
    .icon-vials {
      --fa-primary-color: #8f94d4 ; 
      --fa-secondary-color: #c491a9;
      --fa-secondary-opacity: 1;
    }
    .icon-large {
      font-size: 1.5rem;
      margin-right: 10px;
    }
    .iconmenu{
      font-size: 1.25rem !important;
      margin-right: 0.562rem !important;
    }
    .cambeelnav {
      width: 15px !important;
      height: 15px !important;
      top: 1px !important;
      left: 18px !important;
      background:red !important;
    }
  /* ===== icons ===== */
  
  /* ===== btns ===== */
    .btn-header{
      border-radius: 8px !important;
      background: #b2c6b6 !important;
      color: #143b1c !important;
      width: 36px !important;
      height: 36px !important;
      padding-top: .16rem !important;
    }
    .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-save {
      background: 0 0;
      color: #303d2d;
      border-color: transparent
    }
    .btn-link-save .material-icons-two-tone {
      background-color: #303d2d
    }
    .btn-link-save:hover {
      background: #74cb81;
      color: #303d2d !important;
      border-color: #74cb81
    }
    .btn-link-save.focus,
    .btn-link-save:focus {
      background: #74cb81;
      color: #303d2d;
      border-color: #74cb81
    }
    .btn-link-save:not(:disabled):not(.disabled).active,
    .btn-link-save:not(:disabled):not(.disabled):active,
    .show>.btn-link-save.dropdown-toggle {
      background: #74cb81;
      color: #303d2d;
      border-color: #74cb81
    }
    .btn-check:active+.btn-link-save,
    .btn-check:checked+.btn-link-save {
      background: #74cb81;
      color: #303d2d;
      border-color: #74cb81
    }
    .btn-link-price {
      background: 0 0;
      color: #b30323;
      border-color: transparent
    }
    .btn-link-price .material-icons-two-tone {
      background-color: #b30323
    }
    .btn-link-price:hover {
      background: #d4a49b;
      color: #e9b4ab !important;
      border-color: #d4a49b
    }
    .btn-link-price.focus,
    .btn-link-price:focus {
      background: #d4a49b;
      color: #b30323;
      border-color: #d4a49b
    }
    .btn-link-price:not(:disabled):not(.disabled).active,
    .btn-link-price:not(:disabled):not(.disabled):active,
    .show>.btn-link-price.dropdown-toggle {
      background: #d4a49b;
      color: #b30323;
      border-color: #d4a49b
    }
    .btn-check:active+.btn-link-price,
    .btn-check:checked+.btn-link-price {
      background: #d4a49b;
      color: #b30323;
      border-color: #d4a49b
    }
    .btn-link-view {
      background: 0 0;
      color: #01572f;
      border-color: transparent
    }
    .btn-link-view .material-icons-two-tone {
      background-color: #01572f
    }
    .btn-link-view:hover {
      background: #b9d9cbd0;
      color: #01572f !important;
      border-color: #b9d9cbd0
    }
    .btn-link-view.focus,
    .btn-link-view:focus {
      background: #b9d9cbd0;
      color: #01572f;
      border-color: #b9d9cbd0
    }
    .btn-link-view:not(:disabled):not(.disabled).active,
    .btn-link-view:not(:disabled):not(.disabled):active,
    .show>.btn-link-view.dropdown-toggle {
      background: #b9d9cbd0;
      color: #01572f;
      border-color: #b9d9cbd0
    }
    .btn-check:active+.btn-link-view,
    .btn-check:checked+.btn-link-view {
      background: #b9d9cbd0;
      color: #01572f;
      border-color: #b9d9cbd0
    }
    .btn-link-print {
      background: 0 0;
      color: #01572f;
      border-color: transparent
    }
    .btn-link-print .material-icons-two-tone {
      background-color: #ffc107
    }
    .btn-link-print:hover {
      background: #cac9eb;
      color: #ffc107 !important;
      border-color: #cac9eb
    }
    .btn-link-print.focus,
    .btn-link-print:focus {
      background: #cac9eb;
      color: #ffc107;
      border-color: #cac9eb
    }
    .btn-link-print:not(:disabled):not(.disabled).active,
    .btn-link-print:not(:disabled):not(.disabled):active,
    .show>.btn-link-print.dropdown-toggle {
      background: #cac9eb;
      color: #ffc107;
      border-color: #cac9eb
    }
    .btn-check:active+.btn-link-print,
    .btn-check:checked+.btn-link-print {
      background: #cac9eb;
      color: #ffc107;
      border-color: #cac9eb
    }
    .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-box {
      background: 0 0;
      color: #334043;
      border-color: transparent
    }
    .btn-link-box .material-icons-two-tone {
      background-color: #334043
    }
    .btn-link-box:hover {
      background: #cbd2d1;
      color: #334043 !important;
      border-color: #cbd2d1
    }
    .btn-link-box.focus,
    .btn-link-box:focus {
      background: #cbd2d1;
      color: #334043;
      border-color: #cbd2d1
    }
    .btn-link-box:not(:disabled):not(.disabled).active,
    .btn-link-box:not(:disabled):not(.disabled):active,
    .show>.btn-link-box.dropdown-toggle {
      background: #cbd2d1;
      color: #334043;
      border-color: #cbd2d1
    }
    .btn-check:active+.btn-link-box,
    .btn-check:checked+.btn-link-box {
      background: #cbd2d1;
      color: #334043;
      border-color: #cbd2d1
    }
    .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: #4bac7f;
      border-color: #d1e7dd
    }
    .btn-check:active+.btn-link-success,
    .btn-check:checked+.btn-link-success {
      background: #d1e7dd;
      color: #4bac7f;
      border-color: #d1e7dd
    }
    .btn-link-autoriza {
      background: 0 0;
      color: #4bac7f;
      border-color: transparent;
    }
    .btn-link-autoriza .material-icons-two-tone {
      background-color: #4bac7f
    }
    .btn-link-autoriza:hover {
      background: #d1e7dd;
      color: #47ba85;
      border-color: #d1e7dd
    }
    .btn-link-autoriza.focus,
    .btn-link-autoriza:focus {
      background: #d1e7dd;
      color: #4bac7f;
      border-color: #d1e7dd
    }
    .btn-link-autoriza:not(:disabled):not(.disabled).active,
    .btn-link-autoriza:not(:disabled):not(.disabled):active,
    .show>.btn-link-autoriza.dropdown-toggle {
      background: #d1e7dd;
      color: #4bac7f;
      border-color: #d1e7dd
    }
    .btn-check:active+.btn-link-autoriza,
    .btn-check:checked+.btn-link-autoriza {
      background: #d1e7dd;
      color: #4bac7f;
      border-color: #d1e7dd
    }
    .btn-link-adjunt {
      background: 0 0;
      color: #797878;
      border-color: transparent;
    }
    .btn-link-adjunt .material-icons-two-tone {
      background-color: #797878
    }
    .btn-link-adjunt:hover {
      background: #eaeaea;
      color: #797878;
      border-color: #eaeaea
    }
    .btn-link-adjunt.focus,
    .btn-link-adjunt:focus {
      background: #eaeaea;
      color: #797878;
      border-color: #eaeaea
    }
    .btn-link-adjunt:not(:disabled):not(.disabled).active,
    .btn-link-adjunt:not(:disabled):not(.disabled):active,
    .show>.btn-link-adjunt.dropdown-toggle {
      background: #eaeaea;
      color: #797878;
      border-color: #eaeaea
    }
    .btn-check:active+.btn-link-adjunt,
    .btn-check:checked+.btn-link-adjunt {
      background: #eaeaea;
      color: #797878;
      border-color: #eaeaea
    }
    .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
    }
    .btnconfig i:hover{
      cursor: hand !important;
    }
  /* ===== btns ===== */
    
    

/* 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 */
  }


  /* ===== input file ===== */
    .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 file ===== */
  
  /* ===== Texto ===== */
    .text-sub {
    color: #810606 !important;
    }
    .text-aqua {
    color: #48666e !important;
    }
    .text-solcom {
    color: #c7737b !important;
    }
    .text-greendark {
        color: #16411e !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;
    }
    .text-cash-reg{
        color: #605f5f !important;
    }
    .text-pedidos{
        color: #3f7a75 !important;
    }
    .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;
    }
    .titulo-notificaciones {
      white-space: normal !important;
      word-break: break-word !important;
      overflow-wrap: break-word;
      max-width: 300px !important; /* Ajusta según tu diseño */
      line-height: 1.2rem;
      text-align: start;
      margin-bottom: 0;
      padding-bottom: 0;
      font-size: 11px !important;
    }
    .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;
    }
    .subtitulo-notificaciones-sb {
      white-space: normal !important;
      word-break: break-word !important;
      overflow-wrap: break-word;
      max-width: 240px  !important; /* Ajusta según tu diseño */
      min-width: 240px  !important; /* Ajusta según tu diseño */
      line-height: 1rem;
      text-align: start;
      margin-bottom: 0;
      padding-bottom: 0;
      font-size: 11px !important;
    }
    .texto-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: 0.7rem;
      text-align: start;
      margin-bottom: .0;
      padding-bottom: 1px;
      padding-top: 1px;
      font-size: 10px !important;
    }
    .body-des-notificaciones{
      min-width: 135px !important;
      max-width: 135px !important;
    }
    .body-des-notificaciones-sb{
      min-width: 25px !important;
      max-width: 25px !important;
    }
    .mdc-top-app-bar__title{
      font-size: 18px !important;
      font-weight: 350 !important;
    }
    .media-body-text{
      min-width: 96px !important;
      max-width: 96px !important;
      height: 100% !important;
    }
  /* ===== Texto ===== */
  
  /* ===== inputs ===== */    
   .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;
    }
    .input-descuento{
      font-size: 14px !important;
      color: #fff;
      font-weight: bolder !important; 
      height: 28px;
      padding: 2px 6px;
    }

    .transparent-input {
      background-color: transparent !important;
      text-align: center !important;
    }
    .transparent-input:focus {
      background-color: transparent !important;
      box-shadow: none !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;
    }
    .select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple {
      border: none;
      border-bottom: transparent !important;
    }
    .select2-container {
      margin-top: 0.3rem !important;
    }
  /* ===== select ===== */

  /* ===== panel ===== */
    .fondow{
      background: #fff !important;
    }
    .fondoini{
      background: #a9b2ab !important;
    }
  /* ===== panel ===== */


  .popover-success {
  background-color: #28a745;
  color: #fff;
}

.popover-success .popover-header {
  background-color: #23923d;
  color: #fff;
}

.popover-success .arrow::after {
  border-bottom-color: #28a745 !important;
}