/* Color Primary */

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

  .hover:hover {
    color: var(--primary-color) !important;
  }

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

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

  .border-primary-tres {
    border: 3px solid var(--primary-color) !important;
  }

  .btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem  var(--buttons-hover-color) !important;
  }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem  var(--buttons-hover-color) !important;
  }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: var(--primary-color);
    background-color: transparent;
  }

  .btn-primary {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
  }
  .btn-primary:hover {
    color: #FFFFFF !important;
    background-color: var(--buttons-hover-color) !important;
    border-color: var(--buttons-hover-color) !important;
  }

/* Color Danger */

  .text-danger {
    color: #F26B35 !important;
  }

  .bg-danger {
    background-color: #F26B35 !important;
  }

  .border-danger {
    border-color: #F26B35 !important;
  }

  .btn-outline-danger {
    color: #F26B35 !important;
    border-color: #F26B35 !important;
  }
  .btn-outline-danger:hover {
    color: #ffffff !important;
    background-color: #F26B35 !important;
    border-color: #F26B35 !important;
  }
  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem  var(--bra_color_danger_2) !important;
  }
  .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #F26B35 !important;
    border-color: #F26B35 !important;
  }
  .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_danger_2) !important;
  }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #F26B35 !important;
    background-color: transparent;
  }

  .btn-danger {
    color: #ffffff !important;
    background-color: #F26B35 !important;
    border-color: #F26B35 !important;
  }
  .btn-danger:hover {
    color: #ffffff !important;
    background-color: #F26B3580 !important;
    border-color: #F26B3580 !important;
  }
  .btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #ffffff !important;
    background-color: #F26B3580 !important;
    border-color: #F26B3580 !important;
    box-shadow: 0 0 0 0.25rem #F26B3580 !important;
  }
  .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    color: #ffffff !important;
    background-color: #F26B3580 !important;
    border-color: #F26B3580 !important;
  }
  .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem #F26B3580 !important;
  }
  .btn-danger:disabled, .btn-danger.disabled {
    color: #ffffff !important;
    background-color: #F26B3580 !important;
    border-color: #F26B3580 !important;
  }

  .border-danger {
    border-color: #F26B35!important;
  }

/* Color Warning */

  .text-warning {
    color: #FAC904 !important;
  }

  .bg-warning {
    background-color: #FAC904 !important;
  }

  .border-warning {
    border-color: #FAC904 !important;
  }

  .btn-outline-warning {
    color: #FAC904 !important;
    border-color: #FAC904 !important;
  }
  .btn-outline-warning:hover {
    color: #ffffff !important;
    background-color: #FAC904 !important;
    border-color: #FAC904 !important;
  }
  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem  var(--bra_color_warning_2) !important;
  }
  .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #FAC904 !important;
    border-color: #FAC904 !important;
  }
  .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_warning_2) !important;
  }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #FAC904 !important;
    background-color: transparent;
  }

  .btn-warning {
    color: #ffffff !important;
    background-color: #FAC904 !important;
    border-color: #FAC904 !important;
  }
  .btn-warning:hover {
    color: #ffffff !important;
    background-color: var(--bra_color_warning_2) !important;
    border-color: var(--bra_color_warning_2) !important;
  }
  .btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #ffffff !important;
    background-color: var(--bra_color_warning_2) !important;
    border-color: var(--bra_color_warning_2) !important;
    box-shadow: 0 0 0 0.25rem var(--bra_color_warning_2) !important;
  }
  .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #ffffff !important;
    background-color: var(--bra_color_warning_2) !important;
    border-color: var(--bra_color_warning_2) !important;
  }
  .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_warning_2) !important;
  }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #ffffff !important;
    background-color: #FAC904 !important;
    border-color: #FAC904 !important;
  }

  .border-warning {
    border-color: #FAC904!important;
  }

/* Color Success */

  .text-success {
    color: #09B054 !important;
  }

  .bg-success {
    background-color: #09B054 !important;
  }

  .border-success {
    border-color: #09B054 !important;
  }

  .btn-outline-success {
    color: #09B054 !important;
    border-color: #09B054 !important;
  }
  .btn-outline-success:hover {
    color: #ffffff !important;
    background-color: #09B054 !important;
    border-color: #09B054 !important;
  }
  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem  var(--bra_color_success_2) !important;
  }
  .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #09B054 !important;
    border-color: #09B054 !important;
  }
  .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_success_2) !important;
  }
  .btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #09B054 !important;
    background-color: transparent;
  }

  .btn-success {
    color: #ffffff !important;
    background-color: #09B054 !important;
    border-color: #09B054 !important;
  }
  .btn-success:hover {
    color: #ffffff !important;
    background-color: var(--bra_color_success_2) !important;
    border-color: var(--bra_color_success_2) !important;
  }
  .btn-check:focus + .btn-success, .btn-success:focus {
    color: #ffffff !important;
    background-color: var(--bra_color_success_2) !important;
    border-color: var(--bra_color_success_2) !important;
    box-shadow: 0 0 0 0.25rem var(--bra_color_success_2) !important;
  }
  .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #ffffff !important;
    background-color: var(--bra_color_success_2) !important;
    border-color: var(--bra_color_success_2) !important;
  }
  .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_success_2) !important;
  }
  .btn-success:disabled, .btn-success.disabled {
    color: #ffffff !important;
    background-color: #09B054 !important;
    border-color: #09B054 !important;
  }

  .border-success {
    border-color: #09B054!important;
  }

/* Color Secondary */

  .text-secondary {
    color: #4DABE9 !important;
  }

  .bg-secondary {
    background-color: #4DABE9 !important;
  }

  .border-secondary {
    border-color: #4DABE9 !important;
  }

  .btn-outline-secondary {
    color: #4DABE9 !important;
    border-color: #4DABE9 !important;
  }
  .btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #4DABE9 !important;
    border-color: #4DABE9 !important;
  }
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem  #4DABE9 !important;
  }
  .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #4DABE9 !important;
    border-color: #4DABE9 !important;
  }
  .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_secondary_2) !important;
  }
  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #4DABE9 !important;
    background-color: transparent;
  }

  .btn-secondary {
    color: #ffffff !important;
    background-color: #4DABE9 !important;
    border-color: #4DABE9 !important;
  }
  .btn-secondary:hover {
    color: #ffffff !important;
    background-color: var(--bra_color_secondary_2) !important;
    border-color: var(--bra_color_secondary_2) !important;
  }
  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #ffffff !important;
    background-color: var(--bra_color_secondary_2) !important;
    border-color: var(--bra_color_secondary_2) !important;
    box-shadow: 0 0 0 0.25rem var(--bra_color_secondary_2) !important;
  }
  .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #ffffff !important;
    background-color: var(--bra_color_secondary_2) !important;
    border-color: var(--bra_color_secondary_2) !important;
  }
  .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_secondary_2) !important;
  }
  .btn-secondary:disabled, .btn-secondary.disabled {
    color: #ffffff !important;
    background-color: #4DABE9 !important;
    border-color: #4DABE9 !important;
  }

  .border-secondary {
    border-color: #4DABE9!important;
  }

/* Color Light */

  .text-light {
    color: #EFEFEF !important;
  }

  .bg-light {
    background-color: #EFEFEF !important;
  }

  .border-light {
    border-color: #EFEFEF !important;
  }

  .btn-outline-light {
    color: #ffffff !important;
    border-color: #EFEFEF !important;
  }
  .btn-outline-light:hover {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem  var(--bra_color_light_2) !important;
  }
  .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-whlightite, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_light_2) !important;
  }
  .btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #EFEFEF !important;
    background-color: transparent;
  }

  .btn-light {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-light:hover {
    color: var(--secondary-color) !important;
    background-color: var(--bra_color_light_2) !important;
    border-color: var(--bra_color_light_2) !important;
  }
  .btn-check:focus + .btn-light, .btn-light:focus {
    color: var(--secondary-color) !important;
    background-color: var(--bra_color_light_2) !important;
    border-color: var(--bra_color_light_2) !important;
    box-shadow: 0 0 0 0.25rem var(--bra_color_light_2) !important;
  }
  .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
    color: var(--secondary-color) !important;
    background-color: var(--bra_color_light_2) !important;
    border-color: var(--bra_color_light_2) !important;
  }
  .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_light_2) !important;
  }
  .btn-light:disabled, .btn-light.disabled {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }

  .border-light {
    border-color: #EFEFEF!important;
  }

/* Color Dark */

  .text-dark {
    color: var(--secondary-color) !important;
  }

  .bg-dark {
    background-color: var(--secondary-color) !important;
  }

  .border-dark {
    border-color: var(--secondary-color) !important;
  }

  .btn-outline-dark {
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
  }
  .btn-outline-dark:hover {
    color: #ffffff!important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
  }
  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.25rem  var(--bra_color_dark_2) !important;
  }
  .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #ffffff!important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
  }
  .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_dark_2) !important;
  }
  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: var(--secondary-color) !important;
    background-color: transparent;
  }

  .btn-dark {
    color: #ffffff!important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
  }
  .btn-dark:hover {
    color: #ffffff!important;
    background-color: var(--bra_color_dark_2) !important;
    border-color: var(--bra_color_dark_2) !important;
  }
  .btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #ffffff!important;
    background-color: var(--bra_color_dark_2) !important;
    border-color: var(--bra_color_dark_2) !important;
    box-shadow: 0 0 0 0.25rem var(--bra_color_dark_2) !important;
  }
  .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
    color: #ffffff!important;
    background-color: var(--bra_color_dark_2) !important;
    border-color: var(--bra_color_dark_2) !important;
  }
  .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--bra_color_dark_2) !important;
  }
  .btn-dark:disabled, .btn-dark.disabled {
    color: #ffffff!important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
  }

  .border-dark {
    border-color: var(--secondary-color)!important;
  }

/* Color White */

  .text-white {
    color: #ffffff !important;
  }

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

  .border-white {
    border-color: #ffffff !important;
  }

  .btn-outline-white {
    color: #ffffff !important;
    border-color: #ffffff !important;
  }
  .btn-outline-white:hover {
    color: var(--secondary-color) !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }
  .btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
    box-shadow: 0 0 0 0.25rem  #EFEFEF !important;
  }
  .btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
    color: var(--secondary-color) !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }
  .btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-outline-white:disabled, .btn-outline-white.disabled {
    color: #ffffff !important;
    background-color: transparent;
  }

  .btn-white {
    color: var(--secondary-color) !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }
  .btn-white:hover {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-check:focus + .btn-white, .btn-white:focus {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-white:disabled, .btn-white.disabled {
    color: var(--secondary-color) !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }

  .border-white {
    border-color: #ffffff!important;
  }

/* Color Black */

  .text-black {
    color: #000000 !important;
  }

  .bg-black {
    background-color: #000000 !important;
  }

  .border-black {
    border-color: #000000 !important;
  }

  .btn-outline-black {
    color: #000000 !important;
    border-color: #000000 !important;
  }
  .btn-outline-black:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
  }
  .btn-check:focus + .btn-outline-black, .btn-outline-black:focus {
    box-shadow: 0 0 0 0.25rem  #EFEFEF !important;
  }
  .btn-check:checked + .btn-outline-black, .btn-check:active + .btn-outline-black, .btn-outline-black:active, .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
  }
  .btn-check:checked + .btn-outline-black:focus, .btn-check:active + .btn-outline-black:focus, .btn-outline-black:active:focus, .btn-outline-black.active:focus, .btn-outline-white.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-outline-black:disabled, .btn-outline-black.disabled {
    color: #000000 !important;
    background-color: transparent;
  }

  .btn-black {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
  }
  .btn-black:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #000000 !important;
  }
  .btn-check:focus + .btn-black, .btn-black:focus {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .show > .btn-black.dropdown-toggle {
    color: var(--secondary-color) !important;
    background-color: #EFEFEF !important;
    border-color: #EFEFEF !important;
  }
  .btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .show > .btn-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem #EFEFEF !important;
  }
  .btn-black:disabled, .btn-black.disabled {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
  }

  .border-black {
    border-color: #000000 !important;
  }