#identification-select .card
{
    cursor: pointer;
    transition:.2s ease-out;
}

#identification-select .card:hover 
{
    box-shadow: -1px 4px 16px #7b809a57;
    transform: scale(1.2);
    z-index: 9;
}

div#padNumbers {
    /* width: 232px;
    height: 232px; */
    overflow: hidden;
    letter-spacing: -0.25em;
    outline: none;
    display:flex; 
    align-items:center; 
    justify-content:center; 
    flex-wrap:wrap
}
div#padNumbers > button {
    outline: none;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: rgba(0,0,0,0.4);
    margin: 1px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-indent: 0;
}


.select2 {
    width:100% !important;
}

.select2 .selection .select2-selection {
    height:40px;
    padding:6px 0px;
}

select2-selection select2-selection--multiple {
    padding: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow 
{
    height:40px;
}

.img-mini-thumbnail {
    max-width:50px;
}

.fc-daygrid-event {
    color:#fff;
}

/*  */
/*  */
/*  */
/*  */

.tables-zone .table {
    background-color: var(--bs-gray-100);
    height:40px !important;
    width:40px !important;
    margin:5px;
    flex-grow: 1; 
    flex-basis: 0;
    padding:0;
}
.table-status {
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px;
}

.table-status .fa {
    font-size:18px
}

#grid-table .card-header .left-side .d-flex > * {
    flex-grow: 1; 
    flex-basis: 0;
}

.loading-spinner {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:99;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    backdrop-filter: saturate(100%) blur(4px);
    background-color: hsla(0, 0%, 100%, .3) !important;
}

.card-content {
    position:relative;
}

.row-tables .table-libre {
    cursor:move;
    display:flex;
    justify-content: center;
    align-items:center;
    height:100%;
    border-radius:5px;
}

.row-tables .table-Container--inactive > * {
    margin:5px 0px;
}

.zone-select {
    cursor:pointer;
}

form .input-group.input-group-static .is-invalid
{
    border: none;
    background-image: url(/assets/img/icons/forms/error.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

form .input-group.input-group-static .form-control.is-invalid {
    border-left:inherit;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -7px !important;
    margin-top: 3px !important;
}
.bg-gradient-primary.card {
    color:white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    top: 5px !important;
    width:22px !important;
    background-repeat: no-repeat;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left:10px !important;
    margin-left:12px;
}
img.img.products-category-listing--img {
    width: 100%;
    padding: 2px;
    object-fit: cover;
    height: 100%;
    border-radius: 8px;
}
.input-group-outline .required-text {
    align-items:center;
}
.input-group-outline.is-focused .required-text {
    align-items:flex-start;
}

span#clock {
    margin: 0px 10px;
}

.nav-item ul.nav {
    padding-left:15px
}


.dark-version .navbar-main {
    background:#202940;
}
.dark-version .blur {
    background-color: hsl(223 33% 19% / .7) !important;
}
.dark-version .shadow-blur {
    box-shadow: inset 0 0 1px 1px rgb(32 42 64 / 90%), 0 20px 27px 0 rgb(0 0 0 / 5%) !important;
}

.dark-version .nav-link,
.dark-version .text-dark {
    color:white !important;
}

.dark-version input {
    color:white;
    opacity:.5;
}

.dark-version .select2-dropdown {
    background:#202940;
}

.dark-version #iconNavbarSidenav .sidenav-toggler-line  {
    background:#fff !important;;
}

.dark-version .select2-selection--single {
    background:#1a2034 !important;
    color:white !important;
}
.dark-version .select2-selection--single > span {
    color:white !important;
}


.dark-version .select2-container .select2-selection--single .select2-selection__arrow
{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg stroke='white' fill='white' width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    order: 12;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.dark-version .form-check-input {
    border-color: #fff !important;;
    background-color: #ec407a !important;
}

.dark-version .tables-zone .table {
    background-color: #1a2034;
}

.dark-version .modal-header,
.dark-version .modal-footer {
    background: #1a2035;
}

.dark-version .modal-body { 
    background: #202940; 
}

.dark-version .input-group.is-focused input {
    color: #fff;
}

.dark-version #image--delete {
    color:var(--bs-danger);
    border-color: var(--bs-danger);
}

.dark-version .dropzone {
    background: #1f283d;
}
.dark-version .dropzone .dz-message .dz-button {
    color:#fff;
}



/* ********************************************* */
/* *************  AUTOCOMPLETE  **************** */
/* ********************************************* */

.autoComplete_wrapper>input {
    /* padding: inherit !important;
    border: inherit !important; */
    width: inherit !important; 
    border-radius:10px !important;
    padding: 0 0 0 3.2rem !important;
}

.autoComplete_wrapper>input {
    color: inherit !important;
    border-color: inherit !important;

}


/* ********************************************* */
/* *************  Caisse - Order  **************** */
/* ********************************************* */


.container_products_list {
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    max-height: 65vh;
}

.container_products_list .product_card {
    margin: 5px 5px;
    min-height: 100px;
    min-width: 100px;
    position:relative;
    border-radius: 5px;
}

.container_products_list .product_card .product_card_header,
.container_products_list .product_card .product_card_footer {
    position:absolute;
    background:#1c1c1c5e;
    color:white;
    width:100%;
    padding:0px 5px;
    margin:0 !important;
    border-radius: 5px;
}

.container_products_list .product_card .product_card_header {
    top:0;
    left:0;
    
}
.container_products_list .product_card .product_card_footer {
    bottom:0;
    left:0;
}


/* ********************************************** */
/* *************  Caisse - Cart  **************** */
/* ********************************************** */

.cart--product {
    padding: 3px 10px;
    background:#eff2f5;
    display:flex;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.cart--product.in-kitchen {
    background:var(--bs-success) !important;
    color:white;
}
.cart--product.active {
    background:var(--bs-info) !important;
    color:white;
}

.dark-version .cart--product {
    background:#1a2034;
} 

.cart--product .productCategory {
    font-weight:bold;
    font-style: italic;
}

.cart--product .productNote {
    font-weight:lighter;
    font-style: italic;
    font-size:14px;
}

.cart--product .productModifierGroupName {
    font-weight:bold;
    font-size:.8em;
}

.cart--product .productModifier {
    font-size: .7em;
}

.cart--product .productName {
    text-decoration: underline;
}

.card .cart-content {
    max-height: 70vh;
    overflow:auto;
}

.block--category {
    color:white;
    cursor:pointer;
}

.block--category .btn-category {
    padding: 10px 10px;
    background-color:#00000036;
    transition: .5s ease;
}

.block--category .btn-category.active {
    box-shadow: 0px 0px 10px 0px #ec407a;
}

.block--categories {
    max-height: 70vh !important;
    overflow:auto;
}

.notification.toast {
    margin: 5px 0px;
}

/** ************************************************* */
/** *************  Caisse - Listing  **************** */
/** ************************************************* */


.listing__orders .o--started {
    color:var(--order-new);
}

.listing__orders .o--canceled {
    color: var(--bs-danger);
}

.listing__orders .o--kitchen {
    color:  var(--bs-warning);
}

.listing__orders .o--paid { 
    color: var(--order-paid);
}

.btn--filter.active {
    background:#fff !important; 
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
}



/** *************************************************** */
/** *************  Footer - Actionbar  **************** */
/** *************************************************** */
.footer.fixed-bottom {
    z-index:2;
}


.blur_modal {
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(10px);
    background-color: #00000000 !important;
}

.custom-scrollbar {
    overflow:auto;
}