body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #464850;
}

.qop-title {
	font-size: 30px;
	font-weight: 500;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.navbar .logo img {
	width: 150px;
	margin-right: 20px;
}

.text-container {
	text-align: center;
	padding: 20px;
}

.text-container h2 {
	margin-bottom: 10px;
}

.footer-info-col {
	text-align: center;
}

.btn-generar {
	background-color: #464850;
	border-color: #464850;
	color: #15c7ff;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 600;
	float: right;
	margin-right: 30px;
	margin-top: 7px;
}

.btn-generar:hover {
	background: #333;
	color: #15c7ff
}

.btn-generar:focus {
	outline: none
}

.btn-confirmar {
	background-color: #464850;
	border-color: #464850;
	color: #15c7ff;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 600;
}

.btn-confirmar:hover {
	background: #333;
	color: #15c7ff
}

.btn-confirmar:focus {
	outline: none;
	color: #15c7ff;
}

.bootbox-cancel {
	text-transform: uppercase;
	font-weight: 600;
}

.bootbox-cancel:hover {
	background: #464850;
	color: white;
}

.bootbox-cancel:focus {
	outline: none;
}

.modal-content {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #464850;
}

table#quickOrderDT {
	table-layout: fixed;
}

table#quickOrderDT tr.article-row {
	font-weight: 300;
	background-color: #d3d3d3;
	text-align: center;
}

table#quickOrderDT tr.article-row td {
	vertical-align: middle;
	text-align: center;
}

td:nth-child(3),
th:nth-child(3),
td:nth-child(3)>input {
	text-align: right;
}

table#quickOrderDT thead tr,
table#quickOrderDT tfoot tr {
	font-size: 1.5em;
}

.navbar-default {
	background-color: #fff;
}

.pt-50 {
	padding-top: 50px
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>li>a,
.pagination>li>span {
	background: #333;
	color: #15c7ff;
	text-transform: uppercase;
	border-top: 0;
	border-bottom: 0;
}

.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #333;
	color: #15c7ff;
	outline: none;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	background-color: #464850;
	color: #15c7ff;
	outline: none;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	background: #333;
	color: #666
}

ul.pagination li.active {
	font-weight: 600;
}

.quantity-input {
	width: 100%;
}