/* BEGIN - Your CSS styling starts here */


/*orpheu_dtail by José Barbieri for MODERNISMO.PT project*/



/*formata a os dados do elemento*/

@media (width >= 576px) {
  .col-sm-10 {
    flex: none;
    width: 80%;
  }

  /*formata a etiqueta do elemento*/
.fabrikLabel {
  width: 18%;
  clear: left;
  text-align: right;
  float: left;
  color: #333333;
  font-weight: bold;
  border-right: 1px solid #333333;
}

/*formata o nome do grupo*/
#details_33 .legend {
display:none;	
}

/*formata a caixa do formulario*/

#details_33 {
	width:auto;
	margin:0px;
	padding:2px;
	border: 1px solid #333;
}

#details_33 .fabrikGroup{
	border-top:none;
	padding:4px;	
}

/*formata a caixa dos botoes*/


/*formata os botoes. O display block com o float left garantem a horizontalidade*/

#details_33 .button {
	display: block;
	float:left;
	clear: both;
	background:#f2f2f2;
	border-radius: 0px;
}
#details_33 .button:hover{
	display: block;
	float:left;
	clear: both;
	background:#333;
	border-radius: 0px;
}

#details_33 .fabrikActions{
	padding:30px;
	clear:left;
	margin:5px 10px;
	border-top:2px solid #333333;
	background:#f2f2f2;
}




/*esconde elementos vazios*/

#details_33 .fabrikDataEmpty {
display: none;
}
}

 /*vista mobile*/

@media (width <= 575px) {
  
#details_33 .flex-container {
    flex-direction: column;
  }
  

  /*formata a etiqueta do elemento*/
.fabrikLabel {

  color: #333333;
  font-weight: bold;
  border-bottom: 1px solid #333333;
}

/*formata o nome do grupo*/
#details_33 .legend {
display:none;	
}

/*formata a caixa do formulario*/

#details_33 {
	width:auto;
	margin:0px;
	padding:2px;
}

#details_33 .fabrikGroup{
	border-top:none;
	padding:4px;	
}
#details_33 .fabrikElement {
margin-left:1px;
	background:none;
	width:100%
	
}

/*formata a caixa dos botoes*/


/*formata os botoes. O display block com o float left garantem a horizontalidade*/

#details_33 .button {
	display: block;
	float:left;
	clear: both;
	background:#f2f2f2;
	border-radius: 0px;
}
#details_33 .button:hover{
	display: block;
	float:left;
	clear: both;
	background:#333;
	border-radius: 0px;
}

#details_33 .fabrikActions{
	padding:30px;
	clear:left;
	margin:5px 10px;
	border-top:2px solid #333333;
	background:#f2f2f2;
}




/*esconde elementos vazios*/

#details_33 .fabrikDataEmpty {
display: none;
}
}





/* END - Your CSS styling ends here */