@charset "UTF-8";
:root {
	/* CUSTOM COLORS */
  --rm-primary: #003366;
  --rm-secondary: #990000;
  --rm-tertiary: #94c4e1;
  --rm-info: #2b8ac4;
  --rm-light: #f5f5f5;
  --rm-primary-rgb: 0, 51, 102;
  --rm-secondary-rgb: 153, 0, 0;
  --rm-tertiary-rgb: 148, 196, 225;
  --rm-info-rgb: 43, 138, 196;
  --rm-light-rgb: 245, 245, 245;
  --rm-link-color: #003366;
  --rm-link-color-rgb:  0, 51, 102;
  --rm-link-decoration: none;
  --rm-link-hover-color: #990000;
  --rm-link-hover-color-rgb: 153, 0, 0;
  --rm-font-sans-serif: "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --rm-body-color: #333333;
  --rm-body-color-rgb: 51, 51, 51;
  --rm-nav-link-color: #003366;
  --rm-nav-link-hover-color: #990000;
}

body { padding-top:150px; }
header.position-fixed { top:0; left:0; }

a {
	color:var(--rm-link-color);
}

a:hover {
	color:var(--rm-link-hover-color);
}

.nav-link {
	color:var(--rm-nav-link-color);
}
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    color:#fff !important;
    background-color:var(--rm-primary) !important;
}

.nav-link:hover {
	color:var(--rm-nav-link-hover-color);
}

.link-white {
	color:#fff;
}
.link-white:hover {
	color:rgba(255,255,255,.75);
}
.text-gray {
	color:#999;
}

.bg-primary { background-color:var(--rm-primary) !important; }
.text-bg-primary {
    background-color:var(--rm-primary) !important;
    color:#fff !important;
}
.bg-secondary { background-color:var(--rm-secondary) !important; }
.text-bg-secondary {
    background-color:var(--rm-secondary) !important;
    color:#fff !important;
}
.bg-tertiary { background-color:var(--rm-tertiary) !important; }
.text-bg-tertiary {
    background-color:var(--rm-tertiary) !important;
/*    color:#fff !important;*/
}
.bg-info { background-color:var(--rm-info) !important; }
.text-bg-info {
    background-color:var(--rm-info) !important;
    color:#fff !important;
}
.bg-light { background-color:var(--rm-light) !important; }
.text-bg-light {
    background-color:var(--rm-light) !important;
    color:#000 !important;
}

.btn {
	padding:0.75rem 1.25rem;
}
.btn-primary {
  color: #fff;
  background-color: var(--rm-primary);
  border-color: var(--rm-primary);
}
.btn-primary:hover {
  color: #fff;
  background-color: #012243;
  border-color: #012243;
}
.btn-primary:active {
  color: #fff;
  background-color: #012243;
  border-color: #012243;
}

.btn-secondary {
  color: #fff;
  background-color: var(--rm-secondary);
  border-color: var(--rm-secondary);
}
.btn-secondary:hover {
  color: #fff;
  background-color: #740101;
  border-color: #740101;
}
.btn-secondary:active {
  color: #fff;
  background-color: #740101;
  border-color: #740101;
}

.btn-tertiary {
  color: var(--rm-primary);
  background-color: var(--rm-tertiary);
  border-color: var(--rm-tertiary);
}
.btn-tertiary:hover {
  color: #fff;
  background-color: #72aad2;
  border-color: #72aad2;
}
.btn-tertiary:active {
  color: #fff;
  background-color: #72aad2;
  border-color: #72aad2;
}

.btn-info {
  color: #fff;
  background-color: var(--rm-info);
  border-color: var(--rm-info);
}
.btn-info:hover {
  color: #fff;
  background-color: #1a6fa3;
  border-color: #1a6fa3;
}
.btn-info:active {
  color: #fff;
  background-color: #1a6fa3;
  border-color: #1a6fa3;
}

.btn-light {
  color: #000;
  background-color: var(--rm-light);
  border-color: var(--rm-light);
}
.btn-light:hover {
  color: #000;
  background-color: #dadada;
  border-color: #dadada;
}
.btn-light:active {
  color: #000;
  background-color: #dadada;
  border-color: #dadada;
}

/* INDEX */
.banner-bg {
    background-image:url('/include-mt/img-resize.asp?path=/img/stores/aging-in-home-place_(1).png');
    background-repeat:no-repeat;
    background-position:right;
    background-size:cover;
}
.banner-bg::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 85%;
    height: 100%;
    background: linear-gradient(to right,  rgba(255,255,255,1) 43%,rgba(255,255,255,.75) 57%,rgba(255,255,255,0) 100%)
}

/* DASHBOARD */
.dash-box .percentage-change { padding-top:4px; }

/* APPLICATION */
.rm-help {
    display:inline-block;
    width:auto;
    cursor:pointer;
}
.rm-help img {
    width:14px;
    height:14px;
    margin:0 0 5px 5px;
}
.rm-tooltip {
    --bs-tooltip-bg:var(--rm-primary);
}

.application {
	background-image:url('/marketplace/assets/images/bg-form.webp');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-color:rgba(var(--rm-info-rgb),.5);
}

/* LOGIN */
.form-signin { max-width:330px; }
.lost-pswd { min-height:650px; }


/* FORM PROGRESS */
#form-progress .step {
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--rm-tertiary);
	padding:0;
}
#form-progress .step span {
	width:90px;
	text-wrap:nowrap;
	left:-33px; /* half of this width (45) - half of .step width (12) */
	font-size:14px;
	color:rgba(0,0,0,.6);
	padding-top:5px;
}
#form-progress .indicator {
	width:16px;
	height:16px;
	border-radius:50%;
	margin:4px;
}
#form-progress .indicator.active { background:var(--rm-primary); }
#form-progress .line {
	width:20%;
	height:4px;
	margin-top:10px;
	background:var(--rm-tertiary);
}


/* FORM */
.form {
	padding:2.5rem;
}
label { color:#666666; }
label.form-check-label {
    font-size: .85rem;
    color: var(--bs-gray);
}
.form-control {
	padding:0.75rem;
	font-size:.85rem;
	color:var(--bs-gray);
    outline: 1px solid #94c4e1;
}
.form-control:focus,
.form-check-input:focus { box-shadow:unset; }
.form-control:focus { border-color:rgba(var(--rm-info-rgb),.7); }
.form-check-input:checked,
.was-validated .form-check-input:valid:checked, 
.form-check-input.is-valid:checked {
	background-color:var(--rm-primary);
	border-color:var(--rm-primary);
}
.was-validated .form-check-input:valid, 
.form-check-input.is-valid { border-color:var(--rm-primary); }
.was-validated .form-control:invalid, 
.form-control.is-invalid,
.was-validated .form-control:valid, 
.form-control.is-valid { background-image:unset; }

@media (min-width:768px) {
    body { padding-top:145px; }
}

/* RESPONSIVE */
@media (max-width:991px) {
	#form-progress .line { width:25%; }
}

@media (min-width:992px) {
    body { padding-top:90px; }
}