a{
	color: #0387c9;
}
a:hover{
	color: #049fec;
}

.login-page{
	background: #026698 linear-gradient(330deg, #012332 0%, #026698) repeat-x !important; /*#002e62 linear-gradient(155deg, #002e62 20%, #1f64b1) repeat-x !important;*/
}

.fakehide::before {
	content: '••••';
	padding-right:1px;
}

/*.btn:not(.btn-navbar):not(.btn-clear-white):not(.btn-clear-white-outline):not(.btn-tool){
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}*/

/*.elevation-1 {
	box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%) !important;
}*/

/*.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
	vertical-align: 0;
}*/

/*.subNavBar {
	background: #d6dce2;
}
.subNavBar .navbar-nav .show > .nav-link,
.subNavBar .navbar-nav .active > .nav-link,
.subNavBar .navbar-nav .nav-link.show,
.subNavBar .navbar-nav .nav-link.active {
	color: #FFF;
	background: #5b6a77;
}*/

[class*=sidebar-dark-]{
	/*background-color: #002e62;*/
	background: #026698 linear-gradient(330deg, #012332 0%, #026698) repeat-x !important;
}
[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .user-panel{
	/*border-color: rgba( 255,255,255,0.15 );*/
	border-bottom: none;
}
/* Search Bar */
[class*=sidebar-dark] .form-control-sidebar{
	background-color: #FFF;
	border-color: rgba( 255,255,255, 0.65 );
	color: #333;
}
/* Search Bar Button */
[class*=sidebar-dark] .btn-sidebar{
	background-color: #026698;
	border-color: rgba( 255,255,255, 0.15 );
}
/* Menu Item Hover */
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgba(255,255,255,.05);
}

.navbar-white.navbar-light .form-control-navbar, 
.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{
	background-color: #FFF;
	border-color: rgba( 0,0,0, 0.15 );
}

blockquote{
	border-left-width: .2rem;
	margin: 1.2em 0.3rem;
    padding: 0.3em 0.9rem;
}
.callout{
	border-left-width: 4px;
	padding: 0.7rem 1rem;
}

.navbar-badge {
    font-size: .7rem;
    font-weight: 600;
    padding: 3px 4px;
    position: absolute;
    right: 10px;
    top: 4px;
}

.clientInfoCard>.card-header{
	background: #343a40 linear-gradient(155deg, #535d67 20%, #1f2225 ) repeat-x !important;
}

.clientPricingCard>.card-header{
	background: #3d9970 linear-gradient(155deg, #3d9970 20%, #296148) repeat-x !important
}

.clientBankingCard>.card-header{
	background: #8396a7 linear-gradient(155deg, #8396a7 20%, #535d67) repeat-x !important
}

/*.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){
	background-color: ;
}
.layout-navbar-fixed .wrapper .sidebar-dark-navy {
	background-color: #001f3f;
}
.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*="navbar"]) {
	background-color: #000;
}*/

.brand-link .brand-image{
	background-color: #FFF;
	padding: 5px;
}
/* ------------------------------ */

.card-gray-light:not(.card-outline) > .card-header {
  background-color: #8396a7;
}

.card-gray-light:not(.card-outline) > .card-header,
.card-gray-light:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-gray-light:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-gray-light.card-outline {
  border-top: 3px solid #8396a7;
}

.card-gray-light.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-gray-light.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #8396a7;
}

.card-gray-light:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.card-gray-light:not(.card-outline) .btn-tool:hover {
  color: #fff;
}
/* ------------------------------ */

.btn-gray-light {
  color: #fff;
  background-color: #8396a7;
  border-color: #8396a7;
  box-shadow: none;
}

.btn-gray-light:hover {
  color: #fff;
  background-color: #6e7c89;
  border-color: #6e7c89;
}

.btn-gray-light:focus, .btn-gray-light.focus {
  color: #fff;
  background-color: #6e7c89;
  border-color: #6e7c89;
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.btn-gray-light.disabled, .btn-gray-light:disabled {
  color: #fff;
  background-color: #8396a7;
  border-color: #8396a7;
}

.btn-gray-light:not(:disabled):not(.disabled):active, .btn-gray-light:not(:disabled):not(.disabled).active,
.show > .btn-gray-light.dropdown-toggle {
  color: #fff;
  background-color: #6e7c89;
  border-color: #6e7c89;
}

.btn-gray-light:not(:disabled):not(.disabled):active:focus, .btn-gray-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

[class*="accent-"] a.btn-gray-light {
  color: #fff;
}
/* ------------------------------ */

.btn-primary, .blueBtn {
	color: #fff;
	background-color: #026698; /* 1d5ca5 */
	border-color: #026698; /* 1d5ca5 */
	box-shadow: none;
	text-decoration: none;
}

.btn-primary:hover, .blueBtn:hover {
	color: #fff;
	background-color: #0376b0; /* 176dcf */
	border-color: #0376b0; /* 176dcf */
	cursor: pointer;
}

.btn-primary:focus, .btn-primary.focus, .blueBtn:focus, .blueBtn.focus {
	color: #fff;
	background-color: #0376b0; /* 176dcf */
	border-color: #0376b0; /* 176dcf */
	box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #026698; /* 1d5ca5 */
  color: #fff;
}

.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  border-color: #026698; /* 1d5ca5 */
}
.page-item.active .page-link {
  background-color: #026698; /* 1d5ca5 */
  border-color: #026698; /* 1d5ca5 */
}

.card-primary.card-outline {
    border-top: 3px solid #026698; /* 1d5ca5 */
}

.card-primary:not(.card-outline)>.card-header{
	background-color: #026698 !important;
}

.bg-primary {
  background-color: #026698 !important;  /* 1d5ca5 */
}
.badge-primary {
  background-color: #026698 !important; 
}

#rolePermissionsAccordion label{ display: block; }

.text-muted{
	color: #8f99a3 !important;
}


.stepper-wrapper {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.stepper-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;

	@media (max-width: 768px) {
		font-size: 12px;
	}
}

.stepper-item::before {
	position: absolute;
	content: "";
	border-bottom: 4px solid #ccc;
	width: 100%;
	top: 18px;
	left: -50%;
	z-index: 2;
}

.stepper-item::after {
	position: absolute;
	content: "";
	border-bottom: 4px solid #ccc;
	width: 100%;
	top: 18px;
	left: 50%;
	z-index: 2;
}

.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ccc;
	margin-bottom: 6px;
}

.stepper-item.active {
	font-weight: bold;
}

.stepper-item .step-name a {
	color:#333;
}
.stepper-item .step-name a:hover{
	color:#666;
	text-decoration: underline;
}

.stepper-item.active .step-counter {
	background-color: #026698;
}

.stepper-item.completed .step-counter {
	background-color: #026698;
}

.stepper-item.completed::after {
	position: absolute;
	content: "";
	border-bottom: 4px solid #026698;
	width: 100%;
	top: 18px;
	left: 50%;
	z-index: 3;
}

.stepper-item:first-child::before {
	content: none;
}
.stepper-item:last-child::after {
	content: none;
}