html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

:root {
 --primary: #60014A;
 --primary-rgb:96,1,74;
 --bs-primary: #60014A;
 --bs-primary-rgb:96,1,74;
 --skote-primary: #60014A;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
 box-shadow:0000.1rem white,0000.25rem #60014A;
}

html {
 position: relative;
 min-height:100%;
}

body {
 margin-bottom:60px;
}

/* Sidebar cor primária */
.vertical-menu, .vertical-menu .mm-active > a, .vertical-menu .active > a, .vertical-menu .metismenu > li > a.active {
 background: #60014A !important;
 color: #fff !important;
}

.vertical-menu .metismenu > li > a {
 color: #fff !important;
}

.vertical-menu .metismenu > li > a:hover, .vertical-menu .metismenu > li.active > a {
 background: #4d013b !important;
 color: #fff !important;
}

.vertical-menu .menu-title {
 color: #fff !important;
}

/* Navbar brand box cor primária */
.navbar-brand-box {
 background: #60014A !important;
 color: #fff !important;
}

/* Substitui azul Skote (#556ee6) por cor do projeto */
.btn-primary,
/*.bg-primary,
.text-primary,*/
.badge-primary,
.alert-primary,
.border-primary,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.avatar-title,
.page-title-box .page-title {
    background-color: #60014A !important;
    border-color: #60014A !important;
    color: #fff !important;
}

/*a,
.text-primary {
 color: #60014A !important;
}*/

.btn-primary {
 background-color: #60014A !important;
 border-color: #60014A !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
 background-color: #4d013b !important;
 border-color: #4d013b !important;
}

.form-check-input:checked {
 background-color: #60014A;
 border-color: #60014A;
}

.page-link, .pagination .page-item.active .page-link {
 background-color: #60014A !important;
 border-color: #60014A !important;
 color: #fff !important;
}

.progress-bar.bg-primary {
 background-color: #60014A !important;
}

.alert-primary {
 background-color: #f8e6f3 !important;
 border-color: #60014A !important;
 color: #60014A !important;
}

input:focus, textarea:focus, select:focus {
 border-color: #60014A !important;
 box-shadow:0000.2rem rgba(96,1,74,0.25) !important;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
 color: var(--bs-secondary-color);
 text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
 text-align: start;
}

.bg-primary.bg-soft {
    background-color: rgba(96, 1, 74, .25) !important;
}

.chase-dot:before {
    content: "";
    display: block;
    width: 25%;
    height: 25%;
    background-color: #60014A;
    border-radius: 100%;
    -webkit-animation: chase-dot-before 2s infinite ease-in-out both;
    animation: chase-dot-before 2s infinite ease-in-out both;
}
.form-switch-lg .form-check-input {
    width: 3rem;
    height: 1.5rem;
    margin-left: -3rem;
    border-radius: 3rem;
}

.form-switch-lg .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(96, 1, 74, 0.2);
}

.form-switch-lg .form-check-label {
    padding-left: 3.5rem;
    line-height: 1.5rem;
}

.form-switch-md .form-check-input {
    width: 2.5rem;
    height: 1.25rem;
    margin-left: -2.5rem;
    border-radius: 2.5rem;
}

.form-switch-md .form-check-label {
    padding-left: 3rem;
    line-height: 1.25rem;
}