:root {
     --mdb-body-bg: #FBFBFB;
     --mdb-list-group-active-bg: var(--mdb-primary) !important;
     --mdb-list-group-active-border-color: var(--mdb-list-group-active-bg);
     --mdb-list-group-active-color: #fff;

 }

 .bg-enfasis {
     background-color: var(--mdb-enfasis) !important;
 }

 .text-enfasis {
     color: var(--mdb-enfasis) !important;
 }

 .border-enfasis {
     border-color: var(--mdb-enfasis) !important;
 }

 .btn-enfasis {
     --mdb-btn-bg: var(--mdb-enfasis) !important;

     --mdb-btn-color: var(--mdb-primary) !important;

     --mdb-btn-hover-bg: color-mix(in srgb, var(--mdb-btn-bg) 90%, black);
     --mdb-btn-focus-bg: var(--mdb-btn-hover-bg);
     --mdb-btn-active-bg: color-mix(in srgb, var(--mdb-btn-bg) 80%, black);

     --mdb-btn-hover-color: #fff;
     --mdb-btn-focus-color: #fff;
     --mdb-btn-active-color: #fff;

     --mdb-btn-border-color: var(--mdb-btn-bg);
     --mdb-btn-hover-border-color: var(--mdb-btn-hover-bg);
     --mdb-btn-focus-border-color: var(--mdb-btn-focus-bg);
     --mdb-btn-active-border-color: var(--mdb-btn-active-bg);

     --mdb-btn-box-shadow:
         0 4px 9px -4px color-mix(in srgb, var(--mdb-btn-bg) 50%, transparent);

     --mdb-btn-box-shadow-state:
         0 8px 9px -4px color-mix(in srgb, var(--mdb-btn-bg) 30%, transparent),
         0 4px 18px 0 color-mix(in srgb, var(--mdb-btn-bg) 20%, transparent);
 }

 .btn-primary {
     --mdb-btn-bg: var(--mdb-primary) !important;

     --mdb-btn-color: var(--mdb-enfasis) !important;

     --mdb-btn-hover-bg: color-mix(in srgb, var(--mdb-btn-bg) 90%, black);
     --mdb-btn-focus-bg: var(--mdb-btn-hover-bg);
     --mdb-btn-active-bg: color-mix(in srgb, var(--mdb-btn-bg) 80%, black);

     --mdb-btn-hover-color: #fff;
     --mdb-btn-focus-color: #fff;
     --mdb-btn-active-color: #fff;

     --mdb-btn-border-color: var(--mdb-btn-bg);
     --mdb-btn-hover-border-color: var(--mdb-btn-hover-bg);
     --mdb-btn-focus-border-color: var(--mdb-btn-focus-bg);
     --mdb-btn-active-border-color: var(--mdb-btn-active-bg);

     --mdb-btn-box-shadow:
         0 4px 9px -4px color-mix(in srgb, var(--mdb-btn-bg) 50%, transparent);

     --mdb-btn-box-shadow-state:
         0 8px 9px -4px color-mix(in srgb, var(--mdb-btn-bg) 30%, transparent),
         0 4px 18px 0 color-mix(in srgb, var(--mdb-btn-bg) 20%, transparent);
 }

 .btn-outline-primary {
     --mdb-btn-color: var(--mdb-primary) !important;
     --mdb-btn-border-color: var(--mdb-primary) !important;

     --mdb-btn-hover-bg: var(--mdb-gray-200) !important;
     --mdb-btn-hover-color: var(--mdb-primary) !important;
     --mdb-btn-hover-border-color: var(--mdb-primary) !important;

     --mdb-btn-focus-bg: var(--mdb-primary) !important;
     --mdb-btn-focus-color: #fff !important;
     --mdb-btn-focus-border-color: var(--mdb-primary) !important;

     --mdb-btn-active-bg: var(--mdb-primary) !important;
     --mdb-btn-active-color: #fff !important;
     --mdb-btn-active-border-color: var(--mdb-primary) !important;
     border-color: var(--mdb-primary) !important;
 }



 #buttonBuscador {
     padding: 0 .6rem;
 }

 #iconoBuscador {
     font-size: 1.3rem;
 }