/*CSS Variables*/
:root{
   --bg-primary: #0f84fa;
   --text-primary:#0f84fa;
   --btn-primary:#0f84fa;
   --btn-hover:#0c69c7;
   --border-primary: #0f84fa;
   --nav-active:var(--text-primary);
}

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

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

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

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

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

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

.btn-outline-primary:hover{
   border-color: var(--border-primary) !important;
   background-color: var(--text-primary) !important;
   color: white !important;
}

.active{
   color: var(--nav-active) !important;
}