.pos {
    background: $gray-900;
    --btn-height-size: 54px;
    direction: ltr;
    padding: 0;
    margin: 0;
    background-color: #f0eeee;
    color: $gray-700;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    text-shadow: none;
}
/*  ********* Generic element styling  ********* */

.dvh-100 {
  // we specify the 100vh as a fallback in case the browser does not
  // know dvh
  height: 100vh !important;
  height: 100dvh !important;
}

.pos a {
    text-decoration: none;
    color: $gray-700;
}
.pos ul, .pos ol {
    padding: 0;
    margin: 0;
}

.pos li {
    list-style-type: none;
}

.modal-footer {
    justify-content: start;
}

/* --- Generic Restyling and Resets --- */

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: sans-serif;
}

table {
    border-spacing: 0px;
    border-collapse: collapse;
}
td {
    padding: 0px;
}

.oe_invisible{
    visibility: hidden !important;
}
.clearfix:after {
    content:" ";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
    clear: both;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.h-12{
    height: 12%;
}