@charset "utf-8";
/* GERAL */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
:root {
    --bg-color: #efeff8;
    --cor-base:#186cdf;
    --sobretom:#2499FF;
    --cinza-claro:#9C9C9C;
    --cinza-escuro:#333;
    --shadow: 0 0 06px 0px rgba(119,121,147,0.2);
}
*{
    border:none;
    list-style: none;
    margin:0;
    padding:0;
    font-family: 'Poppins', sans-serif;
}
body{
    background:var(--bg-color);
    min-width:1020px;
}
a{
    text-decoration:none;
}
a:visited{
    text-decoration:none;
}

h1{
    text-align:center;
    padding:50px 0 30px;
}
h1,h2,h3{
    color:var(--cinza-escuro);
}
.obs{color:#AAA;
    font-size:0.65em;}
.flex{display:flex;}
.center{
    display:flex;
    justify-content: center!important;
    align-items: center!important;
}
.space-a{
    display:flex;
    align-items: space-around!important;
    justify-content:space-around!important;
}
.space-b{
    display:flex;
    align-items: space-between!important;
    justify-content:space-between!important;
}
.start{
    display:flex;
    justify-content:flex-start!important;
}
.end{
    display:flex;
    justify-content:flex-end!important;
}
.column{
    display:flex;
    flex-direction: column!important;
}
.row{
    display:flex;
    flex-direction: row!important;
}
.wrap{
    flex-wrap:wrap;
}
.marginv{
    margin:30px auto!important;
}
.button:hover{
	background-color:#0981cd;
    color:#FFF;
}
.button{
	background-color:var(--cor-base);
	padding:15px;
	font-size:12px ;
	color:#FFF;
    margin:0px 5px;	
}
.disabledbutton{
    background-color:#ccc;
	padding:15px;
	font-size:12px ;
	color:var(--cinza-claro);
    margin:0px 5px;	
}
footer{
    margin-top:50px;
}
footer p{
    font-size:10pt;
    color:var(--cinza-escuro);
}
.table-titles{
    font-size:12px;
    font-weight:800;
}
.page-titles{
    display:flex;
    flex-direction:column;
    align-items: center;
    margin:30px auto;
    width:100%;
    color:var(--cinza-escuro);
}
.expand{
    width:10px!important;  
    min-width:10px!important; 
    text-align:center!important;
    margin:0 20px;
    cursor:pointer;
    font-weight:600;
}
.expand a, .expand a label{
    cursor:pointer;
    
}
.numeropositivo{color:#494949!important;}
.numeronegativo{color:#F72023!important;} 
.list li{
    list-style:circle!important;
}
/*-------------------------WIDTHS-----------------------------*/
.w-100{width:100%!important;
}
.w-95{width:95%!important;
}
.w-90{width:90%!important;
}
.w-80{width:80%!important;
}
.w-70{width:70%!important;
}
.w-50{width:50%!important;
}
.w-40{width:40%!important
}
.w-30{width:30%!important;
}
.w-25{width:25%!important;
    min-width:250px;
}
.w-20{width:20%!important;
    min-width:200px;
}
.w-10{
    width:10%!important;
}
.w-5{
    width:5%!important;
    min-width:25px!important;
}
.test{
    background-color:#ccc;
    min-height:50px;
}
/*--------Light Box Configs --------------*/
#lbback{
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    opacity: 0.3;
    background-color:#000;
}
#lightbox{
    position:fixed;
    top:25%;
    left:25%;
    padding:20px 50px;
    box-sizing: border-box;
    background:white;
    width:50%;height:50%;
    box-shadow: var(--shadow);
    min-height:240px;
}
#lightbox>div{
    flex-wrap:wrap;
    height:90%;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: space-around;
}
#lightbox>div>div{
    margin:0 20px;
}

#editinputs>div>label{
    font-size:0.8rem;
    color:var(--tom-medio);
}
#close{
    position:absolute;
    top:10px;
    right:20px;
}