

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*BOX DE PESQUISAR*/

.thvpkwffza{
position:fixed;
display:block;
top:50%;
left:50%;
width:400px;
height:800px;
margin-left:-200px;
margin-top:-400px;
background-color:var(--background-color);
overflow:hidden;
box-sizing:border-box;
box-shadow: 0 0 15px rgba(0,0,0, 0.3);
border-radius:var(--radius-size);
z-index:30;
outline: 1px solid var(--border-color);
}

.thvpkwffza > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
right:0;
height:50px;
z-index:10;
background-color:var(--background-color);
outline:1px solid var(--border-color);
}

.thvpkwffza > div:nth-child(1) > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
right:0;
height:50px;
}

.thvpkwffza > div:nth-child(1) > div:nth-child(1) > div{
position:relative;
display:block;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
color:var(--nav-font-color);
text-transform:uppercase;
line-height:50px;
font-size:15px;
user-select:none;
text-align:center;
}

.thvpkwffza > div:nth-child(1) > div:nth-child(2){
position:absolute;
display:block;
top:0;
right:0;
width:50px;
height:50px;

}

.thvpkwffza > div:nth-child(1) > div:nth-child(2) > div{
position:absolute;
display:block;
top:10px;
right:10px;
width:30px;
height:30px;
padding-left:1px;
color:#fff;
font-size:15px;
box-shadow:var(--box-shadow);
line-height:30px;
text-align:center;
background-color:var(--main-color);
border-radius:50%;
cursor:pointer;
}

.thvpkwffza > div:nth-child(2){
position:absolute;
display:block;
overflow:scroll;
top:50px;
width:100%;
height:calc(100% - 50px);

}

.thvpkwffza > div:nth-child(2) > div{
position:relative;
display:block;
width:auto;
margin:20px;
}

.thvpkwffza > div:nth-child(2) > div > input{
position:relative;
display:block;
width:100%;
height:40px;
padding-top:2px;
padding-left:10px;
padding-right:10px;
font-size:15px;
text-transform:uppercase;
border-radius:var(--radius-size);
border:1px solid var(--border-color);
}

.thvpkwffza > div:nth-child(2) > div > input[type='email']{
text-transform:none;
}

.thvpkwffza > div:nth-child(2) > div > input[type='senha']{
text-transform:none;
}

.thvpkwffza > div:nth-child(2) > div > input:focus{
border-color:var(--main-color)!important;
}

.thvpkwffza > div:nth-child(2) > div > input:active{
border-color:var(--main-color)!important;
}

.thvpkwffza > div:nth-child(2) > div > input::placeholder{
color:#495057;
text-transform:uppercase;
font-size:12px;
}

.thvpkwffza > div:nth-child(2) > div > select{
position:relative;
display:block;
width:100%;
height:40px;
padding-top:2px;
padding-left:7px;
padding-right:10px;
font-size:13px;
text-transform:uppercase;
border-radius:var(--radius-size);
border:1px solid var(--border-color);
appearance:none;
}

.thvpkwffza > div:nth-child(2) > div > select:focus{
border-color:var(--main-color)!important;
}

.thvpkwffza > div:nth-child(2) > div > select:active{
border-color:var(--main-color)!important;
}

.thvpkwffza > div:nth-child(2) > div > select > option{
font-size:15px;
color:#000;
}

.thvpkwffza > div:nth-child(2) > div > select{
-webkit-appearance: none;
}

.thvpkwffza > div:nth-child(2) > div > textarea{
position:relative;
display:block;
width:100%;
height:200px;
padding:10px;
line-height:20px;
overflow:scroll;
font-size:15px;

border:1px solid var(--border-color);
border-radius:var(--radius-size);


}

.thvpkwffza > div:nth-child(2) > div > textarea:focus{
border-color:var(--main-color)!important;
}

.thvpkwffza > div:nth-child(2) > div > button{
position:relative;
display:inline-block;
font-size:13px;
line-height:30px;
padding-left:10px;
padding-right:10px;
margin-right:10px;
text-transform:uppercase;
color:#fff;
background-color:var(--main-color);
border-radius:var(--radius-size);
cursor:pointer;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.thvpkwffza > div:nth-child(2) > div > div{
font-size:13px;
line-height:20px;
text-transform:uppercase;
color:var(--font-color);
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/