/*
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 : 7/jan/2020, 9:39:51
    Author     : tiago.mogas
*/

body {
    background-image: url(../imagens/createAccount/ondas.jpg);
} 

.textbox {
    color: rgb(51,51,51);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block; 
    margin: auto; 
    width: 90%
}  

#signin{
    display: block;
    width: 38%; 
    height: auto; 
    margin: auto;
}

#loginBackground{
    display: block;
    position: relative;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;                
}

#caixa{
    display:block; 
    margin:auto;
}

#hasAccount{
    width:60%; 
    left: 20%; 
    position: absolute; 
    top: 2%; 
    text-align: center;
}

#lineHasAccount{
    top: 4%; 
    position: absolute; 
    left:20%; 
    width: 60%;
}

.line{
    width: 100%; 
    height: auto;
}

#createAccount{
    width:100%; 
    left: 0%; 
    position: absolute; 
    top: 6%; 
    text-align: center; 
    font-size: 16px
}

#lineCreateAccount{
    top: 10%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#required{
    width:50%; 
    left: 58%; 
    position: absolute; 
    top: 11%; 
    text-align: center; 
    font-size: 16px
}

#usernameDiv{
    top: 13%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

.caixaTexto{
    display: block; 
    width: 100%; 
    height: auto;
}

.inputDiv{
    display: flex; 
    top: 0%; 
    width: 90%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

.checkDiv{
    top: 0%; 
    left:90%; 
    width: 10%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

.checkItem{
    top: 0%; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

#emailDiv{
    top: 19%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#confirmEmailDiv{
    top: 25%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#passwordDiv{
    top: 31%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#confirmPasswordDiv{
    top: 37%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#nameDiv{
    top: 43%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

.inputDivfLeft{
    display: flex; 
    left: 2%; 
    top: 0%; 
    width: 40%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

.checkDivLeft{
    top: 0%; 
    left:40%; 
    width: 10%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

.inputDivRight{
    display: flex; 
    top: 0%; 
    left: 52%; 
    width: 40%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

.checkDivRight{
    top: 0%; 
    left:90%; 
    width: 10%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

#companyDiv{
    top: 49%; 
    position: absolute; 
    left:10%; 
    width: 80%
}

#phoneDiv{
    top: 55%; 
    position: absolute; 
    left:10%; 
    width: 80%;
}

#addressDiv{
    top: 61%; 
    position: absolute; 
    left:10%; 
    width: 80%;
}

#houseDiv{
    top: 67%; 
    position: absolute; 
    left:10%; 
    width: 80%;
}

#countryDiv{
    top: 79%; 
    position: absolute; 
    left:10%; 
    width: 80%;
}

#countrySelect{
    display: flex; 
    left: 5%; 
    top: 0%; 
    width: 90%; 
    height: 100%; 
    position: absolute; 
    align-items: center;
}

#btnCreateAccount{
    top: 87%; 
    position: absolute; 
    width: 100%;
}

#privacyNotice{
    top: 93%; 
    left:20%; 
    position: absolute; 
    width: 60%; 
    overflow: hidden; 
    white-space: normal;
}