#body {     
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#eff0f0, #fafbfb); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#eff0f0, #fafbfb); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eff0f0, #fafbfb); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eff0f0, #fafbfb); /* Standard syntax */
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
width:100%;
height:100%;
}




/*------------------------------------*\
GENERAL
\*------------------------------------*/


.file_customizada::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background:;  
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-family: 'Karbon Slab Stencil';
    color: black;
font-size: 2.5vh;    
}
.file_customizada:hover::before {
  border-color: black;
}
.file_customizada:active::before {
  background: transparent;
}


label.labelInput input[type="file"] {
    position: fixed;
    top: -1000px;
}

labelInput {
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
}
.labelInput:hover {
    background: none;
}
.labelInput:active {
    background:;
}
.labelInput :invalid + span {
    color: ;
}
.labelInput :valid + span {
    color:;
}


.novo{
width: 60%;
height: 60%;
}

/*------------------------*/
.titulo h1{
font-family: 'Karbon Slab Stencil';
font-weight: bold;
font-size:3vh;    
color:black;
text-align: left;
margin-left: 51%;  
margin-top: 9.5vh;    
    
       
}








#menu-click{
z-index: 998;
} 

#mySidenav{
z-index: 998;
} 





#direita{
text-align: left;    
margin-top: 10vh;
}

#esquerda{
text-align: right;    
margin-top: 11vh;
}

.utilizador hr{
margin-left: 0;  
width: 50%;    
margin-top: 0vh;    
    
}

#utilizador{
background: white;
border: none;    
font-family: 'Montserrat';
line-height: 1vh;    
color: grey;
font-size:2.5vh;
font-weight: 150;
   
border-bottom: 1px solid white;
border-top: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
outline: 0;
background: transparent;		
	

 
}




#submit{
background: white;
font-family: 'Karbon Slab Stencil';
color: black;
font-size: 2.5vh;    
width: 110px;
border: 2px solid black;
padding: 2px;    

}


@media only screen and (max-width: 990px) { /*-----telemóvel*/   

#esquerda{
text-align: left;
width: 160%;
height: 160%;    
}

.titulo h1{
margin-left: 52%;  
}
    
}

@media only screen and (max-width: 500px) { /*-----telemóvel*/   

#esquerda{
text-align: left;   
margin-top: 1vh;   
width: 100%;
height: 100%;    
}    

#direita{
margin-top: 2vh;
}    
.titulo h1{
margin-left: 53%;  
}
    
    
    
}