@use postcss-preset-env {
  stage: 0
}
/*
body {
  min-height: 100vh;
  display: grid;
  align-items: center;
}
*/
form {
  display: flex;
  flex-wrap: wrap;
  
  & > input {
    flex: 1 1 10ch;
    margin: .5rem;
    
    &[type="email"] {
      flex: 3 1 30ch;
    }
  }
}

/*
input, select, textarea {
  border: none;
  background: hsl(0 0% 93%);
  border-radius:10px;
  padding: .50rem .50rem;

  

  &[type="submit"] {
    background: hotpink;
    color: white;
    box-shadow: 0 .75rem .5rem -.5rem hsl(0 50% 80%);
  }
}
*/

input[type=hidden] 
{
	height: 25px;
	position: relative;
	border: 2px solid #cdcdcd;
	border-color: rgba(0,0,0,.14);
	background-color: AliceBlue;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

select 
{
	height: 25px;
	position: relative;
	border: 2px solid #cdcdcd;
	border-color: rgba(0,0,0,.14);
	background-color: AliceBlue ;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	

textarea 
{
	position: relative;
	border: 2px solid #cdcdcd;
	border-color: rgba(0,0,0,.14);
	background-color: AliceBlue ;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	

input[type=text] 
{
	height: 25px;
	position: relative;
	border: 2px solid #cdcdcd;
	border-color: rgba(0,0,0,.14);
	background-color: AliceBlue;
	font-size: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.save_btn
{
	background-color:#0C6;
	color:#FFF;
	padding: 7px;
}

.find_btn
{
	background-color:#D1BD2D;
	color:#FFF;
	padding: 7px;
}

.delt_btn
{
	background-color:#D1432D;
	color:#FFF;
	padding: 7px;
}

.novo_btn
{
	background-color:#4C81B0;
	color:#FFF;
	padding: 7px;
}



.form_message_bar {
	height: 45px;
	line-height: 45px;
	/*background: #F66060;*/
	padding: 0 15px;
	border-radius: 3px;
	color:#FFF;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 5;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}