body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.body-color {
    background-color: #f4f5f8;
}

.login-button {
    border-radius: 10px;
    opacity: 1;
    background-color: rgba(0, 155, 255, 1);
}

.footer-links {
    font-weight: 400;
}

/* obsolete, replaced with .whatif-btn */
.navigation-buttons{
    border-radius: 10px;
}


.back-arrowa {
    color: black;
}

.pages-left-button {
    background-color: #FF9900;
    color: white;
}


.button-blue {
    background-color: #009bff;
    color: white;
}


.link-blue {
    text-decoration: none;
    color: #009bff;
}



/* 

    Custom CSS For Form Messages

*/
.form-status-block {
    border-radius: 11px;
}

.fsb-red {
    background: rgb(173,18,0);
    background: linear-gradient(93deg, rgba(173,18,0,1) 0%, rgba(255,62,62,1) 100%);
}

.fsb-orange {
    background: rgb(255,153,0);
    background: linear-gradient(93deg, rgba(255,153,0,1) 0%, rgba(228,185,61,1) 100%);
}

.fsb-green {
    background: rgb(28,144,4);
    background: linear-gradient(93deg, rgba(28,144,4,1) 0%, rgba(44,227,34,1) 100%);
}

.fsb-blue {
    background: rgb(30,175,204);
    background: linear-gradient(115deg, rgba(30,175,204,1) 0%, rgba(0,212,255,1) 100%);
}

.form-status-block p {
    color: orange;
    padding-top: 5px; 
    padding-bottom: 5px;
    margin-top: auto;
    margin-bottom: auto;
    color: white;
    font-weight: 500;
}

.form-status-block h5 {
    color: white
}




.vault-area-details-header {
    min-height: 195px;
    border-radius: 40px 40px 0px 0px;
    opacity: 1;
    background-image: linear-gradient(135deg, rgba(0, 155, 255, 1) 0%, rgba(0, 123, 203, 1) 100%);
}

.icons-delete {
    cursor: pointer;
}
.icons-add {
    cursor: pointer;
}