/* ADMIN EDITOR (DON'T DELETE THIS LINE) */
@import 'admin-editor.css';

.action-add-fast {
	border-right: 1px solid #d7d7d7;
}

/* FRONTEND STYLE */
body {
	position: relative;
	font-family: "europa", sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
	font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1800 - 300)));
}

label.error {
	/* margin-left: 5px; */
	font-size: 12px;
	color: red;
	position: absolute;
	left: 0px;
	bottom: -10px;
}

/* CONFIG */
.menuFixed {
	position: fixed;
	top: -100px;
	transition: none;
	width: 100%;
}

.menuFixed.menu-visible {
	top: 0;
	transition: top 0.5s ease;
	z-index: 10;
	-webkit-box-shadow: 0px -1px 7px -4px #333333;
	box-shadow: 0px 1px 7px -4px #333333;
}

.menuFixed.menu-visible.updateBarActive {
	top: 40px;
}

.noScroll {
	overflow: hidden;
}
.invertWhite{
	filter: brightness(0) invert(1);
}
.critec {
	font-weight: 800;
	font-size: 28px;
	font-family: 'Gilroy';
	text-transform: lowercase;
}
.normal-menu{
	/* background: var(--secondaryColor); */
	background-image: linear-gradient(130deg, #12223C 0%, #0097A9 100%);
}

.btn-gradient-jprior {
	background-image: linear-gradient(to right, #12223C, #0097A9, #12223C);
	background-size: 200% auto;
	color: var(--white);
}

img {
	max-width: 100%;
}

.navbar-brand {
	max-width: 120px;
	margin: 9px 0px;
}

.thumbnail {
	width: 100px;
}

.add-budget {
	background-color: #F0F0F0;
	padding: 50px;
}

.container-xl {
	max-width: 1150px;
}


html {
	scroll-behavior: smooth;
}

*:focus {
	outline: none !important;
}

a:hover,
a {
	text-decoration: none;
	color: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
}

.btn-buy,
.btn-buy:hover,
.btn-danger:hover,
.btn-secondary:hover,
.btn-primary:hover,
.btn-primary-no-arrow,
.btn-primary-no-arrow:hover,
.btn-danger,
.btn-secondary,
.btn-primary {
	border: 1px solid var(--mainColor) !important;
}

.btn-buy,
.btn-secondary,
.btn-danger,
.btn-primary,
.btn-primary-no-arrow,
a.button,
button {
	float: right;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	background: var(--mainColor);
	border: 1px solid var(--mainColor);
	padding: 7px 8px !important;
}

.btn-buy {
	font-size: 18px;
	padding: 3px 6px !important;
}

.btn-secondary {
	background: #6c757d;
	border: 1px solid #6c757d;
}
.btn-danger {
	background: #dc3545;
	border: 1px solid #dc3545;
}

body .btn-secondary:hover,
body .btn-buy:hover,
body .btn-primary:hover,
body .btn-danger:hover,
body .btn-primary-no-arrow:hover,
button:not(.navbar-toggler):hover {
	color: var(--mainColor);
	background: #fff;
	border: 1px solid var(--mainColor);
}

.btn-secondary:after,
.btn-primary::after,
.btn-danger::after,
button:not(.mfp-close):not(#submitForm-1)::after {
	content: "\f138";
	font-family: FontAwesome;
	margin: 0 3px 0 8px;
	transform: rotate(90deg);
}

footer a:hover {
	color: var(--mainColor);
}

.btn.btn-main-color {
	background-color: var(--mainColor);
	color: var(--white);
	padding: 16px 30px !important;
}
.btn.btn-main-color:hover {
	background-color: var(--mainColor);
	color: var(--white);
}

/* #produtosTable th:nth-child(2) {
	max-width: 220px;
	word-break: break-all;
}

#produtosTable th:nth-child(4) {
	width: 120px !important;
}

#produtosTable th:nth-child(5) {
	max-width: 35px;
}

#produtosTable th:nth-child(6) {
	max-width: 30px;
}

#produtosTable th:nth-child(7) {
	max-width: 80px;
}

#produtosTable th:nth-child(8) {
	max-width: 100px;
}

#produtosTable th:nth-child(9) {
	max-width: 40px;
} */

#produtosTable tr.odd,
#ticketsTable tr.odd,
#ordersTable tr.odd {
	--bs-table-accent-bg: white;
}

.status-red {
	background-color: var(--mainColor);
}

.status-yellow {
	background-color: rgb(241, 205, 0);
}

.status-green {
	background-color: green;
}

a.button.sync::after {
	content: "\f1ce";
	font-family: FontAwesome;
	margin: 0 3px 0 8px;

}

button.addCart:after {
	content: "\f217";
	font-family: FontAwesome;
	margin: 0 3px 0 8px;
	transform: rotate(90deg);
}

.btn-check:focus+.btn-buy,
.btn-buy:focus,
.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:focus+.btn-primary-no-arrow,
.btn-primary-no-arrow:focus,
.btn-check:focus+.btn-danger,
.btn-danger:focus {
	color: var(--mainColor);
	background: #fff;
	border: 1px solid var(--mainColor);
	box-shadow: 0 0 0 0.25rem rgba(var(--mainColor), 0.5);
}

.title {
	font-size: 26px;
	color: var(--mainColor);
	font-weight: 700;
	text-transform: uppercase;
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

body,
.t13 {
	font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.2;
}

.t14 {
	font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.2;
}

.t10 {
	font-size: 10px;
	line-height: 1.2;
}

.t12 {
	font-size: 12px;
	line-height: 1.2;
}

.t14 {
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t16 {
	font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t18 {
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t20,
.t20 p {
	font-size: calc(18px + (20 - 20) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.45;
}

.t25 {
	font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t30 {
	font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t35 {
	font-size: calc(28px + (35 - 28) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t40 {
	font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t50 {
	font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t60 {
	font-size: calc(30px + (60 - 45) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t80 {
	font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1800 - 300)));
	line-height: 1.3;
}

.t32 {
	font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1920 - 300)));
	line-height: 120%;
}

.extrabold {
	font-weight: 800;
}

.bold {
	font-weight: 700;
}

.medium {
	font-weight: 500;
}

.light {
	font-weight: 300;
}

.pointer {
	cursor: pointer;
}

.ls4 {
	letter-spacing: 4px;
}

label {
	margin-bottom: 8px;
}

.lh1,
.lh1 p {
	line-height: 1.6;
}

.lh2 {
	line-height: 2;
}

.ls6 {
	letter-spacing: 6px;
}

.ls9 {
	letter-spacing: 9px;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 15px;
	font-weight: 700;
	padding: 21px !important;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: .75rem 1rem;
}

.status-order-icon {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}

.dataTables_filter {
	text-align: right;
}

.dataTables_filter input {
	width: 100%;
	border: 1px solid #fff;
	border-bottom: 1px solid var(--mainColor);
	margin-bottom: 10px;
	background: #c3143208;
	padding: 5px 8px;
}

#msgSsucessProd {
	width: fit-content;
	position: fixed;
	bottom: 5%;
	right: -1000px;
	z-index: 1;
	transition: right 400ms ease-in-out;

}

#msgSsucessProd.active {
	right: 0px;
}

#produtosTable thead select,
#ticketsTable thead select,
#ordersTable thead select {
	background: #212529;
	border: none;
	/* border-bottom: 1px solid white;
    border-top: 1px solid white; */
	color: white;
	padding: 4px 0px;
	font-weight: bold;
	max-width: 100%;
}

table#cart {
	font-weight: bold;
	font-size: 16px;
}

.table>:not(:last-child)>:last-child>* {
	vertical-align: middle;
}

#produtosTable thead,
#opens-orders thead,
#historic-orders thead,
#ticketsTable thead,
#ordersTable thead {
	background: var(--mainColor);
	color: #fff;
}

#produtosTable .price-unit,
#ticketsTable .price-unit,
#ordersTable .price-unit {
	min-width: 100px;
}

.preview-product {
	transition: height ease-in-out 300ms;
}

.preview-product .form-control:disabled,
.form-control[readonly] {
	background-color: transparent;
	font-weight: 700;
	padding: 7px 0px;
	border: none;
}

#orcamentos_info {
	display: none;
}

.modal .btn-close:after {
	display: none;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 700;
	color: #212529;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
	font-weight: 400;
	margin: 30px 0px 0px 0px;
	color: #212529;
}

.note {
	font-size: 14px;
}

.skipProd {
	font-size: 16px;
}

.prodOff {
	font-size: 14px;
}

.prodOff>.prod {
	color: var(--mainColor);
}

#orderX {
	color: var(--mainColor);
}

.modal .btn-close {
	border: none;
}

.modal .btn-close:hover {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.custom-select:focus,
.form-select:focus,
.dataTables_filter input:focus {
	background: #c3143208;
	border: 1px solid var(--mainColor);
	-moz-box-shadow: 0px 0px 10px 2px rgba(var(--mainColor), .2);
	-webkit-box-shadow: 0px 0px 10px 2px rgb(var(--mainColor) / 20%);
	box-shadow: 0px 0px 10px 2px rgb(var(--mainColor) / 20%);
}

.form-select-sm {
	font-size: 12px;
}

.custom-select,
.form-select {
	border: 1px solid #fff;
	border-bottom: 1px solid var(--mainColor);
	padding: 5px 1.6rem 5px 8px;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--mainColor);
	border-color: var(--mainColor);
}

.page-link {
	color: var(--mainColor);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link,
.c-main {
	color: #fff;
	border-top: 3px solid transparent;
}

.navbar-light .navbar-nav li.active .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
	border-top: 3px solid #fff;
}

.c-red {
	color: var(--mainColor);
}

.page-link:focus {
	box-shadow: 0 0 0 0.25rem var(--mainColor)33;
}

.page-link:focus,
.page-link:hover {
	color: var(--mainColor);
}

.c-white {
	color: #ffffff;
}

.c-white-soft {
	color: #F1F2F2;
}

.c-black {
	color: #000000 !important;
}

.c-blue {
	color: #0097CE;
}

.c-grey,
.c-gray {
	color: #696969;
}

.c-grey-light {
	color: #a5a5a5;
}

.gap15 {
	gap: 15px;
}

.underline {
	text-decoration: underline;
}

.bg-white {
	background-color: #ffffff;
}

.bg-main-color {
	background-color: var(--mainColor);
}

.split-text {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.bg-black {
	background-color: #000000;
}

.bg-grey,
.bg-gray {
	background-color: #F1F2F2;
}

.bg-darkGrey {
	background-color: #0A0A0A;
}

.logoWhite {
	-webkit-filter: brightness(100) invert(1);
	filter: brightness(100) invert(1);
}

#tabMenu-content {
	width: 100%;
	min-height: 300px;
	padding: 40px 20px;
}

.box-white-shadow {
	-webkit-box-shadow: 0px 1px 7px -3px #333333;
	box-shadow: 0px 1px 7px -3px #333333;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.banner {
	margin-bottom: 60px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.master-holder .page-title {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	padding-top: 100px;
	padding-bottom: 100px;
	font-style: italic;
}

#tabMenu {
	min-width: 270px;
}

#tabMenu .nav-link {
	background: 0 0;
	border: 0;
	border-radius: 0rem;
	text-align: left;
	position: relative;
	color: #000;
	text-transform: uppercase;
	padding: 15px 10px !important;
	font-weight: 700;
	font-size: 12px;
	flex: 1 1 0px;
	background-color: #efefef;
	border-right: 1px solid #d9d9d9;
}

#tabMenu .nav-link:last-child {
	border-right: none;
}

#tabMenu .nav-link.active,
#tabMenu .show>.nav-link {
	background-color: var(--mainColor);
	font-weight: 700;
	color: #fff;
}

#tabMenu .nav-link:hover {
	color: #000;
	background-color: #fff;
	font-weight: 700;
}

.subtitle {
	background: url(https://www.tupai.pt/wp-content/themes/jupiter/assets/images/fancy-title-pattern.png) left center repeat-x;
}

.subtitle span {
	background-color: #fff;
	padding: 0 6px 0 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.subtitle.grey span {
	background-color: #f1f1f1;
}

.conteudo-central {
	min-height: calc(100vh - 138px);
}

.dataSync.active {
	height: 40px;
}

.dataSync {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 0px;
	overflow: hidden;
	text-align: center;
	background: #222222;
	z-index: 9999;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all ease-in-out 300ms;
}

.dataSyncFix {
	height: 0px;
	transition: all ease-in-out 300ms;
}

.dataSyncFix.active {
	height: 40px;
}

.spacer150 {
	grid-column: inherit;
	height: 150px;
	width: 100%;
}

.spacer120 {
	grid-column: inherit;
	height: 120px;
	width: 100%;
}

.spacer90 {
	grid-column: inherit;
	height: 90px;
	width: 100%;
}

.spacer60 {
	grid-column: inherit;
	height: 60px;
	width: 100%;
}

.spacer30 {
	grid-column: inherit;
	height: 30px;
	width: 100%;
}

.spacer15 {
	grid-column: inherit;
	height: 15px;
	width: 100%;
}

form input, form textarea {
	width: 100%;
	border: 1px solid #fff;
	border-bottom: 1px solid var(--mainColor);
	margin-bottom: 20px;
	background: #7c7c7c08;
	padding: 10px 12px;
}

form input:focus, form textarea:focus {
	background: #4f4f4f08;
	border: 1px solid var(--mainColor);
	-moz-box-shadow: 0px 0px 10px 2px rgba(var(--mainColor), .2);
	-webkit-box-shadow: 0px 0px 10px 2px rgb(var(--mainColor) / 20%);
	box-shadow: 0px 0px 10px 2px rgb(var(--mainColor) / 20%);
}

table.table.dataTable thead th{
	color: #fff;
}
table.table.dataTable> :not(caption)>*>* {
	background-color: unset;

}
/* #produtosTable tbody tr td:nth-child(1),
#produtosTable thead tr th:nth-child(1),
#ticketsTable tbody tr td:nth-child(1),
#ticketsTable thead tr th:nth-child(1),
#ordersTable tbody tr td:nth-child(1),
#ordersTable thead tr th:nth-child(1) {
	max-width: 100px;
	min-width: 100px;
	width: 100px;
}
#produtosTable tbody tr td:nth-child(8),
#produtosTable thead tr th:nth-child(8),
#ticketsTable tbody tr td:nth-child(8),
#ticketsTable thead tr th:nth-child(8),
#ordersTable tbody tr td:nth-child(8),
#ordersTable thead tr th:nth-child(8) {
	max-width: 80px;
	min-width: 80px;
	width: 80px;
}
#produtosTable tbody tr td:nth-child(9),
#produtosTable thead tr th:nth-child(9),
#ticketsTable tbody tr td:nth-child(9),
#ticketsTable thead tr th:nth-child(9),
#ordersTable tbody tr td:nth-child(9),
#ordersTable thead tr th:nth-child(9) {
	max-width: 40px;
	min-width: 40px;
	width: 40px;
} */
.product-image {
	aspect-ratio: 1/1;
	object-fit: contain;
	width: 100px;
}
.page-link {
	font-size:unset;
}
.page-link,
.dataTables_info {
	margin: 20px 0px;
	display: flex;
	align-items: center;
}

.table-column-xs {
    width: 5%;
}
.table-column-sm {
    width: 10%;
}
.table-column-md {
    width: 15%;
}
.table-column-lg {
    width: 20%;
}
.table-column-xl {
    width: 25%;
}
.table-column-xxl {
    width: 35%;
}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
	.lg-spacer150 {
		height: 150px;
	}

	.lg-spacer120 {
		height: 120px;
	}

	.lg-spacer90 {
		height: 90px;
	}

	.lg-spacer60 {
		height: 60px;
	}

	.lg-spacer30 {
		height: 30px;
	}

	.lg-spacer15 {
		height: 15px;
	}

	.lg-block150 {
		display: inline-block;
		width: 150px;
	}

	.lg-block120 {
		display: inline-block;
		width: 120px;
	}

	.lg-block90 {
		display: inline-block;
		width: 90px;
	}

	.lg-block60 {
		display: inline-block;
		width: 60px;
	}

	.lg-block30 {
		display: inline-block;
		width: 30px;
	}

	.lg-block15 {
		display: inline-block;
		width: 15px;
	}

	.lg-taleft {
		text-align: left;
	}

	.lg-tacenter {
		text-align: center;
	}

	.lg-taright {
		text-align: right;
	}

	.lg-tajustify {
		text-align: justify;
	}
}

/* DESKTOP */
@media (max-width: 992px) {
	.md-spacer150 {
		height: 150px;
	}

	.md-spacer120 {
		height: 120px;
	}

	.md-spacer90 {
		height: 90px;
	}

	.md-spacer60 {
		height: 60px;
	}

	.md-spacer30 {
		height: 30px;
	}

	.md-spacer15 {
		height: 15px;
	}

	.md-block150 {
		display: inline-block;
		width: 150px;
	}

	.md-block120 {
		display: inline-block;
		width: 120px;
	}

	.md-block90 {
		display: inline-block;
		width: 90px;
	}

	.md-block60 {
		display: inline-block;
		width: 60px;
	}

	.md-block30 {
		display: inline-block;
		width: 30px;
	}

	.md-block15 {
		display: inline-block;
		width: 15px;
	}

	.md-taleft {
		text-align: left;
	}

	.md-tacenter {
		text-align: center;
	}

	.md-taright {
		text-align: right;
	}

	.md-tajustify {
		text-align: justify;
	}
}

/* TABLET */
@media (max-width: 768px) {
	.sm-spacer150 {
		height: 150px;
	}

	.sm-spacer120 {
		height: 120px;
	}

	.sm-spacer90 {
		height: 90px;
	}

	.sm-spacer60 {
		height: 60px;
	}

	.sm-spacer30 {
		height: 30px;
	}

	.sm-spacer15 {
		height: 15px;
	}

	.sm-block150 {
		display: inline-block;
		width: 150px;
	}

	.sm-block120 {
		display: inline-block;
		width: 120px;
	}

	.sm-block90 {
		display: inline-block;
		width: 90px;
	}

	.sm-block60 {
		display: inline-block;
		width: 60px;
	}

	.sm-block30 {
		display: inline-block;
		width: 30px;
	}

	.sm-block15 {
		display: inline-block;
		width: 15px;
	}

	.sm-taleft {
		text-align: left;
	}

	.sm-tacenter {
		text-align: center;
	}

	.sm-taright {
		text-align: right;
	}

	.sm-tajustify {
		text-align: justify;
	}
}

/* MOBILE */
@media (max-width: 420px) {
	.xs-spacer150 {
		height: 150px;
	}

	.xs-spacer120 {
		height: 120px;
	}

	.xs-spacer90 {
		height: 90px;
	}

	.xs-spacer60 {
		height: 60px;
	}

	.xs-spacer30 {
		height: 30px;
	}

	.xs-spacer15 {
		height: 15px;
	}

	.xs-block150 {
		display: inline-block;
		width: 150px;
	}

	.xs-block120 {
		display: inline-block;
		width: 120px;
	}

	.xs-block90 {
		display: inline-block;
		width: 90px;
	}

	.xs-block60 {
		display: inline-block;
		width: 60px;
	}

	.xs-block30 {
		display: inline-block;
		width: 30px;
	}

	.xs-block15 {
		display: inline-block;
		width: 15px;
	}

	.xs-taleft {
		text-align: left;
	}

	.xs-tacenter {
		text-align: center;
	}

	.xs-taright {
		text-align: right;
	}

	.xs-tajustify {
		text-align: justify;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		justify-content: flex-end;
	}
}

.disabled-link {
	pointer-events: none;
	opacity: 0.45;
}

.title-header {
	font-size: 16px;
	font-weight: bold;
	color: var(--mainColor);
}

body .btn-buy,
body .btn-primary,
body .btn-primary-no-arrow {
	color: #fff;
	background: var(--mainColor);
	border-radius: 0px !important;
	border: none;
	padding: 5px 50px;
	font-weight: normal;
}
body .btn-secondary {
	border-radius: 0px !important;
	border-color: #6c757d !important;
	padding: 5px 50px;
	font-weight: normal;
}
body .btn-danger {
	border-radius: 0px !important;
	border-color: #dc3545 !important;
	padding: 5px 50px;
	font-weight: normal;
}
body .btn-danger:hover {
	color: #dc3545 !important;
	border-color: #dc3545 !important;
	background: #fff !important;
}
.header-content {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding: 40px 20px;
}
.menssagesBox{
	border: 1px solid #000;
	padding: 10px;
	border-radius: 10px;
	height: 50vh;
	overflow-y: auto;
}
.menssagesBox .message{
	width: 80%;
	margin-left: auto;
	padding: 15px 20px;
	border-radius: 10px;
	background: var(--mainColor);
	margin-bottom: 10px;
}
.menssagesBox .message.system{
	background: #dadada;
	margin-left: unset;
}
.menssagesBox .message .author,
.menssagesBox .message .date{
	font-weight: 400;
	font-size: 12px;
	color: #000;
}
.menssagesBox .message .message-content{
	font-size: 16px;
	color: #000;
}
#produtosTable thead select,
#ticketsTable thead select,
#ordersTable thead select,
table {
	word-break: break-word;
}

.paymentmodal {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #0000006e;
	z-index: 200;
	display: none;
	justify-content: center;
	align-items: center;
}

.paymentmodal.active {
	display: flex;
}

.paymentmodal-content {
	width: 30vw;
	min-width: 300px;
	min-height: 200px;
	background: #ffffff;
}

#orcamentos_wrapper .table>:not(caption)>*>* {
	padding: 2rem 0rem;
}

#orcamentos_wrapper .table tr td:first-child {
	width: 130px;
}

#orcamentos tr {
	vertical-align: middle;
}

#orcamentos tr td:nth-child(1) {
	width: 150px;
}

#orcamentos tr td:nth-child(4) {
	width: 80px;
}

.quantity {
	position: relative;
	width: 80px;
	text-align: center;
}

.quantity a {
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}

.select2-container--default .select2-selection--single {
	border-radius: 0px;
	width: 100%;
	border: 1px solid #fff;
	border-bottom: 1px solid var(--mainColor);

	background: #7c7c7c08;
	padding: 10px 12px;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
}

.table>:not(caption)>*>* {
	padding: 0.75rem 0.25rem;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.quantity input[type=number] {
	-moz-appearance: textfield;
}

img.stockoff-prod {
	height: 100%;
	object-fit: contain;
	object-position: center;
	max-height: 240px;
}

#stockOff input,
#produtosTable input,
#ticketsTable input,
#ordersTable input,
#orcamentos input {
	background: #DEDEDE;
	color: #555555;
	border-radius: 18px;
	padding: 8px 23px;
	border: 0;
	width: 100%;
}

#produtosTable td,
#ticketsTable td,
#ordersTable td {
	vertical-align: middle;
}

#produtosTable .image-stock,
#ticketsTable .image-stock,
#ordersTable .image-stock {
	width: 80px !important;
	margin-left: 5px;
}

option {
	white-space: pre-wrap;
	/* Permite quebras de linha */
}

.quantity a:first-child {
	left: 10px;
}

.quantity a:last-child {
	right: 10px;
}

.navbar-toggler::after {
	display: none !important;
}

.menuFixed {
	z-index: 10;
}

#produtosTable_filter label,
#opens-orders_filter label,
#historic-orders_filter label,
#ticketsTable_filter label,
#ordersTable_filter label {
	position: relative;

}

#produtosTable_filter label::after,
#opens-orders_filter label::after,
#historic-orders_filter label::after,
#ticketsTable_filter label::after,
#ordersTable_filter label::after {
	content: "";
	font-family: FontAwesome;
	color: var(--mainColor);
	position: absolute;
	bottom: 17px;
	right: 10px;
}

::-ms-clear {
	display: none !important;
}

.preloader-preview-area  img{
	height: 80px;
	object-fit: contain;
}
.preloader-preview-area {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s;
	top: 50%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	margin-top: 10px;
	max-height: calc(50% - 20px);
	opacity: 1;
	width: 100%;
	text-align: center;
	position: absolute;
}

.ball-clip-rotate-pulse {
	position: relative;
	-webkit-transform: translateY(-15px) translateX(-10px);
	-ms-transform: translateY(-15px) translateX(-10px);
	transform: translateY(-15px) translateX(-10px);
	display: inline-block;
}

.ball-clip-rotate-pulse>div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%;
}

.ball-clip-rotate-pulse>div:first-child {
	height: 36px;
	width: 36px;
	top: 7px;
	left: -7px;
	-webkit-animation: ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: ball-clip-rotate-pulse-scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

.ball-clip-rotate-pulse>div:last-child {
	position: absolute;
	width: 50px;
	height: 50px;
	left: -14px;
	top: 0px;
	background: 0 0;
	border: 2px solid;
	-webkit-animation: ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: ball-clip-rotate-pulse-rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

#loader {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	background: white;
	z-index: 10;
}

th.sorting {
	padding-right: 30px;
	position: relative;
}

th.sorting::after {
	font-family: "Font Awesome 5 Pro";

	position: absolute;
	font-weight: 400;
	content: "\f883";
	right: 10px;
}

th.sorting.sorting_asc::after {
	content: "\f885";
}

th.sorting.sorting_desc::after {
	content: "\f160";

}

.product_pt,
.product_en,
.product_es,
.product_fr {
	display: none;
}

.product_pt.active,
.product_en.active,
.product_es.active,
.product_fr.active {
	display: block;
}

.table-orders{
	width: 100%;
}
.table-orders-container>div{
	padding: 10px 10px;
	border: 1px solid #000;
	background: #c5c5c5;
}
.table-orders thead th{
	padding: 10px 10px;
}
.table-orders tbody tr td{
	padding: 5px 10px;
}

.orderImage{
	width: 50px;
	height: 50px;
	object-fit: contain;
	object-position: center;
}

#nrequisicao {
	border: none;
	border-bottom: 2px solid #000;
	margin-left: 15px;
	margin-bottom: 30px;
	padding-top: 20px;
}

@keyframes ball-clip-rotate-pulse-rotate {
	0% {
		-webkit-transform: rotate(0) scale(1);
		transform: rotate(0) scale(1)
	}

	50% {
		-webkit-transform: rotate(180deg) scale(.6);
		transform: rotate(180deg) scale(.6)
	}

	100% {
		-webkit-transform: rotate(360deg) scale(1);
		transform: rotate(360deg) scale(1)
	}
}


@media only screen and (max-width: 1024px) {
	header .zindex2.bg-white.normal-menu {
		display: none;
	}

	header .zindex2.bg-white.menuFixed {
		top: 0px !important;
	}

	.conteudo-central {
		min-height: calc(100vh - 170px);
		padding-top: 60px;
	}

	/* #produtosTable tr td:nth-child(3),
	#produtosTable th:nth-child(3) {
		display: none;
	} */

	#produtosTable .image-stock,
	#ticketsTable .image-stock,
	#ordersTable .image-stock {
		width: 50px !important;
		margin-left: 5px;
	}

	/* #orcamentos tr td:nth-child(1) {
		width: 50px;
	}

	#produtosTable th:nth-child(5) {
		max-width: 40px;
		width: 40px !important;
	}

	#produtosTable th:nth-child(2) {
		max-width: 200px;
	}

	#produtosTable th:nth-child(7) {
		max-width: 40px;
		width: 40px !important;
	} */

	#orcamentos tr td:nth-child(4) {
		width: 80px !important;
		min-width: 80px !important;
	}

	#orcamentoTable {
		margin: 0px 16px;
		width: calc(100% - 32px);
	}

	.conteudo-central {
		min-height: calc(100vh);
		padding-top: 0;
	}

	.box-form {
		margin-top: 0px !important;
		height: 100vh;
	}

	.box-form .right,
	.box-form .left {
		height: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.dataTables_filter{
		text-align: left;
	}

	.box-form .right {
		height: 60%;
	}

	.box-form .left {
		height: 40%;
	}

	/* #produtosTable th:nth-child(1),
	#produtosTable td:nth-child(1) {
		display: none;
	} */

	.banner {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}

	#opens-orders_wrapper>.row>div.col-sm-12.col-md-6,
	#produtosTable_wrapper>.row>div.col-sm-12.col-md-6,
	#ticketsTable_wrapper>.row>div.col-sm-12.col-md-6,
	#ordersTable_wrapper>.row>div.col-sm-12.col-md-6 {
		flex: 0 0 auto !important;
		width: 50% !important;
	}

	#opens-orders_wrapper>.row:nth-child(2)>div,
	#produtosTable_wrapper>.row:nth-child(2)>div,
	#ticketsTable_wrapper>.row:nth-child(2)>div,
	#ordersTable_wrapper>.row:nth-child(2)>div {
		overflow-x: scroll;
	}
/* 
	#produtosTable th:nth-child(4) {
		width: 120px !important;
		min-width: 120px;
	}

	#produtosTable th:nth-child(7),
	#produtosTable th:nth-child(5) {
		max-width: 40px;
		width: 40px !important;
		min-width: 40px;
	} */

	.pagination {

		justify-content: center;
		margin-top: 30px;
	}

	.scroll {
		animation: bounce 2s infinite;
	}

	@keyframes bounce {

		0%,
		20%,
		50%,
		80%,
		100% {
			transform: translateX(0);
		}

		40% {
			transform: translateX(-5px);
		}

		60% {
			transform: translateX(5px);
		}
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 16px;
		padding: 16px !important;
	}

	#orcamentos tr td:nth-child(6) {
		width: 60px;
	}

	#orcamentos tr td:nth-child(2),
	#orcamentos tr td:nth-child(1) {
		display: none;
	}

	#tabMenu .nav-link:after,
	#tabMenu .nav-link i {
		display: none;
	}

	#tabMenu .nav-link {
		background: 0 0;
		border: 0;
		border-radius: 0rem;
		text-align: left;
		position: relative;
		color: #000;
		text-transform: uppercase;
		padding: 10px 10px !important;
		font-weight: 400 !important;
		letter-spacing: -0.5px;
		font-size: 11px;
		flex: 1 0 auto;
		background-color: #efefef;
		border-right: 1px solid #d9d9d9;
	}

	.btn-buy,
	.btn-secondary,
	.btn-primary,
	.btn-primary-no-arrow,
	a.button,
	button {
		font-size: 12px;
		padding: 9px 10px
	}

	.zindex2.menuFixed.bg-white.updateBarActive {
		top: 40px;
	}

	#tabMenu-content {
		width: 100%;
		min-height: 300px;
		padding: 20px 0px;
	}

	#historic-orders tr td:nth-child(4),
	#historic-orders tr td:nth-child(5) {
		width: 100px;
	}

	#historic-orders tr td:nth-child(2),
	#historic-orders tr td:nth-child(3) {
		width: 60px;
	}

	#historic-orders tr td:nth-child(1) {
		width: 160px;
	}

	#opens-orders tr td:nth-child(2) {
		width: 160px;
	}

	#opens-orders tr td:nth-child(7),
	#opens-orders tr td:nth-child(6) {
		width: 130px;
	}

	#opens-orders tr td:nth-child(4) {
		width: 100px;
	}

	#opens-orders tr td:nth-child(5),
	#opens-orders tr td:nth-child(3) {
		width: 80px;
	}

	.overflow-x-mobile {
		overflow-x: scroll;
	}

	#opens-orders {
		width: 700px !important;
	}

	#historic-orders {
		width: 500px !important;
	}

}