::-webkit-scrollbar {
    display: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

body,html{
	height: 100%;
	width: 100%;
	overflow: hidden;
	
}
.main-container{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-container > .login,
.main-container > .hero-body{
	height: auto;
	width: 600px;
}

.cc{
	color: #E96726;
	font-size: 50px;
}

.form-inline{
	display: inline-flex;
}
.centrar{
	margin:0 auto;
	text-align: center;

}
.logo{
	padding-top: 10px;
	width: 55%;
	text-align: center;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	
	.table-container > .table{
		height: auto;
		width: 400px;
		max-width: 400px;
		min-width: 350px;	
		}
	.logo{
	
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}
	.container > .title{
		font-size: 18px;
		font-style: bold;
	}
}
@media only screen and (max-width: 600px) {
	
.table-container > .table{
	height: auto;
	width: 400px;
	max-width: 400px;
	min-width: 350px;	
	}
	.logo{
	
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.container > .title{
		font-size: 18px;
		font-style: bold;
	}
}

.tabla{
	background-color: #034A4A;
}
#text-white{
	color: #ffffff;
}
footer {
	background-color: #034A4A;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	color: white;
}
#piePagina{
	color: #ffffff;
	position: relative;
	float: right;
	padding-right:10px;
	font-size: 13px;
}
@media only screen and (max-width: 600px) {
	
	.table-container > .table{
	height: auto;
	width: 400px;
	max-width: 400px;
	min-width: 350px;	
	}
	.logo{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
}