.page-pos-wrapper {
    min-height: 100vh;
    background: #f9fafb;
    margin-left: 40px !important;
    display: flex;
    flex-direction: column;
    -webkit-transition: margin 0.1s ease, width 0.1s ease;
    transition: margin 0.1s ease, width 0.1s ease;
}

.pos-navbar {
    width: 100% !important;
    right: 0 !important;
    left: 0 !important;
}

.pos-sidebar-brand{
    margin-bottom: 8px !important;
}

.pos-text-width{
    width: 100% !important;
}

.pos-nav-item{
    min-width: 65px !important;
}

.pos-w-100{
    min-width: 90px !important;
}

.perfect-scrollbar-pos-products {
	position: relative;
	max-height: 648px;	
}

.perfect-scrollbar-pos-add-product {
	position: relative;
	max-height: 200px;	
}

.custom-w-36 {
    width: 36% !important;
}

.custom-w-38 {
    width: 38% !important;
}

.custom-w-40 {
    width: 40% !important;
}

.custom-w-48 {
    width: 48% !important;
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-sm {
    width: 2rem;
    height: 2rem;
}

.tx-16 {
    font-size: 16px;
}

.tx-18 {
    font-size: 18px;
}

.tx-20 {
    font-size: 20px;
}

.tx-green {
    color: green;
}

.i-green {
    color: green;
}

.tx-bold {
    font-weight: bold;
}

.page-content-hidden {
    margin-top: 0 !important;
}

.page-content-show {
    margin-top: 60px !important;
}

.navbar-hidden-start {
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    transition: top 0.3s;
    background-color: #fff; /* Ajusta el color de fondo según tus necesidades */
    z-index: 1000; /* Ajusta el valor según sea necesario para que esté por encima de otros elementos */
}

.navbar-hidden {
    top: -50px;
}

.navbar-show {
    top: 0;
}