html, body {
    background: #0C2556;
}
.security-input, .security-input:focus {
    background-color: rgba(182, 209, 238, 0.13);
    color: white;
    border: none;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px;
    width: 100%;
    margin-left: -0.5rem ;
}

.security-input::placeholder
{
    color: white;
}

.password-input::placeholder
{
    color: white;
}

.btn-password
{
    background-color: #3977BA !important;
    border: none;
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
    border-radius: 10px;
    font-weight: 700 !important;
    width: 80%;
    margin-left: 3rem ;
}
.password-input, .password-input:focus
{
    background-color: rgba(182, 209, 238, 0.13);
    color: white;
    border: none;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 10px;
    width: 80%;
    margin-left: 3rem ;
}


.security-input::placeholder
{
    color: white;
}
.btn-security:hover {
    background-color: #FFFFFF !important;
    color: #3977BA !important;
    border: none;
}

.btn-security {
    width: 100% ;
    margin-left: -0.5rem ;
    background-color: #3977BA !important;
    border: none;
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
    border-radius: 10px;
    font-weight: 700 !important;
}
.security-select, .security-select:focus {
    color: #FFFFFF !important;
    background-color: rgba(182,209,238,0.13) !important;
    cursor: pointer !important;
    display: block !important;
    position: relative;
    border: none !important;
    margin-left: -0.5rem;
    border-radius: 10px !important;
    box-sizing: border-box;
    min-height: 50px;
    max-height: 50px;
}
.security-select:focus
{
    background-color: #0C2556 !important;
}