body, html {
    height: 100%;
    font-family: 'Pluto Sans DPD Regular';
    color: #414042;
}
.fill-height {
    position: relative;
    min-height: 100%;
    height:100vh;
}

.dpd-logo {
    background-image: url('../logo/dpd_logo.svg');
    background-repeat: no-repeat;
    height: 22vh;
    background-position: center center;
}

.forget-password-label {
    text-align: right;
}

.password-button {
    background-color: #dc0032;
    border-color: #dc0032;
}

.password-button:hover {
    background-color: #414042;
    border-color: #414042;
}

.password-button:disabled {
    background-color: #cac4be;
    border-color: #cac4be;
}

.margin-left-min {
    margin-left: 2%;
}

.eye-icon {
    color: #414042;
    font-size: xx-large;
}

.cancel-button {
    display: inline-block;
    background: linear-gradient(to bottom, #ff0033, #dc0032);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #990000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cancel-button:hover {
    background: linear-gradient(to bottom, #ff3333, #dc0032);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.cancel-button:active {
    background: linear-gradient(to bottom, #dc0032, #aa0033);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
    transform: translateY(1px);
}