.hk-pg-wrapper.hk-auth-wrapper {
    background: url("../images/login-page.jpg") no-repeat 5% 100%;
    background-size: cover;
}


.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3a8a77;
    border-color: #3a8a77;

    &:hover, &:focus {
        color: #fff;
        background-color: #3a8a77;
        border-color: #3a8a77;
    }

    &:not(:disabled):not(.disabled).active,
    &:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #3a8a77;
        border-color: #3a8a77;
    }

    &.disabled, &:disabled {
        color: #fff;
        background-color: #90d7a3;
        border-color: #90d7a3;
    }
}


.logo {
    background-image: url("../images/greenLogo.svg");
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    color: #3a8a77;
    line-height: inherit;
    white-space: normal;
}

.hk-wrapper .hk-navbar.navbar-light .navbar-brand {
    color: #3a8a77;
    font-size: 19px;
}

a:hover {
    text-decoration: none;
    color: #3a8a77;
}


.chatapp-wrap .chatapp-left .chatapp-users-list a.media.active-user {
    background: #b3d9d0;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div {
    background: #3a8a77;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:before, .chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:after {
    background-color: #3a8a77;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle {
    background-color: #3a8a77;
}

.patient-card-container .card .card-header {
    background: #b3d9d0;
}

.educational-panel .items {
    background-color: whitesmoke;
    border: 1px solid #0000001c;
}

.educational-panel .items label {
    color: black;
}

.educational-panel-link .link {
    background-color: rgba(152, 195, 139, 0.12);
    border: 0;
}

.educational-panel-link .link label {
    color: rgba(152, 195, 139, 1);
}

.icons-arrow-right-background {
    background-color: rgba(152, 195, 139, 1);
}

.event-container .button {
    background-color: rgba(152, 195, 139, 1);
}

.date-container .day-of-week {
    color: rgba(152, 195, 139, 1);
}