/*
These are the two dominant brand colors:

Blue → #149CE8
Green / Teal → #29AE9D

Secondary / Changeing Colors

Dark Navy (Text / Contrast / Dark UI)
#141F4A
Light Blue-Gray (Backgrounds / Subtle UI areas)
#C0DAE0

White (Canvas / Negative Space)
#FFFFFF

Logo Gradient:
linear-gradient(90deg, #149CE8 → #29AE9D)

Primary Text / Headlines:
#141F4A

UI Backgrounds:
#FFFFFF or #C0DAE0

Buttons / Highlights:
Gradient or solid #149CE8
*/
.proxira-color {
  color: #149CE8;
}

.proxira-color-BG{
  background-color: #149CE8
}

.proxira-dark-color{
  color: #141F4A
}

.proxira-dark-color-BG{
  background-color: #141F4A
}

.proxira-black {
  color: #050708;
}

.active-circle {
  color: #149CE8;
  font-size: 17px;
}

.notactive-circle {
  color: #fff;
  font-size: 12px;
}

/* Button Styles */
.btn-proxira {
	background-color: #149CE8 !important;
	color:#000 !important;
  padding: 7px 25px 7px 25px !important;
}

.btn-proxira:hover{
	background-color: #29AE9D !important;
	color:#FFF !important;
}

.btn-proxira-sm {
	background-color: #149CE8 !important;
	color:#000 !important;
  padding: 3px 12px 3px 12px !important;
  font-size: 12px;
}

.btn-proxira-sm:hover{
	background-color: #29AE9D !important;
	color:#FFF !important;
}

.btn-proxira-white {
	background-color: #149CE8 !important;
	color:#000 !important;
}

.btn-proxira-white:hover{
	background-color: #FFF !important;
	color:#000 !important;
}

.proxiraBG {
	background-color: #149CE8 !important;
	color:#000 !important;
}

.proxira-hover{
    color: white !important;
}

.proxira-hover:hover{
  color: #149CE8 !important;
}

.navbarBG {
  background-color: #212529 !important;
}

/* Color of 3 lines */
.navbar-toggler.collapsed .toggler-icon {
    background: linear-gradient( 263deg,#149CE8 0%, #29AE9D 100% );
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #149CE8;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.nav-link:hover {
  color: #149CE8 !important;
}

.dropdown-menu > li:hover a {
  background-color: #149CE8 !important;
  color: #000 !important;
}