body
{			 
    background-color: #2a2a2e;
    color: white;
    overflow-x: hidden;   
    font-family: "Times New Roman", Times, serif; 
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    font-size: larger;
}
.invisivel
{
    display: none;
}

h2{ text-align: center;}
h1{ text-align: center; padding: 2px; margin: 0px;}

label
{
    text-align: left;
    font-size: x-large;
    margin-bottom: 4px;
}

button
{
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px rgba(0, 0, 0, 0.0) solid;
    border: 1px rgba(0, 0, 0, 0.0) solid;
    min-width: 50%;
    color: black;
    font-size: large;
    padding: 8px;    
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
}


input, select {
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px rgba(0, 0, 0, 0.0) solid;
    width: 50%;
    font-size: initial;
    padding-left: 2px;
    min-width: 2px;
    color: black;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px;
}

input[type="number"], input[type="date"], select 
{
    -moz-appearance: textfield;
}

p
{
padding: 2px;
margin: 0px;
}

footer
{    
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
overflow-x: hidden;
background-color: rgba(42, 42, 46,1);
}

footer h3
{
    padding: 2px;
    margin: 0px;
}

footer button
{
    background-color: rgba(0,0,0,0);
    text-align: center;
    font-size: large;
    color: white;
    border: 0px;
    cursor: pointer;
}


.espaco
{    
    float: left;    
    margin-top: 200px;
    border-bottom: 1px solid black;
    width: 100%;
    overflow: hidden
}

.maindiv
{
    width: 100%;
    overflow-x: hidden;
}

.divloading
{
    text-align: center;    
}

.divsaldo, .divlani
{    
    border: 2px solid black;    
    text-align: right;
    border-radius: 10px;
    overflow: hidden;    
    background-color: rgba(255, 255, 255, 0.4);    
}

.divsaldo div:nth-child(1), .divlani div:nth-child(1)
{
    padding: 8px;    
    background-color: yellowgreen;    
    border-bottom: 1px black solid;   
    overflow-x: hidden;
}

.divsaldobutton
{
    padding: 8px;    
    background-color: yellowgreen;        
    border-top: 1px black solid;   
    overflow-x: hidden;    
}

.divsaldobutton button
{
    width: 50%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
    margin: 0px;
    font-size: large;
}

.divsaldo label
{
    padding-right: 12px;
    font-size: large;
    color:black;    
}

.divsaldo h1
{
    padding: 0px;
    margin: 0px;
    padding-right: 12px;
    font-size: xx-large;
    padding-bottom: 10px;
    padding-top: 10px;
    color:black;;
    text-align: right;    
}

.divlani
{
    width: 100%;
    text-align: right;
    color: black;
}

.divlani label
{
    font-weight: bold;
}

.divlani div
{
    padding-left: 8px;
    padding-right: 8px    
}

.divlani h1
{
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;    
}

.divlancamentosP, .divlancamentosP h1
{
    float: right;
    width: 80%;
    text-align: right;
    margin-bottom: 6px;
}

.divlancamentosN, .divlancamentosN h1
{
    float: left;
    width: 80%;    
    text-align: left;
    margin-bottom: 6px;
}

.divlancamentosN .divlani div:nth-child(1)
{
    background-color: red;
}

.divlancamentosN .divlani
{
    text-align: left;
}

@media only screen and (min-device-width : 40px) and (max-device-width : 812px)
{
    button, input
    {
        width: 98%;
    }
    body
    {
        text-align: left;
    }
}