@import "../../../themes/themes.style.scss";
.mb[cashier] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
	height: 1px;
	margin-right: 10px;

	.mb-bt-cashier {
		transform: translateY(55%);
		width: 220px;
		height: 38px;
		margin: 0px 10px;
		text-align: center;
		overflow: hidden;
		word-wrap: normal;
		border-radius: 35px ;
		
		span {
			position: relative;
			line-height: 42px;
			font-weight: 700;
			font-size: 12px;
			i.m-t {
				margin-right: 8px;
			}
		}

		&.ca-open {
			@include themify(background-color, quickMenuBtnBackground);
			color: #fff;
			cursor: pointer;
		}
		&.ca-close {
			background-color: #b5b5b5;
			color: #fff;
			cursor: pointer;
		}

		.mb-box-cashier {
			transition: transform 300ms ease;
			transform: translateY(2px);
			&.active {
				transform: none;
				&:hover {
					transform: translateY(-50%);
				}
			}
			span {
				display: block;
			}
		}

		.caixa-aberto {
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

		.nome-pdv {
			font-size: 10px;
			font-weight: 600;
		}

		.caixa-aberto-text {
			font-weight: 700;
			font-size: 12px;
			i.m-t {
				display: initial;
				margin-right: 8px;
			}
		}
		@media (max-width: 800px) {
			width: 260px;
		}
	}
}