:root {
	--color-more-present: rgb(63, 135, 183);
}

body{
	background-image: url('img/background.png');
	background-size: cover;
}

.dta-container{
	max-width: 350px;
	width: 95%;
    margin-left: 50%;
	transform: translate(-50%);
	margin-top: 40px;
	border-radius: 10px;
	background-color:#f5f5f5;
	border: 2px solid var(--color-more-present);
}

.dta-container label{
	color: var(--color-more-present);
}

.dta-logo-container{
	padding: 5px;
}

.dta-title-container{
	padding: 5px;
}

.dta-title{
	text-align: center;
	width: 100%;
	border-radius: 5px;
	height: 40px;
	padding-top: 5px;
	background: var(--color-more-present);
	color: white;
	border: 1px solid white;
}

#da_btn_send {
	background: var(--color-more-present);
	color: rgb(240, 226, 226);
	border: 1px solid white;
}

.dta-field-container{
	padding: 5px;
}

.dta-field{
	width: 100%;
	height: 50px;
	border-radius: 6px;
	border-style: none;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

input:focus {
	outline:none;
	background-color: rgb(231, 246, 235);
}

#da_btn_send{
	width: 100%;
	border-radius: 5px;
	height: 50px;
	outline: none;
	border: none;
}

#da_btn_send:hover {
	outline: none;
	border: none;
	background-color: #676b6f;
}

#tb1{
	width: 100%;
}

#tb1 td{
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid rgb(105, 102, 111);
	background: transparent;
	color: black;
}

#tb1 th {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid rgb(105, 102, 111);
	background: var(--color-more-present);;  
	color: white;
}

.bkg-container{
	background-image: url('img/carta.png');
	background-size: 350px auto;
	background-repeat: no-repeat;
}

.obj-hidden{
	display: none;
}