.btn-notify {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  height: 30px;
  border-radius: 50px;
  background-color: rgba(255, 0, 0, 0.09);
  color: #c61111;
  border: none;
  padding: 1px 15px;
}

.btn-notify:hover, .btn-notify:active, .btn-notify:focus {
  background-color: rgba(255, 0, 0, 0.09);
  color: #c61111;
}

.btn-criar:hover, .btn-criar:active, .btn-criar:focus {
  background-color: var(--rk-blue-3) !important;
  color: var(--rk-gold-7) !important;
}

.btn-criar {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  height: 30px;
  border-radius: 50px;
  background-color: var(--rk-blue-2);
  color: var(--rk-gold-7);
  border: none;
  padding: 1px 15px;
}

a {
  color: var(--rk-blue-5);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  transition: .5s !important;
}

.btn-action-1, .btn-action-2, .btn-action-3 {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  width: var(--width-height) !important;
  height: var(--width-height) !important;
  border: none !important;
  border-radius: 50%;
  padding: 3px;
  cursor: pointer !important;
  transition: .5s;
}

.btn-action-1 svg {
  font-size: 20px;
}

.btn-action-1:hover, .btn-action-1:active, .btn-action-1:focus, .btn-action-2:hover, .btn-action-2:active, .btn-action-2:focus, .btn-action-3:hover, .btn-action-3:active, .btn-action-3:focus {
  opacity: .8 !important;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  transition: .5s;
}

.btn-action-3 {
  width: 30px !important;
  height: 30px !important;
  background-color: transparent !important;
  transition: .5s;
}

.btn-action-3:hover {
  background-color: rgba(131, 134, 136, 0.15) !important;
  transition: .5s;
}

.btn:hover, .btn:active, .btn-notifyfocus {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.btn-back {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px !important;
  width: 40px !important;
  height: 40px !important;
  background-color: transparent !important;
  border-radius: 100%;
  color: #656565 !important;
  padding: 10px !important;
  transition: .5s !important;
}

.btn-back svg, .btn-back svg:hover {
  font-size: 30px !important;
}

.btn-back:hover, .btn-back:active, .btn-back:focus {
  background-color: #e8e9ea !important;
  color: #656565 !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px !important;
  transition: .5s !important;
}

.navbar-toggler {
  font-size: 14px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  padding: 0;
}

.navbar-toggler:focus, .navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn-secondary {
  --bs-btn-color: var(--rk-text-1);
  --bs-btn-bg: var(--rk-background-1);
  --bs-btn-border-color: var(--rk-border-1);
  --bs-btn-hover-color: var(--rk-text-1);
  --bs-btn-hover-bg: #f2f2f2;
  --bs-btn-hover-border-color: rgba(86, 94, 100, 0);
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-color: var(--rk-text-1);
  --bs-btn-active-bg: #f2f2f2;
  --bs-btn-active-border-color: rgba(81, 88, 94, 0);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--rk-text-1);
  --bs-btn-disabled-bg: #f2f2f2;
  --bs-btn-disabled-border-color: rgba(108, 117, 125, 0);
}

a {
  color: var(--rk-blue-5);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  transition: .5s !important;
}

.btn:hover, .btn:active, .btn-notifyfocus {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.btn.off, a.off, .btn.off:hover, a.off:hover {
  background-color: #ffffff !important;
  opacity: 0.6 !important;
  cursor: pointer !important;
  pointer-events: pointer !important;
  box-shadow: none !important;
}

.btn-rastreio {
  display: flex;
  align-items: center;
  background-color: rgba(219, 223, 227, 0.55) !important;
  border-radius: 7px !important;
  padding: 7px 15px;
  height: auto;
}

.btn-rastreio:hover, .btn-rastreio:focus, .btn-rastreio:active {
  background-color: rgba(200,206,213,0.55) !important;
  padding: 7px 15px;
}

@media (min-width: 576px) {
  .btn-rastreio {
    background-color: rgba(219, 223, 227, 0.55) !important;
    border-radius: 50% !important;
    padding: 5px !important;
    height: 25px;
  }
}

@media (min-width: 576px) {
  .btn-rastreio:hover, .btn-rastreio:focus, .btn-rastreio:active {
    padding: 5px !important;
  }
}

.btn-rastreio svg {
  font-weight: 700 !important;
  font-size: 13px;
  color: #425e7a !important;
}

.btn-filtro {
  width: 40px;
  height: 40px;
  background-color: #e6eaed !important;
  color: #557e8f !important;
  border-radius: 50% !important;
  padding: 5px !important;
  transition: .5s !important;
}

.btn-filtro-sidenav {
  width: 40px;
  height: 30px !important;
  background-color: #e6eaed !important;
  color: #557e8f !important;
  border-radius: 50% !important;
  padding: 5px !important;
  transition: .5s !important;
}

.btn-filtro-sidenav svg {
  font-size: 19px;
  margin-top: -4px;
}

.btn-filtro svg {
  font-size: 25px;
  margin-top: 3px;
}

@media (min-width: 576px) {
  .btn-filtro svg {
    font-size: 20px;
    margin-top: -3px;
  }
}

@media (min-width: 576px) {
  .btn-filtro {
    width: auto;
    background-color: #e6eaed !important;
    border-radius: 50px !important;
    padding: 5px 20px !important;
    transition: .5s !important;
  }
}

@media (min-width: 576px) {
  .btn-filtro-sidenav {
    width: auto;
    background-color: #e6eaed !important;
    border-radius: 50px !important;
    padding: 0px 15px !important;
    transition: .5s !important;
  }
}

.btn-filtro-2 {
  background-color: #e9edf2 !important;
  color: #626262 !important;
  border-radius: 50px;
  padding: 8px 20px !important;
  transition: .5s !important;
}

.btn-filtro:hover,
.btn-default:hover {
  background-color: #dee4e7 !important;
  border-radius: 50px;
  transition: .5s !important;
}

.btn-filtro-sidenav:hover {
  background-color: #dee4e7 !important;
  border-radius: 50px;
  transition: .5s !important;
}

.btn-enviar, .btn-anexo, .btn-remover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px !important;
  padding: 7px 17px !important;
  transition: .5s !important;
}

.btn-default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e8ebee !important;
  color: #557e8f !important;
  border-radius: 50px !important;
  padding: 5px 17px !important;
  text-decoration: none !important;
  transition: .5s !important;
}

.btn-anexo {
  background-color: #efefef !important;
  color: #696969 !important;
}

.btn-enviar {
  background-color: #eef3f7 !important;
  color: #557e8f !important;
}

.btn-remover {
  background-color: #fcf2f2 !important;
  color: #8f5555 !important;
  transition: .5s !important;
}

.btn-enviar:hover {
  background-color: #e7f2f7 !important;
  transition: .5s !important;
}

.btn-remover:hover {
  background-color: #f7e7e7 !important;
  transition: .5s !important;
}

.btn-anexo:hover {
  background-color: #e7e7e7 !important;
  border-radius: 50px !important;
  padding: 7px 15px;
  transition: .5s !important;
}

.btn-float {
  position: absolute !important;
  top: 6px;
  right: 6px;
  width: 35px !important;
  height: 35px !important;
  color: gray !important;
  bottom: 2px;
}

.btn-danger-soft {
  font-weight: 600;
  background-color: rgba(135,32,25,0.12) !important;
  color: #c63947 !important;
}

.btn-danger-soft {
  font-weight: 600;
  background-color: rgba(135,32,25,0.12) !important;
  color: #c63947 !important;
}

.btn-success-soft {
  font-weight: 600;
  background-color: rgba(130,197,166,0.12) !important;
  color: #3e9146 !important;
}

.btn-danger-soft:hover, .btn-danger-soft:active, .btn-danger-soft:focus {
  font-weight: 600;
  background-color: rgba(135,32,25,0.12) !important;
  color: #c63947 !important;
}

.btn-light-soft {
  font-weight: 600;
  background-color: rgb(245,246,247) !important;
  color: #5b5b5b !important;
  padding: 7px 15px;
}

.btn-light-soft:hover, .btn-light-soft:active, .btn-light-soft:focus {
  font-weight: 600;
  background-color: rgb(245,246,247) !important;
  color: #5b5b5b !important;
}