.table-number {
    font-size: 80px;
    display: inline-block;
    width: 150px;
    height: 150px;
    position: relative;
    margin-top: -90px;
}
.table-number .number {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #aaa;
    box-shadow: 0 0 30px 0 rgba(82, 63, 105, 0.05);
    background-color: #e3defe;
    border-color: #e3defe;
    color: #634fd2;
}

.search-cart .input-group {
    border: 1px solid #aaa;
    border-radius: 10px;
}
.bg-transparent {
    background-color: transparent !important;
}
.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart .table > tbody > tr:not(.resume) > td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.cart .table.product-overview {
    margin: 0;
}

.hidden {
    display: none !important;
}
a.text-hover-gray:hover {
    color: gray !important;
}
.form-control .btn-default {
    background-color: #fff !important;
}
.form-control-lg {
    font-size: 15.4px !important;
}
.border-1 {
    border: 1px solid gray !important;
}
.btn-search,
.btn-search input {
    background-color: transparent !important;
    border: none !important;
    border-radius: 50px;
    margin: 0;
}
.btn-search {
    align-items: center;
    background-color: #cccccc33 !important;
    gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .layout-top-nav.fixed .content-wrapper.hide-navbar {
        padding-top: 60px;
    }
}
.border-cool-gray-200 {
    border-radius: 10px !important;
    box-shadow: none !important;
    border-color: #86a4c3 !important;
    height: auto !important;
    padding: 0.375rem 0.75rem;
}
.w-full {
    width: 100% !important;
}

/* border-2 */
.border-2 {
    border-width: 2px;
}

/* border-gray-300 */
.border-gray-300 {
    border-color: rgb(209 213 219); /*  #d1d5db */
}

/* rounded */
.rounded {
    border-radius: 0.25rem; /* 4px */
}

/* bg-white */
.bg-white {
    background-color: rgb(255 255 255); /* #ffffff */
}

/* text-gray-700 */
.text-gray-700 {
    color: rgb(55 65 81); /* #374151 */
}

/* transition-transform */
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.1s;
}

/* ease-in-out */
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* duration-100 */
.duration-100 {
    transition-duration: 0.1s;
}

/* transform */
.transform {
    /*  This class is typically used to enable transform utilities and doesn't define a transform on its own. */
}

/* hover:scale-105 */
.hover\:scale-105:hover {
    transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0)
        scaleX(1.05) scaleY(1.05);
}

/* hover:text-black */
.hover\:text-black:hover {
    color: rgb(0 0 0); /* #000000 */
}

/* focus:outline-none */
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

/* focus:border-blue-400 */
.focus\:border-blue-400:focus {
    border-color: rgb(96 165 250); /* #60a5fa */
}
.cursor-pointer {
    cursor: pointer !important;
}

.auto-complete-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.auto-complete-container--default.auto-complete-container--focus {
    outline: 0;
}
.auto-complete-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.theme-primary .auto-complete-container--default.auto-complete-container--open {
    border-color: #4c95dd;
}
.auto-complete-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.auto-complete-container--default .auto-complete-selection--single {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 6px 12px;
    height: 34px;
}
.auto-complete-container--default .auto-complete-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.auto-complete-container .auto-complete-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.auto-complete-container
    .auto-complete-selection--single
    .auto-complete-selection__rendered {
    padding-left: 0;
    height: auto;
    margin-top: -4px;
    padding-right: 10px;
}
.auto-complete-container--default
    .auto-complete-selection--single
    .auto-complete-selection__rendered {
    color: #444;
    line-height: 28px;
}
.auto-complete-container
    .auto-complete-selection--single
    .auto-complete-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auto-complete-container--default
    .auto-complete-selection--single
    .auto-complete-selection__arrow {
    height: 28px;
    right: 3px;
}
.auto-complete-container--default
    .auto-complete-selection--single
    .auto-complete-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.auto-complete-container--default
    .auto-complete-selection--single
    .auto-complete-selection__arrow
    b {
    margin-top: 0;
}
.auto-complete-container--default
    .auto-complete-selection--single
    .auto-complete-selection__arrow
    b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.top-2 {
    top: 5px !important;
}
.right-2 {
    right: 5px !important;
}
.line-width-base {
    width: 140px;
}
.filter-order-pane {
    height: 80vh;
    overflow-y: auto;
}
.order-cart-pane {
    max-height: 75vh;
    height: auto;
    overflow-y: auto;
    padding: 0;
}
.actions-dropdown-btn{
    font-size: 0.925rem !important;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.35 !important;
    font-family: "IBM Plex Sans", sans-serif !important;

}

.custom-textarea {
    min-width: 100% !important;
    height: 300px;
}
.text-sm{
    font-size: 12px;
}
.z-99{
    z-index: 9999;
}