body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
}
a {
    cursor: pointer;
}
label {
    margin-bottom: .25rem;
}
.form-control {
    padding: .75rem 1rem;
}
.btn-danger {
    background-color: #ed3336;
    border-color: #ed3336;
}
.login-logo {
    max-width: 200px;
    display: block;
}
.full-height {
    min-height: 100vh;
}
.user-dropdown .nav-link {
    color: #212529;
}
.user-dropdown .dropdown-menu {
    left: auto;
    right: 0;
}
.user-dropdown .dropdown-menu a {
    padding-left: .75rem;
    padding-right: .75rem;
}
.user-dropdown .user-avatar {
    max-height: 25px;
    max-width: 110px;
}
.donor-image-wrapper {
    position: relative;
    overflow: hidden;
}
.donor-image-wrapper.bg-danger:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
            linear-gradient(to top left,
            rgba(220,53,69,0) 0%,
            rgba(220,53,69,0) calc(50% - 4px),
            rgba(220,53,69,1) calc(50% - 4px),
            rgba(220,53,69,1) 50%,
            rgba(220,53,69,1) calc(50% + 4px),
            rgba(220,53,69,0) calc(50% + 4px),
            rgba(220,53,69,0) 100%),
            linear-gradient(to top right,
            rgba(220,53,69,0) 0%,
            rgba(220,53,69,0) calc(50% - 4px),
            rgba(220,53,69,1) calc(50% - 4px),
            rgba(220,53,69,1) 50%,
            rgba(220,53,69,1) calc(50% + 4px),
            rgba(220,53,69,0) calc(50% + 4px),
            rgba(220,53,69,0) 100%);
}
.member-login {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem 1rem;
}
.member-login a {
    color: #212529;
    text-decoration: none;
}