.top-0 {
    top: 0 !important
}

.right-0 {
    right: 0 !important
}

.left-0 {
    left: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

svg {
    vertical-align: middle
}

.z-index-2 {
    z-index: 2
}

.font-weight-semi-bold {
    font-weight: 600 !important
}

.register-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 15px
}

.bg-img-hero {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(abstract-bg-4.jpg)
}

.form-card {
    position: relative;
    background-color: #fff;
    border: .0625rem solid rgba(231, 234, 243, .7);
    border-radius: .75rem;
    box-shadow: 0 6px 12px rgb(147 159 171)
}

.form-card_body {
    padding: 30px
}

@media(min-width:420px) {
    .form-card_body {
        padding: 40px
    }
}

@media(min-width:576px) {
    .form-card_body {
        padding: 50px
    }
}

.pharmacare-logo img {
    height: 55px
}

.display-4 {
    line-height: 1.4;
    font-size: 19px
}

.register-content .btn {
    font-size: 18px;
    padding: 12px
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.register-content .form-group {
    margin-bottom: 20px
}

.register-content .form-control {
    height: 52px;
    font-size: 15px
}

.password+.fa,
.cPassword+.fa {
    top: 50%;
    right: 5px;
    position: absolute;
    color: #666;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%);
    font-size: 16px
}

/* Product credit (distinct from the tenant's own logo/name above the
   card): a quiet "powered by" line, not a second competing headline.
   Grounded on its own small card rather than sitting directly on the
   page's photo background, so it always has reliable contrast
   regardless of which hero image is configured. */
.product-credit {
    background-color: rgba(255, 255, 255, .92);
    border: .0625rem solid rgba(231, 234, 243, .8);
    border-radius: .75rem;
    box-shadow: 0 4px 10px rgba(147, 159, 171, .25);
    padding: 14px 20px;
}

.product-credit_name {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .02em;
    color: #000;
}

.product-credit_tagline {
    font-size: 12.5px;
    font-weight: 500;
    font-style: italic;
    color: #000;
    margin-top: 3px;
}

.product-credit_vendor {
    font-size: 11.5px;
    font-weight: 500;
    color: #000;
    margin-top: 10px;
}

.product-credit_vendor a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}

.product-credit_vendor a:hover {
    color: #000;
}

.product-credit_version {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 9px;
    font-size: 10.5px;
    font-weight: 700;
    color: #fff;
    background-color: #0f5132;
    border-radius: 10px;
}