/*
Theme Name: BlankSlate Child
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Template: blankslate
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/
/* CSS HEX */
/*--black: #000000ff;
--orange-wheel: #FB7F00ff;
--black-2: #000000ff;
--oxford-blue: #02294a;
--seasalt: #FAF9FAff;
--azul: #D46DAE;
--cadet-gray: #A3A8B0ff;
*/

/*body {
	overflow: hidden;
}*/
body {
	overflow-x: hidden !important;
}
/*body.not-logged-in{
	background: linear-gradient(135deg, #40E0D0 0%, #0CA5A4 30%, #07284b 100%);
    background-size: cover;
    min-height: 100vh;
}
body.not-logged-in div{
	color: #fff;
}*/
/* Chrome, Safari, Edge, Opera */
:root :where(.is-layout-flow) > * {
	margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-wheel::-webkit-outer-spin-button,.no-wheel::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.no-wheel{ -moz-appearance:textfield; }
.border-warning{
	border-color: #f0ff00!important;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
.navbar {
	box-shadow: none !important;
}
table.small-padding td{padding: 3px 5px !important}

.hide_guest,.hide_both{
	display: none;
}
.no-close .ui-dialog-titlebar-close {display: none }
.form-control:focus {
	border-color: #02294a !important;
}

.card-full {
	height: calc(100vh - 90px);
}
.status-stamp {
	color: red;
	border: 5px solid red;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 200%;
	padding: 10px 20px;
	margin: 0 auto;
	max-width: fit-content;
}
#pos th {
	padding: 5px 0;
}
.btn-primary,.bg-primary {
	background-color: #02294a !important;
}
.btn-primary:hover {
	background-color: #02294a;
	filter: brightness(1.75);
}
.select2-container{
	width: 100% !important;
	margin-bottom: 10px;
}
.select2-selection{
    width: 100%;
    padding: .5rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #495057;
    height: initial !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d6da;
    appearance: none;
    border-radius: .5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 43px;
}
.select2-dropdown{
	top: 32px;
}

.extra-fields .required label {
	color :#f5365c
}
.extra-fields .required input {
	border-color: #f5365c;
}
thead {
position: sticky;
top: 0; 
/*background-color: #fff !important;*/
z-index: 99;
}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&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');
body {
	margin: 0 ;
	background-color: #dbdbdb;
}
body,* {
	 font-family: "Roboto", sans-serif;
}

.ui-button .ui-icon {
	border-radius: 0;
}
.disabled{
	pointer-events: none;
	opacity: 0.5;
}
.label-inline {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	margin-bottom: 5px;
}
.loaderDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(255,255,255,.5);
	top: 0;
	left: 0;
	display: none;
	z-index: 99999;
}

.loaderDiv:before {
	content: "";
    border: 16px solid #f3f3f3; 
    border-top: 16px solid #3498db; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    display: none; 
    margin: 0 auto; 
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	z-index: 99;
	display: block;
}


@keyframes spin {
    0% { transform: rotate(0deg)  }
    100% { transform: rotate(360deg) }
}
#reports__start_date {
	border-right: 1px solid #eee !important;
	border-radius: 0; 
}
.ui-dialog {
	border: none;
	border-radius: 0;
	padding: 0;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{
background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_ffffff_256x240.png);
 } 
.ui-dialog .ui-dialog-content{ 
	padding: 40px 15px 15px 15px }
.ui-dialog .ui-dialog-titlebar {
	padding: 0;
	position: absolute;
	width: 100%;
    height: 30px;
    z-index: 99999;
}
.ui-widget.ui-widget-content {
	border: none;
	z-index: 9999;
}
.ui-dialog .ui-dialog-titlebar-close {
	background-color: #DB3434;
	border-radius: 0;
	width: 30px;
	height: 30px;
	margin: 0;
	border: 0;
	right: 0;
	top: 0;
}
#content {
	padding: 15px 15px 0 15px;
}
#pos_wrapper {
	margin-top: 0;
	position: relative;
}
#pos_wrapper #dt-search-1 {
	height: 42px;
}
#pos.table.dataTable tbody td {
	padding: 4px 5px;
}
#pos.table.dataTable thead tr {
	background-color: #fff;
}
select.font-awesome,select.font-awesome option {
	font-family: "Roboto",'FontAwesome';
}

.dt-top-start {
	display: grid;
	grid-template-columns: 1fr 57px ;	
	gap: 10px;
	margin-bottom: 20px;
	align-items: center;
}
.dt-top-start label {
	margin: 0;
}
div.dt-container div.dt-search input {
	width: 100%;
}
.dt-search img {
	max-width: 140px;
	width: 100%;
	height: auto;
	margin-right: 10px;
}



#client-id {
	width: calc(100% - 2px);
	margin-top: 0;
}
input:hover,input:focus,select:hover,select:focus {
	border-color: rgb(9,173,170) !important;
}
table {
	width: 100% !important;
}

.alerts-modal .button{
	margin-bottom: 5px;
}

#cart td {
	padding: 5px 10px;
	border-bottom: 1px solid #efefef;
	position: relative;
}
#cart .cart-item__edit {
	display: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%)
}
#pos_wrapper label[for="dt-search-0"] {
    display: none;
}
#cart .cart-item__note,#cart .cart-item__extra-fields {
	font-size: 85%;
	display: block;
	clear: both;
}
#cart .cart-item__note {
	max-width: 200px;
	display: flex;
}
#cart tr:hover .cart-item__edit {
	display: block;}
#cart-items {
	height: 10px;
	overflow-y: scroll;
}

.cart-block {
	display: flex;
	flex-direction: column
}



.cart thead,.cart tfoot strong {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 90%;
}
.cart-item__delete {
	color: #ff0000;
}

.button--inactive {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.3);
}

.button--preset{
	border: 1px solid #dadada;
	border-radius: 10px;
    background: #fff;
    color: #4357569c;
    font-size: 1em;
    flex: auto;
    max-height: 75px;
    height: 75px;
    width: 100%;
	margin-bottom: 10px;
    margin-right: 5px;
    transition: all linear 0.3s;
}
.button--preset:hover {
	color: rgb(9,173,170);
	border-color: rgb(9,173,170);
}
.ui-widget-overlay {
   background-color: #000;
   opacity: .80;
   filter: Alpha(Opacity=80);
}

.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	max-width: 100% !important;
}


table.hover tbody tr:hover td,table#pos tbody tr:hover td{
	background-color: #02294a !important;
	color: #fff;
	cursor: pointer;
}
table.no-hover tr:hover td,table.no-hover {
	background-color: transparent !important;
	color: inherit; !important;
}
tfoot tr:hover td,thead tr:hover td{
	background-color: transparent !important;
	color: inherit;
	cursor: auto;
}
table td, table th{
	border: none
}
.dataTables_filter {
	width: 100%;
	float: none;
}



.cart-action__note i{
	position: relative;
}
.cart-action__note.active i:after {
	content:"1";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%,-50%);
	font-size: 50%;
	text-align:center;
	line-height: 15px;
	background-color: #ff0000;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.payment-modal__wrapper {
	display: grid;
	grid-template-columns: 1fr 100px 1.5fr;
	grid-template-rows: 1fr; 
	grid-column-gap: 15px;
	grid-row-gap: 0px;
}
.payment-modal__wrapper #payment {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-column-gap: 15px;
}
.payment__price__box {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #efefef;
	text-align: right;
}
.payment__price__box.highlight {
	background-color: #ff4c30;
	border: 1px solid #c44d56;
	font-size: 120%;
	color: #fff;
}
.payment__price__span {
	font-weight: 600;
	font-size: 24px;
}
.payment-modal__ticket__box__title {
	font-size: 19px;
	margin-top: 0;
	font-weight: 400;
	margin-bottom: 0;
	text-transform: uppercase;
}
.payment__info-ticket__payment-info {
	background-color :#d0f0c0;
}
.payment-actions {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
	direction: rtl;
}
.payment-actions #payment-action__pay{
	order: 1;
}
.payment-actions #payment-action__pay-cc{
	order: 2;
}
.payment-actions #payment-action__clear{
	order: 3;
}

.payment-actions #payment-terms__action{
	order: 4;
}


.ui-dialog-titlebar {
	background-color: transparent;
	border: none;
}
.ui-dialog .ui-dialog-title {
	padding: 5px 0;
	text-align: center;
	width: 100%;
}
.btn-inner--icon {
	margin-right: 5px;
}
#cart-action__empty-modal:disabled,#cart-action__empty-modal[disabled],#cart-action__pay[disabled],#cart-action__pay:disabled {
	opacity: .4;
	color: #fff;
}
.payment-method label {
	font-size: 20px;
}
.payment-method.payment-cash {
	border-top: 10px solid #2ecc71;
}
.payment-method.payment-card {
	border-top: 10px solid #11cdef;
}
.payment-method.payment-check {
	border-top: 10px solid #6c7a89;
}
.payment-method label{
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}
.payment-terms__button {
	text-align: center;
	color: #fff;
	cursor: pointer;
	user-select: none;
	box-sizing: border-box;
}
.payment-terms__button.disable{
	cursor:  not-allowed;
	background-color: #ccc;
	opacity:.6;
	filter: brightness(100%);
}

.payment-actions .disabled {
	filter: grayscale(1);}
.payment-actions i {
	font-size: 30px;
	display: block;
	margin-bottom: 10px;
}
.payment-method_extra-field {
	 grid-column: span 3;
}
.payment-method__input {
	text-align: right;
}
.payment-method__remove {
	border: none;
	color: #ff0000;
	text-align: center;
	padding: 0;
	transition: all .2s ease-in-out;
}
.payment-method__remove:hover {
	transform: scale(1.2);
	cursor: pointer;	
}


#invoices {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 0px;
}
#invoices.edit{
	grid-template-columns: 1.5fr 1fr 2fr;
}
#invoices .invoices__sale.card{
	order: 1;
}
#invoices .edit_invoices{
	order: 2;
}
#invoices #invoices__builder{
	order: 3;
}

#invoices>div {
	background-color: #fff;
	padding: 15px;
}
.invoices__products__item label{
	padding: 10px 15px;
	display: block;
}

.invoices__products__item__remove{
	background-color: #DB3434;
	padding: 5px;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 10px;
	display: flex;
	align-items: center;

}
#invoices__builder table th,.invoices__builder__info-client table th {
	padding: 5px 10px;
	background: #052c4c; color: #fff; font-size: 12px;text-transform: uppercase; font-weight: 600;
}
#invoices__builder table td {
	padding: 5px 10px;
	text-transform: uppercase;
}

#invoice {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    color: #052c4c;
    padding: 24px;
}

#invoice td {
    vertical-align: top;
}

#invoice__header {
    padding-bottom: 18px;
}

#invoice__header .logo_invoice {
    max-width: 230px;
    height: auto;
}

.invoice-header-meta {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    color: #052c4c;
}

.invoice-badge {
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 4px 10px;
    background: #052c4c;
    color: #ffffff;
}

.invoice-number {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    gap: 6px;
    border-bottom: 2px solid #052c4c;
}

.invoice-number-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #7b8ba3;
}

.invoice-number-value {
    font-size: 32px;
    color: #052c4c;
}

.invoice-date {
    font-size: 12px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.invoice-date-label {
    text-transform: uppercase;
    letter-spacing: 3px;

    font-weight: 600;
    color: #7b8ba3;
}

.invoice-date-value {
    font-weight: 500;
    color: #052c4c;
    font-size: 20px;
}
.invoice_client-info {
	margin: 0;
	text-transform: uppercase;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #d5dde8;
    font-size: 13px;
    line-height: 1.5;
    width: fit-content;
}

.invoice_client-info strong:first-child {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #052c4c;
}

#invoices__builder__items {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
    background: #ffffff;
    overflow: hidden;
}

#invoices__builder__items thead th {
    background: #052c4c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 8px;
    border-bottom: 1px solid #041f36;
    white-space: nowrap;
}

#invoices__builder__items thead th.invoice__thead-customer,
#invoices__builder__items thead th.invoice__thead-vin {
    white-space: normal;
}

#invoices__builder__items tbody tr {
    border-bottom: 1px solid #e1e7f0;
}

#invoices__builder__items tbody tr:last-child {
    border-bottom: none;
}

#invoices__builder__items tbody tr:nth-child(even) {
    background: #f8fafc;
}

#invoices__builder__items tbody td {
    font-family: DejaVu Sans, sans-serif;
    font-size: 13px !important;
    padding: 4px 3px;
    vertical-align: middle;
}

#invoices__builder__items tbody td:last-child {
    width: 140px;
}

#invoices__builder__items .row-number {
    display: inline-block;
    min-width: 24px;
    text-align: center;
    border-radius: 999px;
    background: #eef2f8;
    font-size: 12px;
    padding: 2px 6px;
}

#invoices__builder__items .get__receipt {
    font-size: 13px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    color: #052c4c;
}

#invoices__builder__items .get__receipt:hover {
    text-decoration: none;
    opacity: 0.8;
}

.invoice__remove__item {
    background: #f04c4c;
    border: none;
    min-width: 30px;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.invoice__remove__item i {
    font-size: 11px;
}

.invoice__remove__item:hover {
    background: #c93a3a;
}

#invoice__builder__footer {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    background: #ffffff;
    overflow: hidden;
}

#invoice__builder__footer tr td {
    padding: 8px 10px;
    font-size: 13px;
}

.invoice__builder__footer__titles {
    font-size: 12px;
    color: #5a6a84;
}

#invoice__builder__footer .invoice__builder__subtotal,
#invoice__builder__footer .invoice__builder__total {
    font-weight: 700;
    font-size: 15px;
}

#invoice__builder__footer tr[data-field="total"] td {
    border-top: 1px solid #d5dde8;
    background: #052c4c !important;
    color: #FFF;
}

#invoice__builder__footer tr[data-field="total"] .invoice__builder__total,#invoice__builder__footer tr[data-field="total"] .invoice__builder__footer__titles {
    color: #fff;
    font-size: 28px;
}

.invoice__builder__footer-text {
    margin-top: 16px;
    font-size: 12px;
    color: #7a889d;
}

.table-responsive {
    margin-top: 10px;
}

@media print {
    #invoice {
        background: #ffffff;
        padding: 0;
    }

    .no-print,
    .remove-pdf {
        display: none !important;
    }

    #invoices__builder__items,
    #invoice__builder__footer,
    .invoice_client-info {
        border-radius: 0;
        border: 1px solid #d5dde8;
    }
}
#z-report {
	display: grid;
	grid-template-columns: 380px 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 0px;
}
#z-report .label-inline{
	grid-template-columns: 100px 1fr 100px;
}
.z-report__total {
	background-color: #02294a;
	color: #fff;
}

.z-report__calculations .first {
	margin-top: 0 !important;
}

#z-report-history {
	display: grid;
	grid-template-columns: 1.25fr 1fr;	
	gap: 15px ;
}
#sales-history {
	display: grid;
	grid-template-columns: 1fr 1.2fr;	
	gap: 25px ;
}
#sales-history.full{
	grid-template-columns: 1fr;
}
#sales-history.full .sales-history-viewer{
	display: none; 
}
#sales-history__accordion {
	overflow-y:scroll ;
	height: calc(100vh - 240px);
}

.sales-history__search .select2-container{
	margin: 0;
}
	.ui-accordion .ui-accordion-header {
		margin-top: 0;
		color: #333;
		border-radius: 0;
		padding: 15px 10px;
		font-size: 0.9em;
		border: none;
		margin-bottom: 0;
	}
	.ui-accordion .ui-accordion-header span {
		float: right;
	}
	.ui-state-active {
		background-color: #02294a !important;
		color:#fff !important;
	}
	.ui-accordion .ui-accordion-content {
		padding: 0;
	}
	.sales-history__item__title {
		background-color: #02294a;
		color: #fff;
		
	}
	.sales-history__item{
		cursor: pointer;
	}
	.sales-history__receipt__item {
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.sales-history__item:hover,.sales-history__item.active {
		background-color: #efefef
	}
	.sales-history__item__customer {
		font-weight: 600;
	}
	
	.sales-history__item__counter {
		font-style: italic;
		margin: 0 5px 0 auto;
	}
	.sales-history__item__total {
		font-weight: 600;
		font-size: 110%;
		min-width: fit-content;
		text-align: right;
	}
	
	.sales-history__item__status-pending {
		background-color: #fffc7f;
		color: #000;
	}

.sales-history-viewer__container{
	display: grid;
	grid-template-columns: 1fr 175px ;	
	gap: 25px;
}
.sales-history__actions button,.sales-history__actions a {
	width: 100%;
	max-width: 100px;
	padding: 10px;
}
.sales-history-items__header{
	display: grid;
	grid-template-columns: 100px 1fr;	
	gap: 15px ;
	margin-bottom: 15px;
}
.sales-history__item__payment{
	padding: 15px;
}
.sales-history-items__header .sales-history__item__title{
	text-align: center;
}
.sales-history-items__header .sales-history__item__payment {
	background-color: #efefef;
	padding: 15px;
}
.sales-history__receipt__item strong{
	margin-left: auto;
}

.sales-history__footer div{
	margin-left: auto;
}

#payments {
	display: grid;
	grid-template-columns: 1fr .5fr;
	grid-template-rows: 1fr; 
	grid-column-gap: 15px;
	grid-row-gap: 0px;
}
#invoices_table tr {
	cursor: pointer;
}

#invoices__builder__items {
  table-layout: auto;
    width: 100%;}
#invoices__builder__items th {
	text-transform: initial !important;
	white-space: nowrap;
}
#invoices__builder__items td{
	white-space: nowrap;
	}
#payments th {
	background-color: #fff;
}
.ui-tooltip{
	background-color: #000;
	color: #fff;
	font-size: 12px;
}
.toast-success {
    background-color: #51a351 !important
}

.toast-error {
    background-color: #bd362f !important
}

.toast-info {
    background-color: #2f96b4 !important
}

.toast-warning {
    background-color: #f89406 !important
}
#ui-datepicker-div{
	z-index: 999 !important;
}

.form-switch .form-check-input:after {
	transform: translate(-8px, 1px) !important;
}
.form-switch .form-check-input:checked:after {
	    transform: translateX(9px) !important;
}
#sales-history__modal__edit-ticket {
	display: grid;
	grid-template-columns: .5fr 1.5fr;
}
.select2-dropdown {
	z-index: 9999;
}

.invoice__thead-id {
	width: 75px;
}
.invoice__thead-price{
	width: 190px;
}
#reports {
	display: grid;
	grid-template-columns: 1fr 325px;
	gap: 25px;
	margin-bottom: 5px;
}
#reports .badge {
	text-align: left;
}
#pos__navigation {
    background-color: #02294a!important;
    padding: 0;
}
#pos__navigation .nav-link {
	font-size: 17px;
	line-height: 1;
	color: #fff;
	padding: 10px 15px;
	border-radius: 20px;
}
#pos__navigation .nav-link i {
	margin-right: 5px;
}
:not(.main-content) .navbar .dropdown .dropdown-menu{
	margin-top: 0 !important;
	display: none;
}
:not(.main-content) .navbar .dropdown .dropdown-menu.show {
	display: block;
}
#reports__table_wrapper .dt-buttons{
	position: absolute;
	top: 35px;
	right: 15px;
}


.nav-item .nav-link{
	
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;

}
.nav-item .nav-link:hover{
	background-color: rgba(255,255,255,.1);
}
/* Allow nested dropdown */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    display: none;
    
    left: 100%;
    margin-top: -1px;
    position: absolute;
}

/* Show third-level menu on hover */
.dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
	
    opacity: 1 !important;
}
.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu {
	transform: translate(-5px, -2.75rem) !important
}

/* Optional: Add a right-arrow indicator */
.dropdown-submenu > a::after {
    content: "▶";
    float: right;
    margin-left: 10px;
    font-size: 11px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    position: absolute;
}

.dropdown.dropdown-hover .dropdown-menu, .dropdown .dropdown-menu {
	pointer-events: auto !important;
}
.dropdown .dropdown-menu .dropdown-item+.dropdown-menu {
  right: -185px !important;}

 .circle-notifications {
  animation: floatUpDown 2s ease-in-out infinite;
  
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px); /* se mueve hacia arriba */
  }
}

.notification_inital {
	width: 50px;
	font-weight: 700;
	line-height: 50px;
	height: 50px;
	font-size: 30px;
	text-align: center;
	border-radius: 50%;
	border: solid
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.z-report__action__note.active i:after {
    content: "1";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    font-size: 50%;
    text-align: center;
    line-height: 15px;
    background-color: #ff0000;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

    .acf-form .acf-field input[type="text"],
    .acf-form .acf-field input[type="email"],
    .acf-form .acf-field input[type="number"],
    .acf-form .acf-field input[type="password"],
    .acf-form .acf-field input[type="url"],
    .acf-form .acf-field input[type="date"],
    .acf-form .acf-field textarea {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .acf-form .acf-field select {
        display: block;
        width: 100%;
        padding: 0.375rem 2.25rem 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        appearance: none;
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
    }
    .acf-form .acf-field input:focus,
    .acf-form .acf-field select:focus,
    .acf-form .acf-field textarea:focus {
        border-color: #02294a;
        outline: 0;
        box-shadow: none;
    }
    .acf-form .acf-form-submit input[type="submit"] {
        display: inline-block;
        font-weight: 500;
        color: #fff;
        background-color: #02294a;
        border: 1px solid #02294a;
        border-radius: 0.375rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
        transition: background-color .15s ease-in-out;
    }
    .acf-form .acf-form-submit input[type="submit"]:hover {
        background-color: #0b5ed7;
    }
    .acf-form .acf-field label {
        font-weight: 600;
        margin-bottom: .25rem;
        display: inline-block;
    }

    .acf-field p.description {
    	font-size: 12px;
    }

:root{--sb-w:280px;--sb-w-mini:72px;--sb-bg:#02294a;--sb-bg-2:#02294a;--sb-txt:#e5e7eb;--sb-muted:#9ca3af;--sb-accent:#2a3658}
    body{background:#f3f4f6}
.app{min-height:100vh; display:grid; grid-template-columns:var(--sb-w) 1fr}
.sidebar{background:var(--sb-bg); color:var(--sb-txt); position:sticky; top:0; height:100vh}
.brand{height:64px; display:flex; align-items:center; gap:.6rem; padding:0 1rem}
.logo{width:36px; height:36px; border-radius:10px; background:#6d5ef7; display:grid; place-items:center; font-weight:700}

.nav-section{padding:.25rem .5rem}
.mvd-menu.root, #mvd-menu-root{list-style:none; margin:0; padding:0}
.mvd-menu.root > li{margin:0}

.nav-link{display:flex; align-items:center; gap:.75rem; padding:.6rem .75rem; border-radius:10px; color:inherit; text-decoration:none}
.nav-link:hover{background:rgba(255,255,255,.06)}
.nav-link.active{background:var(--sb-accent)}
.nav-link .bi{font-size:1.1rem; width:1.25rem; text-align:center}
.nav-text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.chev{transition:transform .2s ease}
.nav-link[aria-expanded="true"] .chev{transform:rotate(180deg)}

.lvl-1 > .nav-link{padding-left:.75rem}
.lvl-2 > .nav-link{padding-left:2.4rem}
.lvl-3 > .nav-link{padding-left:3.6rem; font-size:.95rem}

.submenu{list-style:none; margin:0; padding:0 .25rem}
.submenu > li{margin:0}

.footer-card{margin:.5rem 1rem .5rem; padding-top:.5rem}
.user-card{display:flex; align-items:center; gap:.6rem; padding:.6rem .6rem; background:var(--sb-bg-2); border:1px solid #1a2340; border-radius:14px}
.user-card img{width:36px; height:36px; border-radius:50%}

.side-toolbar{margin:.25rem 1rem 1rem; border-top:1px dashed rgba(255,255,255,.08); padding-top:.75rem; display:flex; gap:.5rem}
.side-toolbar .btn{border:1px solid rgba(255,255,255,.1); color:var(--sb-txt)}

.sidebar-collapsed .sidebar{width:var(--sb-w-mini)}
.sidebar-collapsed .app{grid-template-columns:var(--sb-w-mini) 1fr}
.sidebar-collapsed .brand .title,
.sidebar-collapsed .nav-text,
.sidebar-collapsed .chev,
.sidebar-collapsed .footer-card .nav-text,.sidebar-collapsed .submenu-icon{display:none!important}
.sidebar-collapsed .user-card{justify-content:center}
.sidebar-collapsed .nav-link{justify-content:center; padding:.65rem 0}
.sidebar-collapsed .collapse{display:none!important}
.sidebar-collapsed .side-toolbar{justify-content:center}

.appbar{height:64px; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:0 1rem; box-shadow:0 1px 0 rgba(0,0,0,.06)}
.btn-ghost{border:0; background:transparent}

.theme-light body{background:#f8fafc}
.theme-light .sidebar{background:#ffffff; color:#111827; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.theme-light .nav-link:hover{background:#f3f4f6}
.theme-light .nav-link.active{background:#e5e7eb}
.theme-light .user-card{background:#fff; border:1px solid #e5e7eb}
.theme-light .side-toolbar .btn{border:1px solid #e5e7eb; color:#111827}
.custom-header  {
	position: relative;
	z-index: 11;
}
@media not print {
	@media (max-width:992px){
	  .app{display:block;}
	  .sidebar{position:fixed; z-index:1045; left:0; top:0; width:var(--sb-w); transition:transform .25s}
	  .sidebar-collapsed .sidebar{transform: translate(-400%,0)}

	   body.not-logged-in:before{
	  	display: none;
	  }
	  body.sidebar-collapsed:before {
		display: none;
	  }
	  .backdrop.show{display:block}
	  .appbar{position:sticky; top:0; z-index:1050}
	}
}

#mvd_invoices_table th {
	padding: 5px 10px;
	background: #052c4c; color: #fff; font-size: 12px;text-transform: uppercase; font-weight: 600;
}
#mvd_invoices_table .dropdown-menu {
	z-index: -1;
}
#mvd_invoices_table .dropdown-menu.show {
	z-index: 10;
}
#mvd_invoices_table_wrapper .dt-layout-row:first-child {
	background-color: #052c4c;
	color: #fff;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 25px
}
#mvd_invoices_table_wrapper .dt-layout-row:first-child label {
	color: #fff;
	margin: 0;
}


/*REPORTS*/
#reports__table thead th {
    background: #052c4c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 10px 8px;
    border-bottom: 1px solid #041f36;
    white-space: nowrap;
}
#reports__table tbody tr {
    border-bottom: 1px solid #e1e7f0;
}
#reports__table tbody td {
    font-size: 14px ;
    padding: 4px 10px;
    vertical-align: middle;
}
#reports__table tbody tr:nth-child(even) {
    background: #f8fafc;
}
.accordion-button::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important
}
.sales-history__timeline{
    max-height: calc(50vh);
    overflow-y: scroll;
    overflow-x: hidden;
}
.mvd-timeline__list {
	list-style: none;
	padding: 0;
}
.mvd-timeline__item {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
}
.mvd-timeline__item:before{
	content:"";
	width: 1px;
	height: 100%;
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,.3);
	left: 0;
	top: 0;
	transform: translate(-50%,0%);
}
.mvd-timeline__item:first-child::after{
	background-color: #fff;

}
.mvd-timeline__item:after{
	content:"";
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	background-color: #02294a;
	border: 1px solid rgba(0,0,0,.3);
	left: 0;
	top: 0;
	border-radius: 50%;
	transform: translate(-50%,-50%);
}
.mvd-timeline__arrow {
	font-size: 10px;
}
.mvd-timeline__date {
	font-size: 13px;
	letter-spacing: .5px;
	line-height: 1.2;
}  
.mvd-timeline__clerk {
	font-size: 12px;
	display: block;
}
.btn-check:checked + .btn {
  background-color: #052c4c;
  color: #fff;
  border-color: #052c4c;
}

/* Optional: hover */
.btn-group .btn:hover {
  filter: brightness(0.98);
}

/* Optional: keyboard focus ring */
.btn-check:focus + .btn,
.btn-check:focus-visible + .btn {
  box-shadow: 0 0 0 .2rem rgba(5, 44, 76, .25);
}

/* Optional: make the active one look “pressed” */
.btn-check:checked + .btn {
  transform: translateY(1px);
}
.mvd_z_outs__container {
	display:grid;
	grid-template-columns: 1fr 1fr 100px;
	gap: 25px;
}
.mvd_z_outs__container .js-zout-preview:hover {
	cursor: pointer;
	background-color: #e9ecef ;
}
.dataTable thead{
	background-color: #fff;
}

.dt-note{
  max-width: 280px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.extraField-value {
	text-transform: uppercase;
}
#sales-history__edit_client {
	cursor: pointer;
}
.get__receipt {
	cursor: pointer;
}
.card-scroll {
	    overflow: hidden;
    overflow-y: scroll;
}
#mvd_z_outs__dashboard{
	overflow: hidden;
    overflow-y: scroll;
    max-height: calc(100vh - 177px);
}
#zout_preview {
	overflow: hidden;
	overflow-y: scroll;
	max-height: calc(100vh - 225px);
}
.sales-history__items_editor {
	display: grid;
	grid-template-columns: .5fr 1fr;
}
#sales-history__edit_items .card-full {
	height: calc(100vh - 200px);
}
.invoice__builder__footer-text,.select2-selection__rendered,.select2-results__option ,.select2-search__field,.cart-item__extra-fields {
    text-transform: uppercase !important;
}