:root{
    --primary-color: #414bb2;
    --secondary-color: #fab811;
    --primary-font-color: #fff;
    --secondary-font-color: #000;
    --other-primary-color: #28cfbd;
    --other-secondary-color: #bf84c9;
    --other-tertiary-color: #fc8822;
    /*#e68327
    primer color #584092*/
}

.offcanvas-end {
    background: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-range::-webkit-slider-thumb {
  background: var(--primary-color);
  color: var(--primary-color);
}

.form-range::-moz-range-thumb {
  background: var(--primary-color);
  color: var(--primary-color);
}

.form-range::-ms-thumb {
  background: var(--primary-color);
  color: var(--primary-color);
}

.form-range::-webkit-slider-thumb:active {
  background: var(--secondary-color);
  color: var(--secondary-color);
}

span.badge {
  background: var(--primary-color);
}

a.btn-link {
    color: var(--primary-color);
}

/* Navbar */

.navbar {
  min-height: 10vh;
  color: var(--primary-font-color);
  background: var(--primary-color);
}

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

.navbar a {
  color: var(--primary-font-color);
}

.navbar a:hover {
  color: var(--secondary-color);
}

.navbar a:focus {
  color: var(--secondary-color);
}

.navbar ul.dropdown-menu li a {
  color: var(--secondary-font-color);
}

.navbar ul.dropdown-menu li a:hover {
    background: var(--secondary-color);
}

/* Btn solido */

.btn-ok {
    background: var(--primary-color);
    color:  var(--primary-font-color);
}

.btn-ok:hover {
  color: var(--secondary-color);
}

/* Spinner */

.div-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index: 9999 !important;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    /*margin-top: -50px;
    margin-left: -50px;*/
    transform: translate(-50%,-50%);
}