:root {
    --custom-main-color: #312783;
}

.btn-login--hard-blue.btn-login--hard-blue {
    background-color: var(--custom-main-color);
    border-color: var(--custom-main-color);
    box-shadow: 0 2px 2px 0 rgba(49, 39, 131, 0.14), 0 3px 1px -2px rgba(49, 39, 131, 0.2), 0 1px 5px 0 rgba(49, 39, 131, 0.12);
}

.btn-login--hard-blue.btn-login--hard-blue:hover {
    background-color: var(--custom-main-color);
    border-color: var(--custom-main-color);
    box-shadow: 0 14px 26px -12px rgba(49, 39, 131, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 39, 131, 0.2);
}

.btn-login--hard-blue.btn-login--hard-blue:active {
    background-color: var(--custom-main-color);
    border-color: var(--custom-main-color);
    box-shadow: 0 14px 26px -12px rgba(49, 39, 131, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 39, 131, 0.2);
}

.btn-login--hard-blue.btn-login--hard-blue:focus {
    background-color: var(--custom-main-color);
    border-color: var(--custom-main-color);
    box-shadow: 0 14px 26px -12px rgba(49, 39, 131, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 39, 131, 0.2);
}

.badge--hard-blue {
    background-color: var(--custom-main-color) !important;
}

.nk-custom-navbar {
    box-shadow: none;
}

.product-card {
    background-color: white;
}

.product-card .product-card__item--address .form-check .form-check-input:checked~.circle {
    border-color: var(--custom-main-color);
}

.product-card .product-card__item--address .form-check .form-check-label .circle .check {
    background-color: var(--custom-main-color);
}

.new-address-form-wrapper {
    border: 1px solid var(--custom-main-color);
}

.new-address-form-wrapper .is-focused label {
    color: var(--custom-main-color);
}

.new-address-form-wrapper input:focus {
    border-color: var(--custom-main-color);
    background-image: linear-gradient(to top, var(--custom-main-color) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.form-search-wrapper {
    margin: 0 20%;
}
/* .footer {
  flex-shrink: 0;
}
.content {
  flex: 1 0 auto;
} */

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}
#content-wrap-login {
  padding-bottom: 13.5rem;    /* Footer height */
}

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* height: 2.5rem;            /* Footer height */ 
}

/* link back to home */
.link-to-back-home{
	text-align: center;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.25s;
}
.link-to-back-home:hover{
	text-decoration: none;
}

@media only screen and (max-width:991px) {
    
    .login-form-inner-wrapper--logon {
        flex-direction: column;
    }
    .login-form-btn-wrapper {
        width: 100%;
    }
    .nk-my-2.nk-my-2 {
        margin: 0.5rem 0;
    }
}