/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 13, 2021, 10:48:04 PM
    Author     : Edwin
*/



@import url(https://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

body {
    margin: 0;
    padding: 0;
    /*background:  url(resources/images/user1.png);*/
    /*background:  url(resources/images/healthcare-analytics-image.png);*/
    /*background-image:  url("");*/
    /*background-image:  url("");*/
    /*background-image:  url("/erp-api/jakarta.faces.resource/images/healthcare-analytics-image.png.xhtml");*/
    /*background-image:  url("");*/
    /*background:  url(resources/images/Ghana-Armed-Forces-696x464.jpg);*/
    /*background: url(https://picsum.photos/2500/1500?image=1041);*/
    background-size: cover;
    font-family: sans-serif;
}

.box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25rem;
    padding: 2.5rem;
    box-sizing: border-box;
    background: rgba(23, 31, 4, 0.1);
    /*background: rgba(23, 31, 4, 0.7);*/
    /*background: rgba(0, 0, 0, 0.6);*/
    border-radius: 0.625rem;
}

.box h2 {
    margin: 0 0;
    /*margin: 0 0 1.875rem;*/
    padding: 0;
    color: #fff;
    text-align: center;
}

.box .inputBox {
    position: relative;
}

.box .inputBox input {
    width: 100%;
    padding: 0.625rem 0;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.062rem;
    margin-bottom: 1.875rem;
    border: none;
    border-bottom: 0.065rem solid #fff;
    outline: none;
    background: transparent;
}

.box .inputBox label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.625rem 0;
    font-size: 1rem;
    color: #fff;
    pointer-events: none;
    transition: 0.5s;
}

.box .inputBox input:focus ~ label,
.box .inputBox input:valid ~ label,
.box .inputBox input:not([value=""]) ~ label {
    top: -1.125rem;
    left: 0;
    color: #03a9f4;
    font-size: 0.75rem;
}

.box button {
    border: none;
    outline: none;
    color: #fff;
    background-color: #03a9f4;
    padding: 0.625rem 1.25rem;
    cursor: pointer;
    border-radius: 0.312rem;
    font-size: 1rem;
}

.box button:hover {
    background-color: #1cb1f5;
}
/*            .box input[type="submit"] {
                border: none;
                outline: none;
                color: #fff;
                background-color: #03a9f4;
                padding: 0.625rem 1.25rem;
                cursor: pointer;
                border-radius: 0.312rem;
                font-size: 1rem;
            }

            .box input[type="submit"]:hover {
                background-color: #1cb1f5;
            }*/