.pos-form-actions {
    height: auto !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
    position: fixed !important;
    bottom: 0px !important;
    /* background-color: #D1D5DC !important */
    width: 100% !important;
    z-index: 1000 !important;
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(12 183 179 / var(--tw-bg-opacity));
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 45 32 / var(--tw-bg-opacity));
}
.tw-rounded-md {
    border-radius: .375rem;
}
.tw-w-85 {
    width: 8.5rem;
}
/*
.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 246 / var(--tw-bg-opacity));
}*/

.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 246 / var(--tw-bg-opacity));
}

.tw-shadow_p {
    box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);
}

.tw-p-3 {
    padding: .75rem;
}
.padding_15 {
    padding: 15px;
}

.tw-rounded-xl {
    border-radius: .75rem !important;
}

.tw-py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem;
}
.tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.tw-bg-\[\#646EE4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(100 110 228 / var(--tw-bg-opacity));
}
.tw-rounded-md {
    border-radius: .375rem;
}
.tw-hidden {
    display: none;
}

@media (min-width: 768px) {
    .md\:tw-flex-row {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .md\:tw-w-2\/3 {
        width: 66.666667%;
    }
}
@media (min-width: 768px) {
    .md\:tw-flex {
        display: flex;
    }
}
.\!tw-p-0 {
    padding: 0 !important;
}
.tw-gap-4 {
    gap: 1rem;
}
.tw-justify-between {
    justify-content: space-between;
}
.tw-items-center {
    align-items: center;
}
.tw-flex-col {
    flex-direction: column;
}
.tw-w-full {
    width: 100%;
}

.tw-flex {
    display: flex;
}
.tw-rounded-tr-xl {
    border-top-right-radius: .75rem;
}

.tw-rounded-tl-xl {
    border-top-left-radius: .75rem;
}
.pull-right {
    float: right !important;
}

@media (min-width: 768px) {
    .md\:tw-w-8 {
        width: 2rem;
    }
}
.tw-shadow-\[rgba\(17\,_17\,_26\,_0\.1\)_0px_0px_16px\] {
    --tw-shadow: rgba(17,17,26,.1) 0px 0px 16px;
    --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);
}
.tw-shadow, .tw-shadow-\[rgba\(17\,_17\,_26\,_0\.1\)_0px_0px_16px\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 101 / var(--tw-text-opacity));
}

.tw-border-2 {
    border-width: 2px;
}
.tw-rounded-md {
    border-radius: .375rem;
}
.tw-justify-center {
    justify-content: center;
}
.tw-items-center {
    align-items: center;
}
.tw-cursor-pointer {
    cursor: pointer;
}
.tw-w-auto {
    width: auto;
}
.tw-h-8 {
    height: 2rem;
}
.tw-flex {
    display: flex;
}
.border-color-gray {
    border-color: #ddd;
}

.buttoms-v2-danger{
    background: white;
    border-radius: .375rem !important;
    color: #f5365c;
    border-color: #ddd;
    border-width: 2px !important;
}
.buttoms-v2-succes{
    background: white;
    border-radius: .375rem !important;
    color: #2dce89;
    border-color: #ddd;
    border-width: 2px !important;
}
.buttoms-v2-primary{
    background: white;
    border-radius: .375rem !important;
    color: #1572e8;
    border-color: #ddd;
    border-width: 2px !important;
}
.buttoms-v2-warning{
    background: white;
    border-radius: .375rem !important;
    color: #ffad46;
    border-color: #ddd;
    border-width: 2px !important;
}
.buttoms-v2-purple{
    background: white;
    border-radius: .375rem !important;
    color: #605ca8;
    border-color: #ddd;
    border-width: 2px !important;
}

.product_box {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    /* border: 1px solid darkgray; */
    font-weight: 600;
    background-color: #d5ebf5;
    border-radius: 12px;
    padding: 8px;
}

.buttoms-v2-warning-lite{
    background: white;
    border-radius: .375rem !important;
    color: #ffad46;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}
.buttoms-v2-danger-lite{
    background: white;
    border-radius: .375rem !important;
    color: #f5365c;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}
.buttoms-v2-purple-lite{
    background: white;
    border-radius: .375rem !important;
    color: #605ca8;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}

.buttoms-v2-navy-solid {
    background: #001f3f;
    border-radius: .800rem !important;
    color:  white;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}

.buttoms-v2-navy-solid:hover {
    background: #646ee4;
    color:  white !important;
}

.buttoms-v2-succes-solid:hover {
    background: #646ee4;
    color:  white !important;
}
.buttoms-v2-danger-solid:hover{
    color:  white !important;
}
.buttoms-v2-purple-solid:hover{
    color:  white !important;
}


.buttoms-v2-warning-lite:hover{
    color:  #646ee4 !important;
}
.buttoms-v2-danger-lite:hover{
    color:  #646ee4 !important;
}
.buttoms-v2-purple-lite:hover{
    color:  #646ee4 !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.buttoms-v2-succes-solid{
    background: #2dce89;
    border-radius: .375rem !important;
    color: white ;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}
.buttoms-v2-danger-solid{
    background:  #f5365c;
    border-radius: .375rem !important;
    color: white;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}
.buttoms-v2-purple-solid{
    background:  #605ca8;
    border-radius: .375rem !important;
    color: white;
    /*border-color: #ddd;*/
    border-width: 2px !important;
}

@media (max-width: 1000px) {
    .dinamic_show {  display: none; }
    .dinamic_hide {  display: block; }
}
  
@media (min-width: 768px) {
    .dinamic_show {  display: block;}
    .dinamic_hide {  display: none; }
}

@media (min-width: 768px) {
    .dinamic_hide_fixed {  position: fixed !important; }
}

@media (max-width: 1000px) {
    .dinamic_hide_fixed {  position: unset  !important; }
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.bg-light-secondary {
    background-color: #dccff7 !important;
    border-color: #dccff7;
    color: #5c1ac3;
}

.bg-light-success {
    background-color: #e6ffbf !important;
    border-color: #e6ffbf;
    color: #8dbf42;
}
.bg-light-danger {
    background-color: #ffe1e2 !important;
    border-color: #ffe1e2;
    color: #e7515a;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #d5ebf5;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.product_row{
 background-color: #d5ebf5 !important;
}