@import
	url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')
	;

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: 'Roboto', sans-serif;
	background-color: #f4f4f4;
}

.dialog-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.dialog-header .action {
	display: flex;
	justify-content: flex-end;
}

.input-form {
	width: 100%;
	height: 30px;
	font-size: 16px;
	border: 1px solid #00000040;
	padding: 0px 5px 0px 5px;
}

.input-form:focus {
	outline: none;
}

.select-form {
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100px;
	height: 30px;
	border: none;
	border: 1px solid #00000040;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-size: 16px;
	outline: none;
	width: 100%;
	padding: 0px 5px 0px 5px;
}

.select-form:focus {
	outline: none;
}

.select-form option {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	background-color: #ffffff;
}

.one-radio-form label {
	margin-right: 5px;
}

.one-radio-form:focus {
	outline: none;
}

.btn-trash {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #f00000;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-decoration: none;
}

.btn-trash:hover {
	background-color: #ffd6d6;
}

.main .content {
	background-color: #ffffff;
	max-width: 1000px;
	min-height: 200px;
	margin: auto;
}

.footer .content {
	background-color: #3b3b3b;
	max-width: 1000px;
	margin: auto;
	text-align: center;
	padding: 20px;
	font-weight: 300;
	font-size: 14px;
	color: #ffffff;
}

.header {
	position: sticky;
	top: 0;
}

.navbar {
	display: grid;
	grid-template-columns: 200px auto 55px;
	background-color: #3b3b3b;
	height: 60px;
}

.navbar-logo {
	margin: 5px;
	width: 50px;
	height: 50px;
}

.img-logo {
	width: 50px;
	height: 50px;
}

.navbar-left {
	display: flex;
}

.navbar-left .checkbox {
	position: absolute;
	display: block;
	height: 26px;
	width: 32px;
	left: 60px;
	top: 14px;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.navbar-left .hamburger-lines {
	position: relative;
	display: block;
	height: 26px;
	width: 32px;
	z-index: 2;
	top: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.navbar-left .hamburger-lines .line {
	display: block;
	height: 4px;
	width: 100%;
	border-radius: 10px;
	background: #ffffff;
}

.navbar-left .hamburger-lines .line1 {
	transform-origin: 0% 0%;
	transition: transform 0.4s ease-in-out;
}

.navbar-left .hamburger-lines .line2 {
	transition: transform 0.2s ease-in-out;
}

.navbar-left .hamburger-lines .line3 {
	transform-origin: 0% 100%;
	transition: transform 0.4s ease-in-out;
}

.navbar-right {
	padding-top: 10px;
}

.navbar-right a {
	text-decoration: none;
}

.btn-chart {
	color: white;
	font-size: 35px !important;
	cursor: pointer;
}

.badge-cart {
	position: absolute;
	top: 6px;
	background-color: #f00 !important;
	border-radius: 50%;
	color: #fff;
	right: 8px;
	width: 23px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding-top: 2px;
}

.menu-items {
	z-index: 1;
	position: absolute;
	margin-top: 60px;
	height: 100vh;
	width: 240px;
	transform: translate(-150%);
	display: flex;
	flex-direction: column;
	transition: transform 0.5s ease-in-out;
	background-color: #3a3f51;
}

.menu-items-title {
	color: #e1e2e3;
	padding: 25px 0px 25px 20px;
	font-size: 18px;
	font-weight: 200;
}

.menu-items li {
	height: 40px;
	font-size: 21px;
	font-weight: 400;
	list-style-type: none;
	border-bottom: 1px solid #9c9ea845;
	padding-left: 10px;
	height: 45px;
	line-height: 40px;
	list-style-type: none;
}

.menu-items li a {
	color: #e1e2e3;
	text-decoration: none;
}

.menu-items li a:hover {
	color: #242424e0;
}

.menu-items li label {
	font-size: 21px;
	font-weight: 400;
	list-style-type: none;
	padding-left: 10px;
	line-height: 40px;
	cursor: pointer;
	text-decoration: none;
}

.menu-items-cardapio {
	border-top: 1px solid #9c9ea845;
}

.navbar-left input[type="checkbox"]:checked ~.menu-items {
	transform: translateX(0);
}

.navbar-left input[type="checkbox"]:checked ~.menu-categories {
	display: none;
}

.navbar-left input[type="checkbox"]:checked ~.hamburger-lines .line1 {
	transform: rotate(45deg);
}

.navbar-left input[type="checkbox"]:checked ~.hamburger-lines .line2 {
	transform: scaleY(0);
}

.navbar-left input[type="checkbox"]:checked ~.hamburger-lines .line3 {
	transform: rotate(-45deg);
}

.menu-categories {
	margin: auto;
	max-width: 1000px;
	padding: 10px;
	background: #ffffff;
	border-bottom: 1px solid #e9ecef;
}

.search {
	display: grid;
	grid-template-columns: auto 35px;
	gap: 10px;
	margin: auto;
	max-width: 1000px;
	padding: 10px;
	background: #3b3b3b;
}

.search input {
	height: 50px;
	font-size: 17px;
}

.search a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.search i {
	font-size: 35px;
	color: #ffffff;
}

.select-categories {
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #00000040;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-size: 17px;
	outline: none;
}

.select-categories option {
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	background-color: #ffffff;
}

.menu-search {
	font-size: 20px;
	font-weight: 400;
	color: #3e3e3e;
}

/* menu */
.category-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.item-menu {
	list-style: none;
	cursor: pointer;
}

.item-menu label {
	cursor: pointer;
}

.item-menu li {
	border-bottom: 1px solid #e9ecef;
	padding: 10px;
}

.item-menu li:hover {
	background-color: #f9f9f9;
}

.item-menu a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.card-item-menu {
	display: grid;
	grid-template-columns: auto 100px;
	padding-bottom: 10px;
}

.card-item-menu-data-title {
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	word-break: break-all;
}

.card-item-menu-data-description {
	color: #3e3e3e;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 10px 10px 0px;
	min-height: 50px;
	text-align: justify;
}

.card-item-menu-data-price {
	display: flex;
	align-items: end;
	padding-bottom: 10px;
	color: #3e3e3e;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	height: 100%;
}

.card-item-menu-data-price label {
	margin-right: 5px;
}

.card-item-menu-image {
	display: flex;
	align-items: center;
}

.card-item-menu-footer {
	display: grid;
	grid-template-columns: auto 136px;
}

.card-item-menu-spinner {
	margin: 0px 5px 5px 0px;
	border: 1px solid #00000040;
	width: 136px;
}

.card-item-menu-spinner .btn {
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	background-color: #ffffff;
	color: #ea1d2c;
	font-size: 20px;
	width: 40px;
	height: 50px;
	cursor: pointer;
}

.card-item-menu-spinner input, .card-item-menu-spinner input:disabled {
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	color: #000000b0;
	text-align: center;
	font-size: 20px;
	border: none;
	height: 50px;
	width: 50px;
	background-color: #ffffff;
}
/* product */
.product-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.product-image {
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-bottom: 1px solid #00000040;
}

.product-description {
	color: #3e3e3e;
	font-size: 17px;
	font-weight: 200;
	padding: 10px 10px 10px 10px;
	white-space: pre-wrap;
	line-height: 0.9;
}

.product-price {
	padding: 20px 10px 10px 10px;
}

.product-price label {
	color: #3e3e3e;
	font-size: 20px;
	font-weight: 200;
	margin-right: 5px;
	font-weight: 200;
}

.product-price .price {
	font-weight: 400;
	color: #50a773;
}

.product-note {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #00000040;
}

.product-note .title {
	padding-bottom: 10px;
}

.product-note .title label {
	color: #00000078;
	font-size: 15px;
	font-weight: bold;
}

.product-note .note textarea {
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	resize: none;
	border: 1px solid #00000040;
	width: 100%;
	height: 100px;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-weight: 200;
	font-size: 15px;
	outline: none;
}

.product-footer {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #00000040;
	padding: 20px 10px 20px 10px;
}

.product-footer .spinner {
	margin: 0px 5px 5px 0px;
	border: 1px solid #00000040;
}

.product-footer .spinner .btn {
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	background-color: #ffffff;
	color: #ea1d2c;
	font-size: 20px;
	width: 40px;
	height: 50px;
	cursor: pointer;
}

.product-footer .spinner input, .product-footer .spinner input:disabled
	{
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	color: #000000b0;
	text-align: center;
	font-size: 20px;
	border: none;
	height: 50px;
	width: 50px;
	background-color: #ffffff;
}

.product-footer .action .btn {
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	margin-right: 5px;
}

.product-footer .action .btn:hover {
	background-color: #ab141f;
}

.product-footer .action .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

/* checkorder */
.checkorder-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.item-checkorder {
	list-style: none;
	cursor: pointer;
}

.item-checkorder label {
	cursor: pointer;
}

.item-checkorder li {
	border-bottom: 1px solid #e9ecef;
	padding: 10px;
}

.item-checkorder li:hover {
	background-color: #f9f9f9;
}

.item-checkorder a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.card-item-checkorder {
	display: grid;
	grid-template-columns: auto 100px;
}

.card-item-checkorder-data-title {
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.card-item-checkorder-data-description {
	color: #3e3e3e;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 10px 10px 0px;
	min-height: 50px;
	text-align: justify;
}

.card-item-checkorder-data-note {
	color: #3e3e3e;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 10px 10px 0px;
	min-height: 50px;
	text-align: justify;
}

.card-item-checkorder-data-footer {
	display: flex;
	flex-wrap: wrap;
	color: #3e3e3e;
	font-size: 15px;
	font-weight: 300;
}

.card-item-checkorder-data-footer div {
	margin-right: 10px;
}

.card-item-checkorder-data-footer .label {
	color: #3e3e3e;
	font-weight: 400;
	font-size: 15px;
	margin-right: 5px;
}

.card-item-checkorder-data-money-sign {
	margin-right: 5px;
}

.card-item-checkorder-image {
	display: flex;
	align-items: center;
}

.checkorder-summary-title {
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

.checkorder-summary-data {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 300;
}

.checkorder-summary-data div {
	margin-right: 10px;
}

.checkorder-summary-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.checkorder-summary-action {
	border-top: 1px solid #00000040;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	justify-content: space-between;
}

.checkorder-summary-action .btn {
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	margin-right: 5px;
	width: 32%;
}

.checkorder-summary-action .btn:hover {
	background-color: #ab141f;
}

.checkorder-summary-action .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

/* login */
.login-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.login-entity-title {
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

.login-entity-title label {
	margin-right: 10px;
}

.login-entity-data {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 10px;
}

.login-entity-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.login-entity-data input {
	height: 30px;
	width: 130px;
	font-size: 16px;
	border: 1px solid #00000040;
	padding: 0px 5px 0px 5px;
}

.login-entity-data input:focus {
	outline: none;
}

.login-entity-data .titulo {
	display: flex;
	flex-direction: row;
	column-gap: 5px;
}

.login-entity-data .dependent-number {
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100px;
	height: 30px;
	border: none;
	border: 1px solid #00000040;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-size: 16px;
	outline: none;
}

.login-entity-data .dependent-number {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	background-color: #ffffff;
}

.login-entity-data .button-scanner-barcode {
    width: 30px;
    height: 30px;
    background-image: url('../resources/images/icon-btn-scan-barcode.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.login-entity-data .inputCPF .ui-inputfield,
.login-entity-data .inputCPF .ui-inputmask {
    border-top: 1px solid #00000040;
    border-radius: 0px !important;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.login-entity-data .inputCPF label.ui-outputlabel body.ui-inputfield {
    border-radius: 0px !important; 
    margin-bottom: 5px; 
    font-weight: bold; 
}

.login-entity-data .inputCPF .ui-inputfield,
.login-entity-data .inputCPF .ui-inputmask {
    border-radius: 0px !important;
}

.login-entity-data .inputCPF .ui-state-filled {
    border-radius: 0px !important;
}

.login-entity-data .inputCPF .ui-state-focus {
    border-radius: 0px !important; 
}

.login-action {
	border-top: 1px solid #00000040;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

.login-action .btn {
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100%; 
}

.login-action .btn:hover {
	background-color: #ab141f;
}

.login-action .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

.btn-find-persons { 
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	margin-right: 5px;
}

.btn-find-persons:hover {
	background-color: #ab141f;
}

.btn-find-persons:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

.login-category {
	width: 80px !important;
	text-transform: uppercase !important;
}

/*waiter*/
.finalizeOrder-waiter-entity-title {
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	
}

.finalizeOrder-waiter-entity-title label {
	margin-right: 10px;
}

.finalizeOrder-waiter-entity-data {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 10px;
}

.finalizeOrder-waiter-entity-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.finalizeOrder-waiter-entity-data input {
	height: 41px;
	width: 150px;
	font-size: 16px;
	border: 1px solid #00000040;
	padding: 0px 5px 0px 5px;
}

.finalizeOrder-waiter-entity-data input:focus {
	outline: none;
}

.finalizeOrder-waiter-entity-data .titulo {
	display: flex;
	flex-direction: row;
	column-gap: 5px;
}

.finalizeOrder-waiter-entity-data .dependent-number {
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100%;
	height: 41px;
	border: none;
	padding: 10px;
	border: 1px solid #00000040;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-size: 18px;
	outline: none;
}

.finalizeOrder-waiter-entity-data .dependent-number {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	background-color: #ffffff;
}

.finalizeOrder-waiter-entity-data .button-scanner-barcode-waiter {
    width: 30px;
    height: 30px;
    background-image: url('../resources/images/icon-btn-scan-barcode.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

/* checkorder */
.finalizeorder-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.finalizeorder-summary-title {
	border-bottom: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
}

.finalizeorder-summary-data {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px 5px 10px;
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 300;
	justify-content: space-between;
}

.finalizeorder-summary-data div {
	margin-right: 10px;
}

.finalizeorder-summary-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.card-item-finalizeorder-data-money-sign {
	margin-right: 5px;
}

.finalizeorder-entity-title {
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

.finalizeorder-entity-title label {
	margin-right: 10px;
}

.finalizeorder-entity-data {
	display: flex;
	flex-direction: column;
	row-gap: 4px;
}

.finalizeorder-entity-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.finalizeorder-entity-data input {
	height: 30px;
	width: 200px;
	font-size: 16px;
	border: 1px solid #00000040;
	padding: 0px 5px 0px 5px;
}

.finalizeorder-entity-data input:focus {
	outline: none;
}

.finalizeorder-entity-data .titulo {
	display: flex;
	flex-direction: row;
	column-gap: 5px;
}

.finalizeorder-entity-data .dependent-number, .delivery-point {
	-webkit-border-radius: none;
	border-radius: 0px;
	width: 100px;
	height: 30px;
	border: none;
	border: 1px solid #00000040;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	font-size: 16px;
	outline: none;
}

.finalizeorder-entity-data .delivery-point {
	width: auto;
	min-width: 30px;
}

.finalizeorder-entity-data .dependent-number, .delivery-point option {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	background-color: #ffffff;
}
.finalizeorder-delivery-title {	
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
}

.finalizeorder-entity-data .ui-autocomplete-input {
	-webkit-border-radius: none;
	border-radius: 0px;
	position: static;
	height: 41px;
    font-size: 18px;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.finalizeorder-panel-credit-title {
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

.finalizeorder-panel-credit-data {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 300;
	row-gap: 5px;
}

.finalizeorder-panel-credit-data div {
	margin-right: 10px;
}

.finalizeorder-panel-credit-data .label {
	font-weight: 400;
	margin-right: 5px;
}

.panel-credit-finalizeorder-data-money-sign {
	margin-right: 5px;
}

.finalizeorder-panel-payment .title {
	border-top: 1px solid #00000040;
	color: #00000078;
	font-size: 17px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

.finalizeorder-panel-payment .payment-selected {
	display: grid;
	grid-template-columns: 60px auto 130px;
	height: 50px;
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	margin-top: 5px;
	height: 60px;
	font-size: 13px;
	font-weight: 400;
}

.finalizeorder-panel-payment .payment-selected a {
	text-decoration: none;
	color: #ea1d2c;
	cursor: pointer;
}

.finalizeorder-panel-payment .payment-selected .left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.finalizeorder-panel-payment .payment-selected .left .icon-brand {
	width: 30px;
}

.finalizeorder-panel-payment .payment-selected .center {
	display: flex;
	padding: 5px;
	justify-content: flex-start;
	align-items: center;
}

.finalizeorder-panel-payment .payment-selected .center {
	display: grid;
	grid-template-rows: 1fr 1fr;
}

.finalizeorder-panel-payment .payment-selected .center .description {
	padding-top: 5px;
}

.finalizeorder-panel-payment .payment-selected .center .number {
	padding-top: 5px;
}

.finalizeorder-panel-payment .payment-selected .right {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 5px;
	gap: 25px;
}

.finalizeorder-panel-payment .panel-cvv {
	padding: 0px 10px 10px 10px;
}

.finalizeorder-panel-payment .cvv {
	width: 100px;
}

.finalizeorder-panel-payment .label {
	font-weight: 400;
	margin-right: 5px;
	font-size: 18px;
}

.finalizeorder-action {
	border-top: 1px solid #00000040;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	margin-top: 10px;
	justify-content: space-between;
}

.finalizeorder-action .btn {
	padding: 0px 10px 0px 10px;
	height: 51px;
	width: 49%;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
	
}

.finalizeorder-action .btn:hover {
	background-color: #ab141f;
}

.finalizeorder-action .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

.ui-blockui-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important; 
    display: flex; 
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    pointer-events: none;
}


/* notifications */
.notification-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.item-notification {
	list-style: none;
	cursor: pointer;
}

.item-notification label {
	cursor: pointer;
}

.item-notification li {
	border-bottom: 1px solid #e9ecef;
	padding: 10px;
}

.item-notification li:hover {
	background-color: #f9f9f9;
}

.item-notification a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.card-item-notification-data-title {
	color: #3e3e3e;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.card-item-notification-data-description {
	color: #3e3e3e;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 10px 10px 0px;
	min-height: 50px;
	text-align: justify;
}

/* orderWaiter */
.order-waiter-title {
    background-color: #8484840d;
    padding: 20px 10px;
    border-bottom: 1px solid #00000040;
    border-top: 1px solid #00000040;
    font-size: 20px;
    font-weight: bold;
    color: #001871c9;
}

.item-order-waiter {
    list-style: none;
    padding: 0;
    margin: 0;
}

.item-order-waiter li {
    border-bottom: 1px solid #e9ecef;
    padding: 10px;
}

.item-order-waiter li:hover {
    background-color: #f9f9f9;
}

.card-item-order-waiter-data-title {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
}

.card-item-order-waiter-data-entity {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.card-item-order-waiter-data-description {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 300;
    min-height: 50px;
    text-align: justify;
}

.card-item-order-waiter-data-description .card-item-order-waiter-data-description-ul {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
}

.card-item-order-waiter-data-description .card-item-order-waiter-data-description-ul, .card-item-order-waiter-data-description-li {
    margin: 0;
}

.card-item-order-waiter-data-description ul li:hover {
    background-color: #f9f9f9;
}

.order-waiter-action {
    border-top: 1px solid #00000040;
    border-bottom: 1px solid #00000040;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.order-waiter-action .btn {
    padding: 10px;
    height: 51px;
    border: 1px solid #ea1d2ccf;
    background-color: #ea1d2c;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    margin-right: 5px;
}

.order-waiter-action .btn:hover {
    background-color: #ab141f;
}

.order-waiter-action .label {
    background-color: #ab141f;
}

.order-waiter-action .order-waiter-filter-description {
    color: #3e3e3e;
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px;
    min-height: 50px;
    text-align: justify;
}


/*CALENDAR*/
.order-waiter-action .calendar {
	color: #3e3e3e;
	font-size: 16px;
	font-weight: 300;
	margin: 0px 10px 0px 0px;
	min-height: 50px;
	width: 70px;
	text-align: justify;
}

.order-waiter-action .calendar .ui-inputfield{
	color: #3e3e3e;
	font-size: 16px;
	font-weight: 300;
	margin: 0px 10px 0px 0px;
	min-height: 50px;
	width: 100px;
	text-align: justify;
	border-radius: 0px;
	
}

/* order control */
.item-order-control {
	list-style: none;
	padding-bottom: 10px;
}

.card-item-order-control {
	margin: 10px 10px 0px 10px;
	border: 1px solid #00000040;
}

.card-item-order-control * {
	cursor: pointer;
}

.card-item-order-control-title {
	display: flex;
	justify-content: space-between;
	background-color: #8484840d;
	padding: 10px 10px 10px 10px;
}

.card-item-order-control-title label {
	font-size: 16px;
	font-weight: 400;
}

.card-item-order-control-content ul {
	list-style: none;
	cursor: pointer;
}

.card-item-order-control-content ul li {
	padding: 10px 10px 10px 10px;
	border-top: solid 1px #e9ecef;
}

.card-item-order-control-content-product {
	display: inline;
	vertical-align: middle;
}

.card-item-order-control-content-product-name {
	color: #3e3e3e;
	font-size: 15px;
	font-weight: 400;
	margin-right: 10px;
}

.card-item-order-control-content-product-quantity {
	color: #3e3e3e;
	font-size: 15px;
	font-weight: 300;
}

.card-item-order-control-content-product-quantity .label {
	font-weight: 400;
	margin-right: 5px;
}

/* PAGE CARDS */
.card-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.panel-card {
	display: grid;
	grid-template-columns: 60px auto 45px;
	border-bottom: 1px solid #e9ecef;
	font-size: 13px;
	font-weight: 400;
	padding: 5px;
	height: 60px;
	cursor: pointer;
}

.panel-card label {
	cursor: pointer;
}

.panel-card:hover {
	background-color: #f9f9f9;
}

.panel-card .left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.panel-card .left .icon-brand {
	width: 30px;
}

.panel-card .center {
	display: grid;
	grid-template-rows: 1fr 1fr;
}

.panel-card .center .description {
	padding-top: 5px;
}

.panel-card .center .number {
	padding-top: 5px;
}

.panel-card .right {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 5px;
}

.card-bottom {
	/* border-top: 1px solid #00000040; */
	display: flex;
	flex-wrap: wrap;
}

.card-bottom .btn {
	width: 100%;
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
}

.card-bottom .btn:hover {
	background-color: #ab141f;
}

.card-bottom .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

.card-dialog-add {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.card-dialog-add .action {
	display: flex;
	justify-content: flex-end;
}

.card-dialog-del .body {
	padding-bottom: 30px;
}

/* buy credit */
.buy-credit-title {
	background-color: #8484840d;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #00000040;
	border-top: 1px solid #00000040;
	font-size: 20px;
	font-weight: bold;
	color: #001871c9;
}

.buy-credit-main {
	padding: 10px;
}

.buy-credit-main .value {
	width: 200px;
}

.buy-credit-main .payment-selected {
	display: grid;
	grid-template-columns: 60px auto 45px;
	height: 50px;
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	margin-top: 5px;
	height: 60px;
	font-size: 13px;
	font-weight: 400;
}

.buy-credit-main .payment-selected a {
	text-decoration: none;
	color: #ea1d2c;
	cursor: pointer;
}

.buy-credit-main .payment-selected .left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.buy-credit-main .payment-selected .left .icon-brand {
	width: 30px;
}

.buy-credit-main .payment-selected .center {
	display: flex;
	padding: 5px;
	justify-content: flex-start;
	align-items: center;
}

.buy-credit-main .payment-selected .center {
	display: grid;
	grid-template-rows: 1fr 1fr;
}

.buy-credit-main .payment-selected .center .description {
	padding-top: 5px;
}

.buy-credit-main .payment-selected .center .number {
	padding-top: 5px;
}

.buy-credit-main .payment-selected .right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.buy-credit-main .cvv {
	width: 100px;
}

.buy-credit-main .label {
	font-weight: 400;
	margin-right: 5px;
	font-size: 18px;
}

.buy-credit-main .value {
	font-weight: 300;
	margin-right: 5px;
	font-size: 18px;
}

.buy-credit-footer {
	display: flex;
	padding: 10px;
	gap: 5px;
}

.buy-credit-footer .btn {
	width: 100%;
	padding: 0px 10px 0px 10px;
	height: 51px;
	border: 1px solid #ea1d2ccf;
	background-color: #ea1d2c;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border-radius: 0px;
}

.buy-credit-footer .btn:hover {
	background-color: #ab141f;
}

.buy-credit-footer .btn:disabled {
	background-color: #ea1d2cad;
	border-color: #ea1d2c24;
	cursor: default;
}

.card-payment-method {
	display: grid;
	grid-template-columns: 60px auto 80px;
	height: 50px;
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
	height: 60px;
	font-size: 13px;
	font-weight: 400;
}

.card-payment-method a {
	text-decoration: none;
	color: #ea1d2c;
	cursor: pointer;
}

.card-payment-method .left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-payment-method .left .icon-brand {
	width: 30px;
}

.card-payment-method .center {
	display: grid;
	grid-template-rows: 1fr 1fr;
}

.card-payment-method .center .description {
	padding-top: 5px;
}

.card-payment-method .center .number {
	padding-top: 5px;
}

.card-payment-method .right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.buy-credit-qrcode {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

#qrcode {
	text-align: center;
}

.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}

.loaderResponse {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l6 1s infinite linear alternate;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: rgba(255, 255, 255, 0.8);
}

@keyframes l6 {
  0%  {box-shadow: 30px 0 #000, -30px 0 #0002; background: #000}
  33% {box-shadow: 30px 0 #000, -30px 0 #0002; background: #0002}
  66% {box-shadow: 30px 0 #0002, -30px 0 #000; background: #0002}
  100%{box-shadow: 30px 0 #0002, -30px 0 #000; background: #000}
}

/*DADOS SOCIO */
.popup-dados .ui-dialog-content > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    height: 100%;
}

.popup-dados .ui-dialog-content .texto-info {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}

.popup-dados .ui-dialog-content .botoes-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: auto;
}

.popup-dados .ui-dialog-content .botoes-container .btn {
    margin: 5px 0;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.popup-dados .ui-dialog-content .botoes-container .btn-confirmar {
    background-color: #0099FF;
    color: white;
}

.popup-dados .ui-dialog-content .botoes-container .btn-repetir {
    background-color: #ea1d2c;
    color: white;
}

#camera img[alt="Info icon"] {
    display: none !important;
}

/*LOAD ALL BUTTONS*/
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-text {
    color: #ddd;              
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.loading-overlay-spinner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: loading-overlay-spinner-spin 1s infinite linear alternate;
    background: rgba(255, 255, 255, 0.8);
}

@keyframes loading-overlay-spinner-spin {
    0%   { box-shadow: 30px 0 #333, -30px 0 #666; background: #333; }
    33%  { box-shadow: 30px 0 #333, -30px 0 #666; background: #666; }
    66%  { box-shadow: 30px 0 #666, -30px 0 #333; background: #666; }
    100% { box-shadow: 30px 0 #666, -30px 0 #333; background: #333; }
}