body { 
	font-family: arial;
	background-image: url(" https://entregaki.pt/appctt/image/background.jpg ");
    background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.content {
	margin: 0 auto;
	width: 90%;

}

.total {
	width:100%;
}

.metadeesquerdab {
	float: left;
	width: 40%;   
	
}

.metadedireitab {
	float: right;
	width: 58%;
	
}

.metadeesquerda {
	float: left;
	width: 49%;   
	
}

.metadedireita {
	float: right;
	width: 49%;
	
}

.contentprint {
	margin: 0 auto;
	width: 950px;

}

.button {
  border: none;
  background-color: #dd4b39; 
  color: white;
  padding: 7px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 3px;
  cursor: pointer;
  float: right;
}

.titulos-h2 {
	text-align: center;
	margin-top: 3%;
}

.carregando{
	color:#ff0000;
	Display:none;
}

.input-obras {
	width: 100%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

.input-obras-metade {
	width: 40%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

.input-obras-oficina {
	width: 50%;
	padding: 1%;
	margin-bottom: 1%;
}

.select {
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

.data {
	width: 25%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

.textarea {
	padding: 1%;
	width: 97%;
	margin-bottom: 2%;
}

.input-valor {
	width: 20%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}
.submit-botao {
	border: none;
	background-color: #ffcc00;
	color: white;
	padding: 7px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 3px;
	cursor: pointer;
	
}

.textarea {
	padding: 1%;
	width: 100%;
}

.submit {
	padding: 1%;
	width: 100%;
}

.table {
	width: 100%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%
}

.th {
	padding: 7% 2% 2% 2%;
}

.botao-criar {
	float: right;
	margin-bottom: 3%;
	padding: 1%;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

 .verde{
     background-color:green;
  }

  .vermelha{
     background-color:red;
  }
  
 .destacavel {
	 min-height: 220px;
 } 
  
.destacavel-left {
	float: left;
	width: 44%;
	border: 1px solid #000;
	padding: 2%;
}


.destacavel-right {
	float: right;
	width: 44%;
	border: 1px solid #000;
	padding: 2%;
	
}


.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.footer {
	color:#fff;
	text-align: center;
	background: #ffcc00;
	padding: 3%;
	margin-top: 3%;
	position: fixed;
	width: 94%;
	bottom:0;
	
}

.footerprint {
	text-align: center;
	padding: 3%;
	margin-top: 3%;
	position: fixed;
	width: 94%;
	bottom:0;
	
}

.footers {
	color:#fff;
	text-align: center;
	background: #ffcc00;
	padding: 3%;
	margin-top: 3%;
	position: fixed;
	width: 94%;
	bottom:0;
	
}

.foot{
	margin-top: 8%;
}