/* login page  //////////////////////////////////////////////////////////////////////*/

 * {
   box-sizing: border-box;
   font-family: Arial, Helvetica, sans-serif;
 }

 #heading1 {
   text-align: center;
   padding: 30px;
 }

 #reg_msg-modal img {

   margin-left: auto;
   margin-right: auto;
   width: 50%;

 }

 .myForm {
   max-width: 500px;
   margin: auto;
   margin-top: 10px;
 }

 .input-container {

   display: flex;
   width: 100%;
   margin-bottom: 15px;

 }

 .icon {
   padding: 10px;
   background: darkorange;
   color: white;
   min-width: 50px;
   text-align: center;
 }

 .input-field {
   width: 100%;
   padding: 10px;
   outline: none;
   border: none;
   border-bottom: 3px solid darkcyan;
 }

 .input-field:focus {
   border: 2px solid darkcyan;
 }

 .bttn {
   background-color: darkorange;
   color: white;
   padding: 15px 20px;
   border: none;
   cursor: pointer;
   width: 100%;
   opacity: 0.9;
 }

 .bttn:hover {
   opacity: 1;
   background-color: darkcyan;
 }

 a:hover {
   color: blueviolet;
 }

 .icon:hover {
   background-color: darkcyan;
 }


 /* Start change confirmation email popup message */

 .reg_confirmation_modal .modal-dialog .modal-content {
   position: relative !important;
   padding: 0 !important;

 }

 .reg_confirmation_modal .modal-dialog {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: calc(100vh - 3.5rem);
   margin-bottom: 0;
   /* Adjust as needed */
 }

 .reg_confirmation_modal .modal-body {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
   margin: 25px;
 }

 .reg_confirmation_modal .btn {
   padding: 10px 60px;
   background: #4baf4f;
   border: 0;
   outline: none;
   cursor: pointer;
   font-size: 20px;
   font-weight: 500;
   border-radius: 30px;
   color: #fff;
   box-shadow: 1px 10px 27px -9px rgba(0, 0, 0, 0.53);
   -webkit-box-shadow: 1px 10px 27px -9px rgba(0, 0, 0, 0.53);
   -moz-box-shadow: 1px 10px 27px -9px rgba(0, 0, 0, 0.53);
 }

 .reg_confirmation_modal .btn:hover {
   background-color: #1a6d1a !important;
 }

 .reg_confirmation_modal .btn-link {
   font-weight: 700 !important;
   color: #000 !important;
   cursor: pointer !important;
 }

 .reg_confirmation_modal .logos img {
   width: 200px;
   overflow: hidden;
   cursor: pointer;
   padding-bottom: 15px;
 }

 .reg_confirmation_modal .modal-footer {
   display: flex !important;
   justify-content: center !important;
 }

 .reg_confirmation_modal .logos-all img {
   width: 135px;
   overflow: hidden;
   margin-bottom: 20px !important;
   cursor: pointer;
 }

 .reg_confirmation_modal .full-width-btn {
   width: 40%;
   /* Set button width to 100% */
   max-width: 100%;
   background: #4baf4f !important;
   /* Ensure maximum width */
   border: none !important;
 }

 .reg_confirmation_modal .modal-footer {
   border: none !important;
 }

 .reg_confirmation_modal .full-width-btn-sec {
   width: 60%;
   background: #4baf4f !important;
   border: none !important;
 }

 .reg_confirmation_modal .popup h3 {
   padding-bottom: 18px;
 }

 .reg_confirmation_modal .help-btn:hover {
   color: #0bcd12;
 }

 .reg_confirmation_modal .text-heading {
   margin-left: 112px;
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   padding-bottom: 10px;
 }

 .reg_confirmation_modal .modal-header {
   background-color: #0f0f2e;
   padding: 0px !important;
   padding-top: 15px !important;
   padding-bottom: 5px !important;
 }

 .reg_confirmation_modal .close {
   display: none !important;
 }

 .reg_confirmation_modal .email-conf {
   font-size: 22px;
   font-weight: 600;
 }

 .reg_confirmation_modal .text-msg {
   font-size: 15px;
 }

 .reg_confirmation_modal .text-msg-al {
   font-size: 13px;
 }

 /* End change confirmation email popup message */



 /* login and home pages  //////////////////////////////////////////////////////////////////////*/

 #overlay,
 #install_per {
   position: fixed;
   top: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   display: none;
   background: rgba(0, 0, 0, 0.6);
 }

 .cv-spinner {
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 /* .spinner {
         width: 40px;
         height: 40px;
         border: 4px #ddd solid;
         border-top: 4px #2e93e6 solid !important;
         border-radius: 50%;
         animation: sp-anime 0.8s infinite linear;
     } */
 @keyframes sp-anime {
   100% {
     transform: rotate(360deg);
   }
 }

 .is-hide {
   display: none !important;
 }

 #categories-all {
   height: 89vh;
   width: 100% !important;
   /* height: 600px; */
 }

 #style-2 {
   /* height: 500px; full height issue - */
   height: calc(89vh - 85px);
   /* full height issue + */
   overflow-y: scroll !important;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }


 #style-2::-webkit-scrollbar-track,
 #style-2::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-2::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-2::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-3 {
   margin: 0px -20px;
 }



 #style-5::-webkit-scrollbar-track,
 #style-5::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-5::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-5::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-6::-webkit-scrollbar-track,
 #style-6::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-6::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-6::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-7::-webkit-scrollbar-track,
 #style-7::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-7::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-7::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-8 {
   /* height: 500px;  full height issue - */
   height: calc(93vh - 35px);
   /* full height issue + */
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }


 #style-8::-webkit-scrollbar-track,
 #style-2::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-8::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-8::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-9 {
   /* height: 500px; */
   /* height: calc(55vh - 100px);
    overflow-y: auto !important; */
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }


 #style-9::-webkit-scrollbar-track,
 #style-9::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
   height: calc(38vh - 100px);
 }

 #style-9::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-9::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-10 {
   height: 560px;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }


 #style-10::-webkit-scrollbar-track,
 #style-10::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-10::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-10::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #style-11 {
   height: calc(100vh - 100px);
   overflow-y: auto !important;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }


 #style-11::-webkit-scrollbar-track,
 #style-11::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-11::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-11::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }


 #charge_items::-webkit-scrollbar-track,
 #style-6::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #charge_items::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #charge_items::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 #multipayment_box::-webkit-scrollbar-track,
 #style-6::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #multipayment_box::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #multipayment_box::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 .tab-content {
   overflow-y: hidden !important;
   overflow-x: hidden !important;
 }

 /* .billing {
    height: 190px !important;
    overflow: auto !important;
  } */

 .cat_link,
 .product-name {
   word-break: break-word;
 }

 .overflow_cat {
   height: 600px;
   overflow: auto !important;
 }

 .customer_all {
   height: calc(400px - 100px) !important;
   overflow-y: auto !important;
   /* height: 290px !important; */
   /* overflow-y: auto !important; */
 }

 #customer_country,
 #customer_notes,
 .country-select {
   width: 100%;
 }

 .lead {
   margin: 30px auto;
   text-align: center;
   color: #fff;
 }

 .invoice_list {
   /* height: 600px; */
   overflow: auto !important;
 }

 /* .invoice_all,
  .invoicecreadit_all {
    height: 500px !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
  } */



 .separator {
   display: flex;
   align-items: center;
   text-align: center;
 }

 .separator::before,
 .separator::after {
   content: '';
   flex: 1;
   border-bottom: 1px solid #000;
 }

 .separator:not(:empty)::before {
   margin-right: .25em;
 }

 .separator:not(:empty)::after {
   margin-left: .25em;
 }

 .list_v div:nth-child(3) {
   margin-top: 0.66rem !important;
 }

 .list_v div:nth-child(3) {
   margin-right: 2.8rem !important;
 }

 .list_v svg {
   margin-right: 20px;
   margin-top: 48px;
 }

 .daterangepicker .calendar-table th,
 .daterangepicker .calendar-table td {
   min-width: 22px;
   width: 25px;
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 14px !important;
   height: 24px !important;
   padding: 5px !important;
 }

 .highlightTextarea {
   color: #fff;
 }

 .highlightTextarea,
 .highlightTextarea .container {
   height: 46px !important;
 }

 .highlightTextarea .container .highlighter {
   width: 374px !important;
   text-align: center;
 }

 #amount_due {
   width: 100%;
   text-align: center;
 }

 .remove_items {
   width: 100%;
 }

 .refunt_qty_change {
   width: 100%;
 }

 #discount-modal table,
 #redeem-points-modal table {
   margin: auto;
   width: 330px;
   max-width: 350px;
   height: 325px;
   text-align: center;
   border-radius: 4px;
   padding-right: 0px;
 }

 #discount-modal input {
   outline: 0;
   position: relative;
   left: 5px;
   top: 5px;
   border: 0;
   color: #495069;
   background-color: #fff;
   border-radius: 4px;
   width: 60px;
   height: 50px;
   float: left;
   margin: 5px;
   font-size: 20px;
   box-shadow: 0 4px rgba(0, 0, 0, 0.2);
 }


 #discount-modal #display,
 #redeem-points-modal #display {
   width: 280px;
   max-width: 300px;
   font-size: 26px;
   text-align: right;
   background-color: #ffffff;
   float: left;
 }

 #discount-modal #display:hover,
 #redeem-points-modal #display:hover {
   width: 280px;
   max-width: 300px;
   font-size: 26px;
   text-align: right;
   background-color: #ffffff;
   float: left;
 }

 #discount-modal #display:active,
 #redeem-points-modal #display:active {
   width: 295px;
   max-width: 300px;
   font-size: 26px;
   text-align: right;
   background-color: #ffffff;
   float: left;
 }

 #discount-modal .operator,
 #redeem-points-modal .operator {
   background-color: #cee9ea;
   position: relative;
 }

 #discount-modal #clear,
 #redeem-points-modal #clear {
   float: left;
   position: relative;
   display: block;
   font-size: 14px;
 }



 #discount-modal #clear:active,
 #redeem-points-modal #clear:active {
   float: left;
   top: 4px;
   display: block;
   margin-bottom: 15px;
   box-shadow: none;
 }

 #discount-modal .dis_type,
 #redeem-points-modal .dis_type {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: #1f36d5ee;
   background-color: currentColor;
   box-shadow: unset !important;
   left: 0px;
   top: 0px;
   margin: 2px 10px;
 }

 #discount-modal .modal-content,
 #redeem-points-modal .modal-content {
   width: 350px;
 }

 .btn_active {
   background-color: #DAE8F5 !important;
 }

 /* #load_charge{
    width:100%;
  }
  
  #load_charge button{
   width:100% !important;
  } */
 /* #btn_charge{
   width:430px;
  } */
 .back_to_pay {
   padding: 5px 10px;
 }

 #balance_amount {
   display: none;
 }

 #lbl_err {
   color: #cf4d4d;
   display: none;
 }

 #popup {
   height: 52px;
   width: 300px;
   position: absolute;
   z-index: 99;
   top: 15px;
   left: 140px;
   background: white;
   border-radius: 3px;
   display: none;
   color: #818181;
   padding: 6px 5px;

 }

 #calc {
   position: relative !important;
   top: -12px !important;
   left: 5px !important;
 }

 #dis_ty {
   margin-top: 3px !important;
   margin-bottom: -35px !important;
 }



 .clear_allitems {
   border: none !important;
   border-radius: 0 !important;
   box-shadow: none !important;
 }

 [name=calculator] .highlightTextarea {
   width: 300px;
 }

 [name=calculator] .highlightTextarea .container {
   padding: 12px 12px !important;
   top: 10px !important;
   left: 5px !important;
   width: 300px !important;
 }

 [name=calculator] .highlightTextarea .container .highlighter {
   width: 262px !important;
   height: 30px;
 }

 .discount_cal {
   margin-top: -15px;
 }

 #pg_home .jconfirm .jconfirm-holder {
   width: 100%;
   margin: auto;
   /* text-align: center; */
 }

 #email_lbl {
   font-weight: 500;
   font-size: 13px;
   width: 100% !important;
   height: 30px;
   display: inline-block !important;
 }

 .inv_print_data_div {
   padding-top: 0px !important;
 }

 #main_interface {
   /* //display:none; */
 }

 .single {
   z-index: 999999 !important;
 }

 .list_v .img-price {
   position: relative;
   z-index: 2;
   font-weight: 500;
   background: unset !important;
   width: 20%;
   height: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: center;
   justify-content: end !important;
 }

 .list_v .product-name {
   display: flex;
   width: 52%;
   justify-content: left;
   overflow: visible;
   text-align: justify !important;

 }

 #profile_details {
   padding: 0px 20px;
   display: none;
 }

 #user_logged_data {
   display: none;
 }

 #app_details {
   margin-top: 100px;
   color: #fff;
   display: none;
   font-size: 12px;
   position: relative;
   right: 20px;

 }

 .notifyjs-bootstrap-base {
   font-weight: initial !important;
   padding: 8px 15px 8px 14px;
   text-shadow: none !important;
   background-color: unset !important;
   border: none !important;
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
   white-space: nowrap;
   padding-left: 25px;
   background-repeat: no-repeat;
   background-position: 3px 7px;

 }

 .notifyjs-bootstrap-success {
   color: #ffffff !important;
   background-color: #080808 !important;
   border: none !important;
   background-image: none !important;

 }

 .notifyjs-arrow {
   display: none !important;
 }

 #receipt-box .notifyjs-container {
   left: -140px !important;
 }

 #login_error {
   text-align: center;
   margin: 5%;
 }

 #login_error>div {
   font-size: 20px;
   color: red;
 }

 #sales_ply_ing {
   text-align: center;
   margin: 5px;
 }

 #sales_ply_ing>img {

   display: inline-block;
   margin: -25px;
   width: 20%;
 }

 #frm_replace_signin {

   display: inline-block;
 }

 .wrap-circles {
   display: flex;
   min-height: 100vh;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   padding: 2rem 1rem;
   background: #f7f7f7;
 }

 .circle {
   position: relative;
   width: 150px;
   height: 150px;
   margin: 0.5rem;
   border-radius: 50%;
   background: #FFCDB2;
   overflow: hidden;
 }

 .circle.per-25 {
   background-image: conic-gradient(#6D6DCD 25%, #FFCDB2 0);
 }

 .circle.per-50 {
   background-image: conic-gradient(#6D6DCD 50%, #FFCDB2 0);
 }

 .circle.per-75 {
   background-image: conic-gradient(#6D6DCD 75%, #FFCDB2 0);
 }

 .circle.per-100 {
   background-image: conic-gradient(#6D6DCD 100%, #FFCDB2 0);
 }

 .circle .inner {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 115px;
   height: 115px;
   background: #f7f7f7;
   border-radius: 50%;
   font-size: 1.85em;
   font-weight: 300;
   color: rgba(8, 8, 8, 0.75);
 }


 #err_msg {
   text-align: center;
   color: #d54242;
 }

 .load_customer>svg.feather-activity {
   color: #4949ef;
 }

 .load_customer {
   padding: 10px 12px;
 }

 #show_discount>img {
   width: 20px;
 }

 .pre_loader_icon {
   position: relative;
   display: none;
 }

 .pre_loader_icon>img {
   width: 100%;
   margin: auto;
 }

 .pre_loader_icon h2 {
   font-size: 20px;
 }

 #discount_error,
 #cal_error,
 #tot_charge_error {
   width: 100%;
   text-align: center;
   display: inline-block;
   font-size: 12px;
   padding: 4px 0px;
   color: #e11818;
 }

 .jconfirm-closeIcon {
   display: none !important;
 }

 .empty_shop {
   display: none;
 }

 .error_price,
 .error_qty {
   color: #f30e0e;
   font-size: 13px;
   width: 100%;
   margin: 0.5% 35%;
 }

 .full_screen,
 .exit_screen {
   width: 2%;
   float: right;
   margin: -10px -30px;
 }

 #log_backoofice img {
   width: 23px;
   max-width: 30px;
 }

 html body {
   overflow-y: hidden !important;
   padding-left: 0px !important;
 }

 .line_discounttotal_msg {
   font-size: 12px;
 }

 .ck_btn {
   background-color: #e3dfdf !important;
   border-color: #d3d1d1 !important;
 }

 .cls_invoice .txt_clr,
 #inv_view_inv_id,
 .txt_clr {
   color: #4949ef;
 }

 #frm_signin,
 #frm_signin_shop {
   display: none;
 }

 .invoice_settings {
   width: 200px !important;
 }

 .taxCharge {
   width: 300px;
   padding: 2px;
   margin: 5px 10px 0px 0px;
 }

 .pr-view-tax-charge {
   display: none;
 }

 /* start interface issues 4 */
 #payment_types .dropdown {
   right: 0px !important;
   top: 8px !important;
   border-left: 1px solid;
   padding-left: 3px;
   position: absolute !important;
 }

 /* end interface issues 4 */

 #icon_cash {
   width: 42px;
   float: right;
   padding: 0px 2px;
   cursor: pointer;
 }

 .payment_delete {
   width: 27px;
   float: right;
   padding: 0px 5px;
   cursor: pointer;
 }

 .delete_icon {
   width: 27px;
   float: right;
   padding: 0px 5px;
   cursor: pointer;
 }

 #multipayment_box {

   display: none;
 }

 #multipayment_box table {
   width: 100%;
   margin: 6px 2px;

 }

 #multipayment_box table tr td:nth-child(2) {
   text-align: center;
 }

 #multipayment_box table tr td:nth-child(3) {
   text-align: center;
 }

 /* #multipayment_box span{
   text-decoration: underline;
  } */

 .line_discount,
 .invoice_discount {
   display: none;
 }

 .pay_types {
   /* padding-top: 0px;
   padding-bottom: 0px; */
 }

 .pay_types>span {
   border-right: 1px solid;
   /* padding: 1px 60px !important; */
 }

 .pay_types:nth-child(1) {
   /* padding:10px; */
 }

 .order_types select,
 button {
   padding: 5px 10px;
 }

 .order_types select {
   width: 100%;
   border: none;
 }

 .order_types select.drop_icon {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDI4bDEwLTEwIDEwIDEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');
   background-position: right 0.7rem center;
   background-repeat: no-repeat;
   background-size: 10%;
 }

 .order_types select.dropup_icon {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI3cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwIDciIHdpZHRoPSIxMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlLz48ZGVzYy8+PGRlZnMvPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGZpbGw9IiMwMDAwMDAiIGlkPSJDb3JlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDY5LjAwMDAwMCwgLTkuMDAwMDAwKSI+PGcgaWQ9ImFycm93LWRyb3AtZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDY5LjAwMDAwMCwgOS41MDAwMDApIj48cGF0aCBkPSJNMCwwIEw1LDUgTDEwLDAgTDAsMCBaIiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvZz48L3N2Zz4=');
   background-position: right 1.5rem center;
   background-repeat: no-repeat;
   background-size: 4%;
 }


 .jconfirm .jconfirm-box {
   font-family: Roboto !important;
 }

 .notify_msg {
   font-size: 18px;
   padding: 8px 10px;
   font-family: Roboto !important;
 }

 .wrap {
   /* position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); */
   display: block;
   position: fixed;
   top: 0;
   z-index: 100;
   width: 100%;
   height: 100%;

   background: rgba(0, 0, 0, 0.6);

 }

 .wrap .loading {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .wrap-2 {
   display: block;
   position: fixed;
   top: 0;
   z-index: 100;
   width: 100%;
   height: 100%;

   background: rgba(0, 0, 0, 0.6);

 }

 .wrap-2 .loading {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .bounce_txt {
   color: #fbae17;
   display: inline-block;
   margin-left: 5px;
 }

 .bounceball {
   position: relative;
   display: inline-block;
   height: 37px;
   width: 15px;


 }

 .bounceball:before {
   position: absolute;
   content: '';
   display: block;
   top: 0;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: #fbae17;
   transform-origin: 50%;
   animation: bounce 500ms alternate infinite ease;
 }

 @keyframes bounce {
   0% {
     top: 30px;
     height: 5px;
     border-radius: 60px 60px 20px 20px;
     transform: scaleX(2);
   }

   35% {
     height: 15px;
     border-radius: 50%;
     transform: scaleX(1);
   }

   100% {
     top: 0;
   }
 }

 .setting_list,
 .edt_printer,
 .dlt_printer,
 #system_language,
 #setting_printer,
 #setting_kot_display,
 #setting_connect_to_scale,
 .back_to_open_bill,
 #cls_view_bill,
 .print_hold_bil,
 .openbillview,
 .edit_openbill,
 .delete_openbill,
 .openbill_close,
 .multy_slct,
 #setting_payment_gateway,
 .btn_dismiss,
 .btn_try,
 #Capa_1 {
   cursor: pointer;
 }

 #item_cart_layout,
 #orientation,
 #printersetup,
 #Language_layout,
 #Screenlock_layout {
   display: none;
 }

 .layout_list,
 .cart_list {
   display: inline-flex;
 }

 .layout_list img {
   width: 85%;
 }

 .cart_list img {
   width: 100%;
 }

 .switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }

 .switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }

 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }

 .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }

 input:checked+.slider {
   background-color: #2196F3;
 }

 input:focus+.slider {
   box-shadow: 0 0 1px #2196F3;
 }

 input:checked+.slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }

 /* Rounded sliders */
 .slider.round {
   border-radius: 34px;
 }

 .slider.round:before {
   border-radius: 50%;
 }

 .simple_grid {
   min-height: unset;
 }

 .simple_grid_img_area {
   height: 3.3rem;
 }

 .dark-txt {
   color: #fff;
 }

 #pin-modal .pin-logo {
   margin: auto;
 }

 #email_error_send {
   color: #f11919;
   font-size: 13px;
 }

 .notifyjs-bootstrap-error {
   color: #fff !important;
   background: #000 !important;

 }

 .invoice_wrap {
   position: fixed;
   top: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   background: rgb(54 58 64 / 60%);
   display: none;
 }

 .invoice_wrap .loading {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

 }

 .invoice_wrap .lang_loading {
   color: rgb(255 212 0 / 87%);
   display: inline-block;
   margin-left: 5px;
   font-size: 20px;
 }

 .software_customiz {
   border-bottom-width: 1px;
   border-style: solid;
   border-color: #dfdfdf;
   padding-bottom: 10px;
 }

 .software_label {
   padding-top: 7px;
 }

 .custom-switcher .slider.round {
   height: 25px !important;
 }

 .switch {
   position: relative !important;
   display: inline-block !important;
   width: 51px !important;
   height: 34px !important;
 }

 .custom-switcher .slider.round:before {
   height: 18px !important;
   width: 18px !important;
 }

 #softeware_div img {
   width: 23px;
   max-width: 30px;

 }

 .printer_setup_box {
   font-size: 15px
 }

 .printer_setup_box button,
 .printer_setup_box select {
   width: 16rem;
   font-size: 15px
 }

 .lang_save {
   width: 10rem !important;
 }

 #system_language,
 #select_screenlock {
   border-radius: 4px;
   font-size: 15px;
   width: 20rem;
   display: flex;
   text-align: left;
   margin-top: 8px;
 }

 .printer_file {
   color: #1766f5;
   text-decoration: underline;
 }

 .printer_setup_box button#btn_refresh,
 .printer_setup_box select#print_paper_size {
   width: 6rem;
   font-size: 15px;
   text-align: left;
 }


 .printer_setup_box select#select_printer {

   text-align: left;
 }

 #btn_home_screen,
 #btn_cart_layout,
 #btn_lang_layout,
 #btn_lock_layout {
   position: fixed;
   bottom: -15px;
   left: 75%;
 }

 #btn_cart_layout {
   bottom: -70px;
 }

 #btn_lang_layout,
 #btn_lock_layout {
   bottom: -100px;
 }

 #add-item-modal #bill_item_name {
   word-break: break-all;
   padding-right: 10px;
   width: 500px !important;
 }

 #shift_end_modal .form-label,
 #drawer_transaction_modal .form-label {
   margin-bottom: 0rem;
 }

 #drawer_reason_select {
   width: 100%;
   border-radius: 4px;
   font-size: 15px;
   display: flex;
   text-align: left;
   margin-top: 8px;
 }

 #shift_end_modal .slider .round {
   height: 25px !important;
 }

 #shift_end_modal .round {
   height: 25px !important;
 }

 #shift_end_modal .slider.round:before {
   border-radius: 50%;
   height: 18px !important;
   width: 18px !important;
 }

 .disable_txt {
   color: #878484;
 }

 .sp_error {
   color: #ff3333 !important;
   padding-top: 6px !important;
   text-align: center;
   margin: 0% 16%;
   font-size: 12px;
 }

 .sp_error_shift {
   color: #ff3333 !important;
   padding-top: 6px !important;
   text-align: center;
   font-size: 12px;
 }

 @font-face {
   font-family: 'icomoon';
   src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMghi9pwAAAC8AAAAYGNtYXAgVsCNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZqNqZaUAAAF4AAAIFGhlYWQaRAp1AAAJjAAAADZoaGVhA+IB7AAACcQAAAAkaG10eBEAADQAAAnoAAAALGxvY2EGkAkoAAAKFAAAABhtYXhwABgA0AAACiwAAAAgbmFtZZlKCfsAAApMAAABhnBvc3QAAwAAAAAL1AAAACAAAwHgAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBgHg/+AAIAHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4Ab//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAIABwAAAHgAeAACwAXACMALwBIAGEAegCGAAATNDYzMhYVFAYjIiYXNDYzMhYVFAYjIiYXNDYzMhYVFAYjIiYHNDYzMhYVFAYjIiYHOAExNDYzMhYVOAExOAExFAYjIiY1OAExJzgBMTQ2MzIWFTgBMTgBMRQGIyImNTgBMQM4ATE0NjMyFhU4ATE4ATEUBiMiJjU4ATEHNDYzMhYVFAYjIibAJRsbJSUbGyWIJRsaJiYaGyVYEw0NExMNDRM4Ew0NExMNDROIEw0NExMNDROIEw0NExMNDRMQHBQUHBwUFBwsFQ8PFRUPDxUBoBslJRsbJSUdGiYmGhslJW0NExMNDRMTew0TEw0NExMrDRMTDQ0TEw04DRMTDQ0TEw0BEBQcHBQUHBwUiA8VFQ8PFRUAAgAQ//gCAAHYADoAcgAAJTQmJy4BJy4BJy4BByIGBw4BBw4BBw4BFxQWFx4BFx4BFx4BNzI2Nz4BNz4BNz4BNzoBMTI2NTwBNTEHDgEHDgEHDgEnIiYnLgEnLgEnLgE3NDY3PgE3PgE3PgEXMhYXHgEXHgEXHgEHMRwBFRQWFw4BBwIACwoKHRISKRcXMRgYMBYWKBEQGgkICQELCQkbEREnFRYtFxcsFRUlDxAYCAUGAgEBDRMzCRkPECUUFCoVFSoTEyMODhcHCAcBCQkIFw8OIhMSJxQUJhISHw4NFAcHBwERDAMIBeAZMRcXKRERGwkJCQELCgkcERIoFhcuGBguFRYmEBAZCAkIAQoJChoQECYUDRoNEw0BAQFVFCQPDhgHCAgBCggJGA8PIxQTKRQUKBMSIQ4OFgcHBwEJCAgWDg4hEhIlEwEBAQwSAQ4ZDAAAAAUAAP/gAgAB3gANABsAJAAsADsAADc0NjUnDgEVFBYXNy4BJRQGBxc+ATU0JicHFBYnHgEXNy4BJxUHPgE3NQ4BBwUOASMiJicHHgEzMjY3J2ABXAMCLCU5FBYBQBYUOSUsAgNcAYAiOBFdHGpCqxE4IkJqHAEqDyESEiEPORs+IiI+GzngBQkEHgwYDDdhI08VOB8fOBVPI2E3DBgMHgQJmAcpHh46TwhhTh4pB2EITzr/BwcHB04PEREPTgAAAAMAAP/gAgAB4AAbACcASgAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgcyFhUUBiMiJjU0NhMOASMiJicuATU0NjcXOAExBhQXHgEzMjY3NjQnNx4BFRQGAQA1Ly5GFBQUFEYuLzU1Ly5GFBQUFEYuLzU1S0s1NUtLzh9PKytPHx4hIR4iMTEYPSIiPRgxMSIeISEB4BQURi4vNTUvLkYUFBQURi4vNTUvLkYUFIBLNTVLSzU1S/7nHiEhHh9PKytPHyIxjDEYGRkYMYwxIh9PKytPAAIAAP/gAgAB4AAhAEMAAAEiBw4BBwYHNjc+ATc2MzIXHgEXFhUUFjMyNjU0Jy4BJyYDMjc+ATc2NwYHDgEHBiMiJy4BJyY1NCYjIgYVFBceARcWAQA0Li5GFBUBAREROCUmKismJjgREBwUFBwUFEYuLzU0Li5GFBUBAREROCUmKismJjgREBwUFBwUFEYuLwHgFBNELS40LSgoOxEREhE9KSkuFBwcFDUvLkYUFP4AFBNELS40LSgoOxEREhE9KSkuFBwcFDUvLkYUFAAAAAABAAD/4AIAAeAALQAAASM3LgEjIgYHDgEVFBYXHgEzMjY3PgE3Fw4BIyInLgEnJjU0Nz4BNzYzMhYXNwIAwEgbRyYmRxsbHR0bG0cmJkcbAgQCMSRjOjUvLkYUFBQURi4vNTVdI0sBIEgbHR0bG0cmJkcbGx0dGwMEAysoLxQURi4vNTUvLkYUFCgjSwAAAAAMAAj/7gHvAd4ADQAbAC0APwBQAGIAcACFAJcAqQC7AM0AAAEiJj0BNDYzMhYdARQGAyImPQE0NjMyFh0BFAYDIiYvASY2NzYWHwEWBgcOASMTIiYvASY2NzYWHwEWBgcOASMnIiYvAS4BNz4BHwEeAQcOAQUiJi8BLgE3PgEfAR4BBw4BIyUjIiY1NDY7ATIWFRQGJTgBMSMiJjU0NjM4ATEzMhYVFAYjBSImJyY2PwE2FhcWBg8BDgEjJSImJyY2PwE2FhcWBg8BDgEjAyImJy4BPwE+ARceAQ8BDgEjEyImJy4BPwE+ARceAQ8BDgEjAQAMEhIMDBISDAgLCwgICwtLBw0ELQYGCgoXBS0GBgoDCAOzBAgDLAQEBgYNBCwEBAYCBALkBAYDTgkGBgUVCU4JBgYDDQEwAgQCTQYDAwMMBk0GAwMCBwT+uFoKDg4KWgoODgFcWgYJCQZaBgkJBv5eBgoDBQUITggRBQUFCE4CBgMBNgQHAgMDBk0GDAMDAwZNAgQC5AMFAggEBC0EEQcHBQQtAwoFswIEAQYDAy0DDAUGAwMtAgcEAUgSDFoMEhIMWgwS/qYKCFoHCwsHWggKAUoIBk4KFgYGBgpOChYGAgL+1QUETQYOAwQEBk0GDgMCAfwCAiwGFQkJBgUtBhUJBgeoAQEtAwwFBgMDLQMMBQQEZw4KCg4OCgoOCQkGBgkJBgYJdwYFCBIELQUFCAgSBSwCAboEBAUMAy0DAwYFDAMtAQH+9gEBBRAHTgcFBQQQCE0FBQE7AQEDDAZNBgMDAwwGTQQEAAAAAQAAAAEAAAe3Z1NfDzz1AAsCAAAAAADckmTcAAAAANySZNwAAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACwIAAAAAAAAAAAAAAAEAAAACAAAcAgAAEAIAAAACAAAAAgAAAAIAAAACAAAIAAAAAAAKABQAHgC2AWABwAIsApQC3AQKAAEAAAALAM4ADAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }

 [class^="icon-"],
 [class*=" icon-"] {
   font-family: 'icomoon';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .icon-spinner:before {
   content: "\e000";
 }

 .icon-spinner-2:before {
   content: "\e001";
 }

 .icon-spinner-3:before {
   content: "\e002";
 }

 .icon-spinner-4:before {
   content: "\e003";
 }

 .icon-spinner-5:before {
   content: "\e004";
 }

 .icon-spinner-6:before {
   content: "\e005";
 }

 .icon-spinner-7:before {
   content: "\e006";
 }

 @keyframes anim-rotate {
   0% {
     transform: rotate(0);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 .spinner {
   display: inline-block;
   font-size: 3em;
   height: 1em;
   line-height: 1;
   margin: .5em;
   animation: anim-rotate 2s infinite linear;
   color: #1b1b58;
   text-shadow: 0 0 .25em rgba(255, 255, 255, .2);
 }

 .spinner--steps {
   animation: anim-rotate 1s infinite steps(8);
 }

 .spinner--steps2 {
   animation: anim-rotate 1s infinite steps(12);
 }


 .talign-center {
   text-align: center;
   top: 45%;
   left: 45%;
   position: absolute;
 }

 #open_shift_div {
   text-align: center;
   font-size: 17px;
 }

 #open_shift_div>div {
   margin-top: 16%;
 }

 #open_shift_div svg {
   padding: 0px 0px;
   margin: 0px 5px 2px 0px;
 }

 #open_shift_div #btn_shift_on {
   margin-top: 10px;
   width: 140px;
   height: 50px;
 }

 .content {
   height: 100% !important;
   overflow-y: auto;
   min-height: unset !important;
   min-width: unset !important;
 }

 .printer_cl_1 {
   width: 55%;
   float: left;
   display: flex;
 }

 .printer_cl_2 {
   display: flex;
   width: 45%;
   float: left;
 }

 .printer_cl_2 span._refresh {
   width: 10%;
   float: left;
   position: relative;
   margin: 5px;
 }

 #redeem-points-modal input {
   outline: 0;
   position: relative;
   left: 5px;
   top: 0px;
   border: 0;
   color: #495069;
   background-color: #fff;
   border-radius: 4px;
   width: 86px;
   height: 80px;
   float: left;
   margin: 0px 6px;
   font-size: 20px;
   box-shadow: 0 4px rgb(0 0 0 / 20%);
   margin-bottom: 10px;
 }

 #redeem_point {
   border-radius: 0px !important;
   height: 50px !important;
   border-width: 0px 0px 0px 0px !important;
   margin-bottom: 10px !important;
   border-color: #ddd !important;
   width: 78% !important;
 }

 .redeem_lst {
   width: 185px !important;
   height: 90px !important;
 }

 .notifyjs-corner {
   z-index: 100000 !important;
 }

 .redeem_input_pr {

   text-align: center;
 }

 .redeem_input_pr>hr {
   width: 280px;
 }

 .redeem_err {
   font-size: 12px;
   color: #f31212;
 }

 .redeem_val,
 .bck_btn,
 #redeem_ok {
   cursor: pointer;
 }

 .icon_printer_info {
   position: relative;
   margin: 6px;
   cursor: pointer;
 }

 #popup_printer_info {
   width: 685px;
   position: absolute;
   top: 105px;
   left: 95px;
   background: #f7f7f7;
   border-radius: 3px;
   display: none;
   color: #4a4545;
   padding: 6px 10px;
   z-index: 999999999999;
   border: 1px solid #e1e1e1;

 }

 .printer_help li {
   display: list-item;
   list-style-type: circle;
   list-style-position: inside;
 }

 .color_shift_btn {
   border: 1px solid #2f8ce9;
   font-size: 16px
 }

 .add_discount_br {
   border-color: rgb(73, 73, 239);
 }

 .add_discount_hightlight {
   color: rgb(73, 73, 239);
 }

 .add_customer_br {
   border-color: rgb(73, 73, 239);
 }

 #r_invoice_comment.form-control:focus {
   --tw-ring-opacity: 0 !important;
   --tw-border-opacity: 0 !important;
 }

 #r_invoice_comment {
   border: none !important;
 }

 /* .button {
   display: inline-block;
   margin: 4px 2px;
   background-color: #444;
   font-size: 14px;
   padding-left: 32px;
   padding-right: 32px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: white;
   text-decoration: none;
   cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
  }
  
  .button:hover {
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   background-color: white;
   color: black;
  } */

 .search-container {
   position: relative;
   display: inline-block;
   /* margin: 4px 2px; */
   height: 45px;
   width: 100%;
   vertical-align: bottom;
 }

 .mglass {
   display: inline-block;
   pointer-events: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   margin: 2px 0px;
 }

 .searchbutton {
   position: absolute;
   font-size: 35px;
   width: 100%;
   margin: 0;
   padding: 0;
   color: #000;
   padding: 2px 0px;
   margin-left: -8px;
 }

 .search:focus+.searchbutton {
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   background-color: white;
   color: black;
 }

 .search {
   position: absolute;
   border-radius: 3px;
   left: 49px;
   background-color: white;
   outline: none;
   border: none;
   /* padding: 0; */
   width: 0px;
   height: 35px;
   z-index: 10;
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
 }

 .search:focus {
   width: 363px;
   /* Bar width+1px */
   padding: 0 16px 0 0;
 }

 .expandright {
   left: auto;
   right: 25px;
   /* Button width-1px */
 }

 .expandright:focus {
   padding: 0 0 0 16px;
 }

 #searchright:focus {
   --tw-ring-color: #dfdfdf;
 }

 /* .load_qty {
    font-size: 15px;
    position: absolute;
    top: 25px;
    left: 24px;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    color: #8d8383;
  } */

 /* .item_qty_pr {
    width: 64px;
    position: relative;
    text-align: center;
    color: white;
    padding: 0px;
    margin: 0px;
    display: none;
  } */

 .btn-icon-container {
   display: flex;
   justify-content: space-between;
 }

 .view_bck_image {
   background: url('../img/holdbill_kot/bill_hold.png');
   background-repeat: no-repeat;
   background-size: contain;
   z-index: 0;

 }

 .billing a {
   background: transparent;
 }

 .billing a.hover\:bg-slate-100:hover {
   --tw-bg-opacity: 1;
   background-color: unset !important;
 }

 #frmopenbill .form-group {
   padding: 0px;
   margin: 0px;
 }

 #frmopenbill .in_pass {
   padding: 5px 0px 0px 0px;

 }

 #frmopenbill .hold_password {
   margin: 10px 0px 2px 0px;
 }

 .hold_receipt_item {
   border-width: 0px 0px 1px 0px;
   width: 100%;
   border: 0px 0px 1px 0px solid #000;
   border-color: #cdc6c6;
 }

 .hold_receipt_item:focus {
   --tw-ring-color: transparent;
 }

 .eye {
   width: 30px !important;
   background-color: transparent !important;
   border-color: transparent !important;
   padding: 7px 4px;
   position: absolute;
   right: 5px;
   z-index: 14;
   height: auto;
   cursor: pointer;
   float: left;
   overflow: hidden;
 }

 #openbill_box,
 #tbl_printer,
 #printersetup_new,
 .printer_setup1,
 .printer_setup2 {
   display: none;
 }

 .printer_setup1 {
   text-align: center;
 }

 svg.printer-icon {
   position: relative;
   left: 15px;
   top: 108px;
 }

 .pr_img_sub {
   padding-top: 35px;
 }

 .add_new_device {
   width: 10rem !important;
 }

 #printerAdd-modal select,
 #printerAdd-modal input {
   border-width: 0px 0px 1px 0px;
   border-color: #dedede;
 }

 #printerAdd-modal select:focus,
 #printerAdd-modal input:focus {
   --tw-ring-color: #ffffff;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
     var(--tw-shadow);
 }

 .printerIp {
   display: none;
 }

 /*   
  .printerlbl {
  
    height: 30px;
    float: left;
    margin-left: 35%;
  } */

 label.printerlbl {
   /* display: flex; */
   padding-left: 20px;
 }

 #tbl_printer_length,
 #dataTables_filter,
 #tbl_printer_info,
 #tbl_printer_paginate,
 #tbl_printer_filter {
   display: none !important;
 }

 .eyed {
   width: 30px !important;
   background-color: transparent !important;
   border-color: transparent !important;
   padding: 7px 4px;
   position: absolute;
   right: 5px;
   z-index: 14;
   height: auto;
   cursor: pointer;
   float: left;
   overflow: hidden;
 }

 /* #tbl_printer .sorting_asc {
    width: 130px !important;
  } */

 /* #tbl_printer th:nth-child(2) {
    text-align: right !important;
  }
   */
 .clear_data_preloader {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 12% auto;
   width: 15vw;
   height: 34vh;
   background: #1D1D1D;
   opacity: 1;
   transition: all 0.5s ease;
   z-index: 99999999999999;
   border-radius: 50%;

   border: 16px solid #f3f3f3;


 }

 .clear_data_preloader_inner {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 4em;
   height: 4em;
   line-height: 4em;
   text-align: center;
   font-size: 2em;
   font-family: monospace;
   font-weight: 300;
   color: #c9c4c4;


 }

 .display_print_groups,
 .print-kot-bot-groups {
   width: 100%;
   display: contents;

 }

 .kot_sl_div {
   width: 350px;
   display: inline-block;
   text-align: center;
   padding: 5px 10px;

 }

 .cl-4 {
   width: 50%;
   float: left;
   padding: 8px 2px;
 }

 .cl-6 {
   width: 100%;
   padding: 8px 2px;
   float: left;
 }

 .cl-kot-note {
   display: flex !important;
   text-align: justify !important;
   padding: 8px 2px !important;
   max-height: 300px !important;
   overflow-y: auto !important;

 }

 .sl_kot {
   display: none;
 }

 .sl_kot input[type="checkbox"] {
   padding: 2px 2px;
   margin-right: 20px;
 }

 .btn_kot {
   width: 365px !important;
   padding: 10px !important;

 }

 .multy_slct {
   width: 100%;
   border: 1px solid #d9d8d8;
   height: auto !important;
   position: relative;
   padding: 5px 5px;
 }

 .kot_qty {
   float: left;
   /*width: 100%;*/
 }

 .disable-div {
   pointer-events: none;
 }

 .customplans .custom-switcher .slider.round:before,
 .item_discount_plan .custom-switcher .slider.round:before {
   height: 16px !important;
   width: 16px !important;
 }

 .customplans .slider.round:before,
 .item_discount_plan .slider.round:before {
   border-radius: 50%;
 }

 .item_discount_plan .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 2px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }

 .customplans .slider:before {
   position: absolute;
   content: "";
   height: 20px;
   width: 22px;
   left: 2px;
   bottom: 3px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }

 .discount_label {
   padding: 4px 2px;
 }

 .discount_input_label {
   float: right;
   padding: 4px 2px;
 }

 .item_discount_plan .switch {
   position: relative !important;
   display: inline-block !important;
   width: 45px !important;
   height: 25px !important;
 }

 .customplans .switch {
   position: relative !important;
   display: inline-block !important;
   height: 25px !important;
 }

 .discount_label_pr {
   width: 100%;
   float: left;
   padding-bottom: 2px;
   padding: 2px 15px;
   background-color: #f5f5f5;
   margin: 5px 2px;
 }

 /* #table-room-modal-temp .modal-dialog {
    width: 90%;
    margin-top: 42px;
    margin-left: 105px;
  } */

 .cls_disabled {
   opacity: 0.7;
 }

 .box_settle_receipt {
   display: none;
 }

 .active {
   display: block;
 }

 .drw-btn {
   display: inline !important;
 }

 .btn_shift_on.active {
   display: inline-block;
 }

 .hide {
   display: none !important;
 }

 .debtor_management ul {
   padding: 0px;

 }

 .debtor_management ul li {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .activelink {
   color: #191970;
   border-color: #4f4fed;
 }

 .kot_btn>svg,
 .edit_btn>svg,
 .pre_bill_btn>svg {
   width: 38px;
   height: 38px;

 }

 .addon_code_active {
   color: white !important;
 }

 .remove_cart_item>svg {
   width: 20px;
   height: 20px;
   float: left;
   padding: 2px !important;
   margin-top: 3px;
 }

 /* .remove_cart_item .billing_items {
    padding: 1px 12px !important;
  } */
 .remove_cart_item .billing_items {
   padding: 1px 3px !important;
 }

 .selectedTable {
   background-color: #ffb123 !important;
 }

 .reservedTable {
   background-color: #f15f5f !important;
 }

 .setTable {
   background-color: #cccccc;
   cursor: pointer;
 }

 .cd_hide,
 .order_types {
   display: none;
 }

 .cd_show {
   display: flex;
 }


 /* full height issue + */

 @media (max-width: 980px) {

   #style-8,
   #style-2 {
     height: auto;
   }
 }

 @media (min-width: 980px) {
   .cs\:col-span-3 {
     grid-column: span 3 / span 3;
   }

   .cs\:col-span-8 {
     grid-column: span 8 / span 8;
   }

   .cs\:col-span-9 {
     grid-column: span 9 / span 9;
   }

   .cs\:col-span-4 {
     grid-column: span 4 / span 4;
   }

 }

 /* end full height issue + */


 .form-group.slc_kots div {
   background: #efefef !important;
 }

 .cls_target {
   padding: 0px;
 }

 .dropdown-menu .dropdown-content {
   padding: 0.25rem;
 }

 /* start interface issues 4 */
 #payment_types {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
 }

 /* #payment_types>button:last-child:not(#Cash) { dropdown issues - changed this line */
 #payment_types>button:last-child {
   /* padding-right: 20px; */
   position: relative;
 }

 /* #payment_types > button:last-child:not(#Cash) span { dropdown issues - changed this line */
 #payment_types>button:last-child span {
   /* border-right: none !important; */
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }

 /* end interface issues 4 */
 /* #payment_types > button {
    width: 40% !important;
      /* interface issues 4 - changed this line 
} */

 .dropdown-menu .dropdown-content {
   margin-top: 0.7rem !important;
   width: 16rem !important;
   margin-left: -68px !important;
 }

 .loc_txt {
   word-break: break-word;
 }

 .lang_tax_include,
 .is_hide_variant {
   display: none !important;
 }

 .arPro_varient {
   display: none;
   height: 300px;
   overflow-y: scroll;
   overflow-x: hidden;
 }

 .arPro_varient .productVarientItem {
   border: 0.4px solid #f9f9f9;
 }

 .arPro_varient .list_v .img-price {
   width: 45%;
   display: block;
   text-align: end;
 }

 .arPro_varient .list_v .product-name {
   min-height: 0px;
   display: block;
 }

 #style-12::-webkit-scrollbar-track,
 #style-12::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 #style-12::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 #style-12::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 .loc_txt {
   word-break: break-word;
 }

 /* calender selected date range */
 .calendar-table tbody tr td.active {
   display: revert;
 }


 div.dVarient:nth-child(1),
 div.dVarient:nth-child(2) {
   word-break: break-all;
 }



 .style-12 {
   height: 385px;
   min-height: auto;
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;

 }

 .style-12::-webkit-scrollbar-track,
 .style-12::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #d9d9d9;
 }

 .style-12::-webkit-scrollbar {
   width: 4px;
   background-color: rgb(35 45 69);
 }

 .style-12::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: rgb(90 140 159);
 }

 button.lang_table-room {
   display: none;
 }

 button.pay_types.selected {
   background-color: rgb(192 213 235) !important;
   font-weight: 600;
 }

 #discount-modal [type='radio'] {
   background-image: url("data:image/svg+xml,%3csvg viewBox='4.5 4.5 7 7' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") !important;

 }

 #discount-modal [type='radio']:checked {
   background-image: none !important;
 }

 #discount-modal img.close-btn {
   width: 10% !important;
   /* margin-top: 0px !important; */
   cursor: pointer;
   padding: 8px 8px;
   margin: 0px -10px 0px 5px !important;
 }

 #discount-plan-modal #custom_discount {
   cursor: pointer;
 }

 #passEye {
   padding: unset;
 }

 .block1 {
   color: red;
   width: 100px;
   border: 1px solid green;
   position: relative;
 }


 .block2_top {
   color: rgb(25 25 112);
   width: 165px;
   border: none;
   position: absolute;
   top: 21px;
   right: 10px;
   border-radius: 5px;
   border: 1px solid rgb(25 25 112);
 }

 .one {
   width: 30%;
   /* height: 100px; */
   float: left;
   margin: auto;
   vertical-align: middle;
   text-align: center;

 }

 .three {
   width: 100%;
   margin-top: 14px;
   vertical-align: middle;
 }

 .two {
   /* margin-left: 50%; */
   /* height: 100px; */
 }

 .block2_top:hover {
   background-color: #6f71a716;
   cursor: pointer;
 }

 .action_btn {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   right: 20px;
 }

 .buttons {
   width: 600px;
   margin: 0% 33% auto 27%;
   display: inline;
 }

 .indicate_offline {
   padding: 10px 12px;
 }

 .sync_statement {
   flex-direction: column;
 }

 /* Loader with percentage */
 #loader-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100vh;
   background-color: #803636;
 }

 #loading-percentage {
   margin-top: 10px;
 }

 /* Progress bar */
 .progress-container {
   width: 100%;
   background-color: #f0f0f0;
 }

 .progress-bar {
   width: 0;
   height: 30px;
   background-color: #4CAF50;
   text-align: center;
   line-height: 30px;
   color: white;
 }

 div#pin_modal_header {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 /* .action_btn {
      width: 600px;
      margin: 0px auto;
      display: inline-block;
      text-align: center;
    }
     */

 .btn_back {
   position: absolute;
   left: 95px;
 }

 .btn_clockin {
   width: 150px;
   height: 50px;
   border: 1px solid green;
   border-radius: 5px;
   padding: 5px 10px 5px 10px;
   margin: 0 2px 0 2px;
   color: green;
   margin-right: 40px;
 }

 .btn_clockout {
   width: 150px;
   height: 50px;
   border: 1px solid red;
   border-radius: 5px;
   padding: 5px 10px 5px 10px;
   margin: 0 2px 0 2px;
   color: red;
   margin-left: 40px;
 }

 .clockout_txt {
   font-size: 40px;
   text-align: center;
   padding-bottom: 60px;
   padding-top: 70px;
 }

 .clockout_time_txt {
   font-size: 68px;
   text-align: center;
   padding-bottom: 55px;
 }

 .btn_clockout:disabled,
 .btn_clockin:disabled {
   border: 1px solid #999999;
   color: #666666;
 }

 /* payment gateway */
 .dejavoo-pg-selected,
 .phonepe-pg-selected {
   cursor: pointer;
 }

 #dejavoo_pg_status {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .jconfirm-title-c,
 .jconfirm-content {
   text-align: center;
 }

 .is-show {
   display: block;
 }

 .setup-gateway,
 .dejavoo-gateway,
 .phonepe-gateway {
   cursor: pointer;
 }

 .dejavoo_tip {
   display: flex;
   flex-direction: column;
   text-align: left;
   padding: 10px;
 }

 #dejavoo_tip_amount {
   border: none;
   border-bottom: 1px solid #ccc;
   height: 30px;
   outline: none;
   box-shadow: none;
 }

 #frm_paygateway .switch {
   position: relative !important;
   display: inline-block !important;
   width: 51px !important;
   height: 24px !important;
 }

 #frm_paygateway .slider:before {
   position: absolute;
   content: "";
   height: 20px;
   width: 20px;
   left: 4px;
   bottom: 2px;
   background-color: white;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }

 .stats {
   margin-bottom: 12px;
 }

 .stats a {
   text-decoration: none;
 }

 .stats a+a {
   margin-left: 8px;
 }

 #logger {
   margin-top: 24px;
 }

 #logger span {
   display: block;
 }

 #logger textarea {
   width: 400px;
   max-width: 100%;
   margin-top: 4px;
   resize: none;
 }

 #ip_address_error,
 #pg_serial_no_error {
   font-size: 13px;
   color: #e52b2b;
   float: left;
 }

 .pg-selected {
   cursor: pointer;
 }

 .custom-dialog {
   width: 400px !important;
 }

 .pg-close-popup .talign-center {
   float: left;
   width: 60px;
   top: 5% !important;
   text-align: unset !important;
   position: unset !important;
 }

 .paygate_option {
   width: auto;
   height: 40px;
   border: 1px solid #2d1395;
   text-align: center;
   padding: 10px;
   font-size: 14px;
 }

 button.btn.pay-btn-ok,
 button.pay-btn-cancel,
 button.ebt-pay-btn-ok,
 button.pay-btn-skip {
   width: 370px !important;
   padding: 20px;
 }

 .btn_try,
 .btn_dismiss,
 .btn_try_dejavoo,
 .btn_try_phonepe,
 .btn_try_pending,
 .btn_try_timeout {
   display: inline-block;
   padding: 15px;
   font-size: 21px;
   width: 80%;
   border: 1px solid #1565c0;
   text-align: center;
   margin: 8px 15px;
 }

 #tip_amount {
   border-width: 0px 0px 1px 0px;
   width: 100%;
   border: 0px 0px 1px 0px solid #000;
   border-color: #cdc6c6;
 }

 .pg-after-tip {
   box-shadow: none !important;
 }

 .block_access {
   cursor: no-drop;
 }

 .pg-close-popup {
   position: relative;
   text-align: center;
 }

 .pg-error-msg {
   padding: 15px 50px;
   font-size: 18px;
   text-align: center;
   width: 250px;
   margin: auto;
 }

 .jcon-title {
   text-align: center;
   display: inline-block;
   width: 300px;
   font-weight: bold;
   font-size: 18px;
 }

 .pay-error {
   font-size: 18px;
   text-align: center;
   display: inline-block;
   width: 100%;
   padding: 10px;
 }

 .indicate_offline {
   padding: 10px 12px;
 }

 .sync_statement {
   flex-direction: column;
 }

 /* Whatsapp sharing */
 .whatsapp-share {
   padding: 24px;
 }

 .whatsapp-share-header {
   text-align: center;
   border-bottom-width: 1px;
   border-color: rgb(var(--color-slate-200) / 0.6);
   padding-left: 1.25rem;
   padding-right: 1.25rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }

 .whatsapp-share-footer {
   border-top-width: 1px;
   border-color: rgb(var(--color-slate-200) / 0.6);
   padding-left: 1.25rem;
   padding-right: 1.25rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   text-align: center;
 }

 .whatsapp-share svg {
   margin-bottom: 5px;
 }

 #Graphics-_x2F_-App-Icons-_x2F_-WhatsApp {
   cursor: pointer;
 }

 .whatsapp-options {
   display: inline-flex;
 }

 #tbl_weight_scale_length,
 #tbl_weight_scale_filter,
 #tbl_weight_scale_paginate,
 #tbl_weight_scale_info {
   display: none !important;
 }

 table.dataTable thead>tr>th.sorting_asc:before,
 table.dataTable thead>tr>th.sorting_desc:after,
 table.dataTable thead>tr>td.sorting_asc:before,
 table.dataTable thead>tr>td.sorting_desc:after {
   opacity: 0 !important;
 }

 table.dataTable thead>tr>th.sorting:after,
 table.dataTable thead>tr>th.sorting_asc:after,
 table.dataTable thead>tr>th.sorting_desc:after,
 table.dataTable thead>tr>th.sorting_asc_disabled:after,
 table.dataTable thead>tr>th.sorting_desc_disabled:after,
 table.dataTable thead>tr>td.sorting:after,
 table.dataTable thead>tr>td.sorting_asc:after,
 table.dataTable thead>tr>td.sorting_desc:after,
 table.dataTable thead>tr>td.sorting_asc_disabled:after,
 table.dataTable thead>tr>td.sorting_desc_disabled:after {
   top: 50%;
   content: "";
   opacity: 0 !important;

 }

 .vc_msg {
   margin: 0% 30%;
   font-size: 16px;
 }

 #version_change_modal #login_error {
   margin: 4% 5% 2% 5% !important;
 }

 #version_change_modal .version_logout {
   width: 220px;
 }

 #version_change_modal .talign-center {
   margin-left: 15px;
   text-align: unset !important;
   top: unset !important;
   left: unset !important;
   position: unset !important;
 }

 #version_change_modal .talign-center>.spinner {
   color: #ffff !important;
   font-size: 30px;
   margin: 0px;

 }

 /* Retail layout */
 .retail_button {
   border-radius: 25px;
 }

 .quick_cash {
   background-color: #50c958;
   color: #ffffff;
   font-weight: bold;
   border: 1px solid #50c958;
 }

 .retail_options {
   background-color: #191970;
   color: #ffffff;
   font-weight: bold;
   border: 1px solid #191970;
 }

 .quick_cash:hover {
   opacity: 0.7 !important;
   background-color: #50c958 !important;
 }

 .retail_options:hover {
   opacity: 0.7 !important;
   background-color: #191970 !important;
 }

 .retail_charge_cal,
 .retail_bck_spc,
 .retail_enter {
   transition: transform 0.3s ease-in-out;
 }

 .retail_charge_cal:hover,
 .retail_bck_spc:hover,
 .retail_enter:hover {
   transform: scale(1.1);
 }

 .retail_options.disabled,
 .quick_cash.disabled {
   opacity: 0.7;
 }

 /* Remove home page scroll bar */
 @media (min-width: 1024px) {
   .lg\:col-span-4 {
     height: fit-content !important;
     grid-column: span 4 / span 4;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 @media (min-width: 1536px) {
   .\32xl\:col-span-9 {
     height: 100vh;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }


 /* For screens with a width of 1024px and above (typical for many laptops) */
 @media screen and (min-width: 1024px) {

   /* Your CSS styles for laptops/screens wider than 1024px */
   .\32xl\:col-span-9 {
     height: 100vh;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }


 /* For screens with a width of 768px and above (common for tablets) */
 @media screen and (min-width: 768px) {

   /* Your CSS styles for tablets/screens wider than 768px */
   .\32xl\:col-span-9 {
     height: 100vh;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 /* For screens with a width of 1024px and above (typical for many laptops) */
 @media screen and (min-width: 1024px) {

   /* Your CSS styles for laptops/screens wider than 1024px */
   .\32xl\:col-span-9 {
     height: 100vh;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 /* For screens with a width of 1200px and above (POS machines or larger tablets) */
 @media screen and (min-width: 1200px) {

   /* Your CSS styles for POS machines or larger tablets/screens wider than 1200px */
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }


 /* test */

 @media (min-width: 1536px) {
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }


 /* For screens with a width of 1024px and above (typical for many laptops) */
 @media screen and (min-width: 1024px) {

   /* Your CSS styles for laptops/screens wider than 1024px */
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }


 /* For screens with a width of 768px and above (common for tablets) */
 @media screen and (min-width: 768px) {

   /* Your CSS styles for tablets/screens wider than 768px */
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 /* For screens with a width of 1024px and above (typical for many laptops) */
 @media screen and (min-width: 1024px) {

   /* Your CSS styles for laptops/screens wider than 1024px */
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 /* For screens with a width of 1200px and above (POS machines or larger tablets) */
 @media screen and (min-width: 1200px) {

   /* Your CSS styles for POS machines or larger tablets/screens wider than 1200px */
   .\32xl\:col-span-9 {
     height: 100vh !important;
     grid-column: span 9 / span 9;
   }

   .\32xl\:col-span-9 {
     height: 86vh !important;
   }
 }

 #style-8 {
   height: 79vh !important;
 }

 .btn-container {
   display: flex;
   justify-content: space-between;
   bottom: 0;
   width: 100%;
   padding: 0;
 }

 .btn-bill-open {
   margin-right: 10px;
   --tw-border-opacity: 1;
   border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
   padding: 21px 0;
   /* Adjusted padding */
   border: none;
   justify-content: center;
   border-radius: 5px;
   cursor: pointer;
   box-sizing: border-box;
   text-align: center;
   width: 100%;
   /* Full width initially */
 }

 .btn-bill {
   display: block;
   --tw-border-opacity: 1;
   border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
   padding: 10px 0;
   /* Adjusted padding */
   border: none;
   border-radius: 5px;
   cursor: pointer;
   box-sizing: border-box;
   text-align: center;
   width: 100%;
   /* Full width initially */
 }

 .btn-bill-open:disabled,
 .btn-bill:disabled {
   background-color: dimgrey !important;
   cursor: not-allowed !important;
   opacity: 0.7 !important;
 }

 .div_disabled {
   pointer-events: none;
   opacity: 0.6;
 }

 /* ticket css */

 @media screen and (min-width: 924px) {
   #receipt-box {}
 }

 @media (min-width: 768px) and (max-width: 1024px) {
   #receipt-box {
     margin-top: 160px;
   }
 }

 .charge-items {
   height: 400px !important;
   width: 400px !important;
 }

 .box.p-5.flex.mt-1.pt-4.border-t.border-slate-200\/60.dark\:border-darkmode-400 {
   padding-top: 10px !important;
   padding-bottom: 20px !important;
   padding-right: 10px !important;
 }

 /* div#style-6 {
  padding-right: 10px !important;
} */
 .center-content {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   /* Adjust the height as needed */
 }

 /* For smaller screens, override the width to 100% */
 @media (max-width: 991px) {
   .center-content .col-span-12 {
     width: 100%;
   }
 }

 /* .pay_total.col-span-12.lg\:col-span-3 {
  display: none !important;
} */

 /* @media (min-width: 1024px) {
  .lg\:col-span-8 {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
  }
} */



 #payment {
   height: 86vh !important;
 }

 #payment>.intro-y {
   display: flex !important;
   height: 100% !important;
   justify-content: center !important;
   align-items: center !important;
 }

 #email_lbl {
   width: 600px !important;
 }

 .box.p-5.flex.mt-1.pt-4.border-t.border-slate-200\/60.dark\:border-darkmode-400 {
   padding-left: 2px !important;
 }

 /* @media screen and (max-width: 1366px){
  .billing{
    height: 225px !important;
  }
} */

 @media screen and (max-width: 1366px) {
   /*.billing{*/
   /*height: 232px !important;*/
   /*}*/
 }

 .full_screen,
 .exit_screen {
   margin: 0px !important;
 }

 /* icon animation */
 /* Define the blinking animation */
 @keyframes blink {
   0% {
     opacity: 1;
   }

   50% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 .blink_animation {
   animation: blink 1s infinite;
 }

 .full_scree-new,
 .exit_screen {
   width: 2%;
   float: right;
   /* margin: -10px -30px; */
 }

 /* modal popoup btn */

 .btn-cus-btn {
   display: inline-flex;
   cursor: pointer;
   align-items: center;
   justify-content: center;
   border-radius: 0.375rem;
   border-width: 1px;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 3.75rem !important;
   padding-right: 3.75rem !important;
   font-weight: 500;
   margin-top: 12px !important;
   margin-bottom: 12px !important;
 }

 .btn-cus-btn-cancel {
   padding-left: 4.75rem !important;
   padding-right: 4.75rem !important;
   margin-right: 15px !important;
   margin-top: 12px !important;
   margin-bottom: 12px !important;
 }

 #bill_item_name {
   font-size: 16px !important;
 }

 .container {
   height: auto !important;
   /* Default height */
   max-height: 80vh !important;
   /* Maximum height for the container */
   overflow-y: auto !important;
   /* Enable vertical scroll if content exceeds height */
   /* Additional styles as needed */
   padding: 10px !important;
   border: 1px solid #ccc;
   margin: 0 auto !important;
   box-sizing: border-box !important;
 }

 .box.flex.mt-1.p-5.border-t.border-slate-200\/60.dark\:border-darkmode-400.total_charge {
   display: none !important;
 }

 @media screen and (min-width: 768px) and (min-width: 1440px) {
   .billing {
     height: 44vh !important;
     overflow: auto !important;
   }
 }

 @media screen and (max-width: 1524px) and (max-width: 1640px) {
   .billing {
     height: 44vh !important;
     overflow: auto !important;
   }
 }

 @media screen and (max-width: 768px) and (max-width: 1024px) {
   .billing {
     height: 170px !important;
     overflow: auto !important;
   }
 }

 @media screen and (max-width: 1366px) {
   .billing {
     height: 230px !important;
   }
 }

 .plasmo-csui {
   display: none !important;
 }

 /* .ct-container{
  
  position: relative;
  top:-74px;
} */

 .cancel-btn-mod {
   margin-right: 13px !important;
 }

 .modiyer-txt.form-label {
   font-size: 12px !important;
   font-weight: 600;
 }

 .box.p-1.pt-3 {
   padding-bottom: 40px !important;
 }

 .t-charge {
   box-shadow: none !important;
   background-color: none !important;
 }

 .charge-items {
   height: 258px !important;
   overflow: auto !important;
 }

 .charge-total {
   /* height: 186px !important; */
   margin-top: 10px !important;
 }

 .box-cal {
   display: flex !important;
   flex-direction: column !important;
   /* justify-content: center !important; */
 }

 button#btn_charge {
   width: 620px;
   height: 55px;
 }

 .w-4\/5 {
   width: 90% !important;
   /* padding: 10px !important; */
 }

 .receip-test-box {
   width: 100px;
   height: 100px;
   background-color: #080808;
 }

 .recept-boc-class {
   position: absolute !important;
   top: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   right: 0 !important;
   margin: auto !important;
 }

 .payment-box {
   width: 700px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: 15px;
 }

 .new-box {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .p-title {
   width: 100%;
 }

 .price-order {
   width: 100%;
   height: 40px;
   display: flex;
   justify-content: space-between;
   padding: 10px;
 }

 .btn-fl {
   height: 60px !important;
 }

 .item-container {
   height: calc(100% - 98px) !important;
   overflow-y: auto;
 }

 .item-list {
   list-style: none;
   padding: 10px;
   margin: 0;
 }

 .item-list li {
   display: flex;
   justify-content: space-between;
   margin-bottom: 8px;
 }

 .item-details {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

 .item-name {
   margin-bottom: 4px;
 }

 .line_price-sec {
   flex-shrink: 0;
   margin-left: 10px;
   /* Adjust the space between quantity and price here */
 }

 /* test */

 .box-btn {
   position: relative;
   cursor: pointer;
   align-items: flex-start;
 }

 .box-btn {
   justify-content: space-between;
 }

 @media (max-width: 768px) {
   .box-btn {
     flex-direction: column;
     align-items: flex-start;
   }
 }

 div#home,
 div#software_customiz {
   width: 100% !important;
 }

 .box-cal {
   height: 100%;
 }

 div#style-6 {
   height: 300px;
 }

 #multipayment_box {
   height: 300px !important;
   overflow-x: hidden !important;
 }

 .charge-total {
   overflow: hidden !important;
 }

 button.btn.btn-primary.mt-2.p-3.w-full.start_new_sl {
   height: 60px !important;
 }

 /* 
test style */

 .btn.btn-outline-dark.mx-2.px-2.pay_types {
   border: 1px solid #ccc !important;
   border-radius: 5px !important;
   /* background-color: #6691e21a !important; */
   /* Additional styles */
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   text-align: center !important;
   /* Add more styles based on your requirements */
 }

 .btn.btn-outline-dark.mx-2.px-2.pay_types,
 .btn.btn-outline-dark.mx-2.px-2.pay_types,
 .btn.btn-outline-dark.mx-2.px-2.pay_types,
 .btn.btn-outline-dark.mx-2.px-2.pay_types {
   width: 240px !important;
   /* Adjust the width as needed */
   height: 45px !important;
   /* Apply specific styles for these buttons */
   /* You can add or override styles here */
 }

 #payment_types {
   justify-content: center !important;
 }

 button.pay_types.selected {
   background-color: rgb(192 213 235) !important;
   font-weight: 600;
 }

 .drop-btn-muti {
   display: flex !important;
   justify-content: space-between !important;
 }

 /* EBT styles */
 #ebt_calc_data {
   display: flex;
   flex-direction: column;
 }

 .ebt_row {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
 }

 .ebt_label {
   margin-right: 10px;
 }

 .ebt-header span.jconfirm-title {
   text-align: left;
   line-height: 30px;
 }

 .ebt-payment-types,
 .pg-types {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .txt-serach-btn {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .search-container {
   align-items: center;
   position: relative;
 }

 .clear-button {
   position: absolute;
   right: 5px;
   cursor: pointer;
 }

 .clear-button {
   padding: 10px 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   cursor: pointer;
 }


 /* Start install web app */

 .install_web_app_txt {
   cursor: pointer;
 }

 .popupContainer {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.749) !important;
   z-index: 999;
 }

 #popupContent {
   background: #fff;
   padding: 0px;
   border-radius: 5px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99 !important;
 }

 #closePopup {
   color: #fff;
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 20px;
   cursor: pointer;
 }

 .box-pop-title {
   font-size: 20px !important;
   color: #fff;
   display: flex !important;
   flex-direction: column !important;
   width: 100%;
   height: 40px;
   background-color: #1d157a;
   justify-content: center !important;
   align-items: center !important;
 }

 .content-pop {
   display: flex !important;
   justify-content: center;
   flex-direction: column;
   text-align: center;
 }

 .icon-svg {
   display: flex !important;
   justify-content: center;
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .content-p {
   font-size: 17px;
   padding-left: 40px;
   padding-right: 40px;
   display: flex;
   flex-direction: column;
 }

 .footer-btn {
   display: flex !important;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-top: 15px;
   margin-bottom: 15px;
 }

 .btn-common {
   font-size: 17px;
   border-radius: 20px;
   margin-bottom: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 220px;
   height: 38px;
   color: #fff;
   background-color: #1d157a;
 }

 .btn-common.btn-skip {
   background-color: #fff;
   color: #1d157a;
   border: 1px solid #1d157a;
 }

 /* End install web app */

 div#style-2 {
   width: 100% !important;
 }

 /* Restructure */
 .restructure_hide {
   display: none !important;
 }

 .restructure_discount,
 .inv_include_tax_text,
 .restructure_tax {
   display: flex;
 }

 .hold-product-count-qty {
   display: flex;
   padding: 10px;
 }

 .hold-product-count,
 .inv_product_count {
   margin-right: 40%;
 }

 .billing_addon_name {
   padding-left: 25px;
 }

 /* Restructure - fixed charge button */
 .restructure-fixed-charge {
   width: 53px !important;
   height: 25px !important;
 }

 .restructure-fixed-charge .slider:before {
   position: absolute;
   content: "";
   height: 20px;
   width: 22px;
   left: 2px;
   bottom: 3px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }

 .fixed-charge-checkbox {
   margin-left: auto;
 }

 .restructure-tax-charges {
   display: flex;
 }

 /* new style */
 plasmo-csui {
   display: none;
 }

 form#frm_customer {
   height: 600px;
   overflow-y: auto;
 }

 img.close-btn {
   position: relative !important;
   left: 20px !important;
   width: 40% !important;
   margin-top: 15px !important;
   cursor: pointer !important;
 }

 div#customer-modal {
   overflow: hidden !important;
 }

 /* start modal center position customer form */
 #create-customer-modal.show {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
 }

 #create-customer-modal.show>.modal-dialog {
   margin: 0 !important;
   transform: translate(0, 0) !important;
 }

 /* end modal center position customer form  */

 /* start modal center position printer form  */
 #printerAdd-modal.show {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
 }

 #printerAdd-modal.show>.modal-dialog {
   margin: 0 !important;
   transform: translate(0, 0) !important;
 }

 /* end modal center position printer form  */

 /* start All modal popup center */
 .modal.show {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
 }

 .modal.show>.modal-dialog {
   margin: 0 !important;
   transform: translate(0, 0) !important;
 }

 /* end All modal popup center */

 /* All scroll bar width start */
 ::-webkit-scrollbar {
   width: 4px;
 }

 ::-webkit-scrollbar-thumb {
   background-color: #4c7787;
 }

 /* All scroll bar width end */

 .col-span-12.lg\:col-span-4.pay_total.ct-container.tt {
   height: 311px !important;
   overflow-y: auto;
 }

 /* start varient proudct style */
 .arPro_varient {
   display: none;
   height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
 }

 /* End varient proudct style */

 #discount-modal img.close-btn {
   position: relative !important;
   left: 6px !important;
   width: 10% !important;
   /* margin-top: 0px !important; */
   cursor: pointer;
   padding: 8px 8px;
   margin: 0px -10px 0px 5px !important;
 }

 .remove_cart_item>svg {
   width: 23px;
   margin-right: 1px;
   height: 21px !important;
   float: left;
   padding: 2px !important;
   margin-top: 3px;
   position: relative !important;
   right: 4px !important;
   cursor: pointer;
   bottom: 1px;
 }

 /* start printer popup */

 .print-body {
   height: 540px;
   overflow-y: auto !important;

 }

 /* End printer popup */

 .box.invoice-box-ns {
   box-shadow: none !important;
   border-radius: 0px !important;
 }

 .box.invoice-sc {
   box-shadow: none !important;
   border-radius: 0px !important;
 }

 .invoice-details {
   height: 87vh !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
 }

 /* .invoice-sc{
  height: calc(78vh - 35px)!important;
  overflow-x: hidden !important;
  overflow-y: auto !important
} */

 /* varient prodcut popup */

 .varient-p {
   height: 500px !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;

 }

 .cash-m {
   height: 85vh !important;
   overflow-y: auto !important;

 }

 .w-4\/5 {
   position: relative !important;
   bottom: 7px !important;
 }

 /* start refund style */

 .flex.mt-5.refund-btn {
   padding-bottom: 15px !important;
   padding-left: 22px !important;
   padding-right: 22px !important;
 }

 .box.inbox.intro-y.mt-5.refund-box {
   position: relative;
   left: 211px;
   width: 681px !important;
   height: 76vh !important;
   overflow-y: auto;
   overflow-x: hidden;
 }

 .refund-box-outer {

   display: flex !important;
   flex-direction: column !important;
   justify-content: center !important;
   align-items: center !important;
 }

 .box.inbox.intro-y.mt-5.refund-box {
   width: 675px !important;
   height: 76vh !important;
   overflow-y: auto;
   overflow-x: hidden;
 }

 /* end refund style */

 /* start software customization */
 .custom-box {
   height: calc(100vh - 100px);
   overflow-y: auto;
   overflow-x: hidden;
 }

 /* stop software customization */
 #recipt-in {
   height: 87vh !important;
   padding: 0px 8px;
   margin: 0px 3px;
 }

 /* .past-rec {
    height: 87vh !important;
    overflow-y: auto !important;
} */

 .content {
   position: relative !important;
   bottom: 15px;
   height: 100% !important;
   right: 1px !important;

 }

 .tot-charge-btn {
   position: relative;
   left: 1px !important;
 }

 .grnd-tot {
   position: relative;
   left: 10px !important;

 }

 .box.rounded-md.p-3.relative.zoom-in {
   height: 100% !important;
   overflow: hidden !important;
 }

 /* Start remved cart items */
 @media screen and (max-width: 1024px) and (max-height: 780px) {
   .remove_cart_item .billing_items {
     padding: 1px 2px !important;
     font-size: 11px !important;
   }

   #style-7 {
     height: 94vh !important;
   }

   #multipayment_box {
     height: 100% !important;

   }
 }

 .billing.scrollbar.billing-cart {
   height: calc(100% - 172px) !important;
 }


 /* end remved cart items */

 .svg-f-icon {
   display: none !important;
 }

 .text-transaction-hint {
   margin-left: 20px;
 }

 @media only screen and (max-width: 1024px) and (min-width: 780px) {
   .billing.scrollbar.billing-cart {
     height: calc(100% - 143px) !important;
   }
 }

 @media screen and (min-width: 1920px) {
   .billing.scrollbar.billing-cart {
     height: calc(100% - 203px) !important;
   }
 }

 /* save bill scroll */

 .save-bill-sc {
   height: calc(89vh - 85px) !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
 }

 .open-bill-box-sc {
   height: calc(94vh - 85px) !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
 }



 /* new multivalue box */

 .multi-values {
   display: flex;
   padding-top: 10px;
   justify-content: space-between;
 }

 .multi-values.bin-icon {
   cursor: pointer !important;
 }

 .multi-box {
   height: 500px !important;
   overflow-y: auto !important;
 }

 .charge-total {
   overflow-y: auto !important;
 }


 input#local_data_available_dates {
   width: 50px;
 }

 /* Dejavo popup  */

 div#DEJAVOO {
   padding-top: 10px !important;
 }

 .jconfirm-content-pane.no-scroll {
   height: 100% !important;
   display: flex !important;
   justify-content: center !important;
 }

 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
   float: none !important;
   display: flex !important;
   /* flex-direction: column !important; */
 }

 .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
   pointer-events: none;
 }

 div#Card {
   padding-top: 10px;
 }

 button.btn.btn-primary.pay-btn-ok {
   height: 34px;
 }

 .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
   overflow: hidden !important;
 }

 .jconfirm-title-c {
   display: flex !important;
   justify-content: center !important;
   align-items: center;
 }

 .pg-error-msg {
   padding: 15px 50px;
   font-size: 17px;
   /* text-align: center; */
   width: 200px;
   display: flex;
   margin: auto;
   justify-content: center !important;
   align-items: center !important;
 }

 /* start scroll issue */

 @media screen and (min-width: 1920px) {
   .billing.scrollbar.billing-cart {
     height: calc(100% - 145px) !important;
   }
 }

 @media only screen and (min-width: 1024px) and (max-width: 1536px) {
   .billing.scrollbar.billing-cart {
     height: calc(100% - 168px) !important;
   }
 }

 .grid.grid-cols-12.gap-6 {
   padding-top: 13px;
 }

 /* scroll issue end */

 /* EBT */
 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
   float: none !important;
   /* display: flex; */
   width: -4px !important;
   /* display: flex !important; */
   /* flex-direction: column; */
   justify-content: center !important;
   align-items: center !important;
 }

 .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
 .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: bold;
   text-shadow: none;
   width: 100% !important;
 }

 .dark-mode-switcher {
   display: none !important;
 }

 .kot-pop {
   position: relative !important;
   left: -10px !important;

 }

 .lang_create_kot,
 .lang_create_kot_num {
   display: flex !important;
   justify-content: center !important;
   font-size: 14px !important;
 }

 .tot-change-g {
   padding-left: 20px !important;
 }

 .btn-right-user {
   position: relative;
   bottom: 8px;
 }

 .w-12.h-12.cls_modal.close-icon-user {
   position: relative;
   right: 15px;
 }

 div#lang_create_customer {
   font-weight: 600 !important;
 }

 .txt-bld-cahs {
   font-weight: 600 !important;
   /* text-transform: capitalize !important; */
 }

 .unique-parent {
   width: 100%;
   height: 50px;
   display: flex;
   flex-direction: column;
 }

 input#enter {
   display: none !important;
 }


 /* Adjust button positions */
 .jconfirm-buttons .pay-btn-cancel {
   float: left !important;
 }

 .jconfirm-buttons .pay-btn-ok {
   float: right !important;
 }

 .ebt-header {
   pointer-events: none !important;
 }


 .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
   pointer-events: none !important;
 }

 .jconfirm-box-container .jconfirm-box .jconfirm-title-c img {
   pointer-events: auto !important;
 }

 /* draw scrolle */

 .draw-content {
   height: 555px !important;
   overflow-y: auto !important;
   overflow-x: hidden;


 }

 #style-5 {

   padding: 0px 8px;
   margin: 0px 3px;

 }

 .btn-drw {
   margin-left: 5px;
 }

 #drawer_transaction_modal label.error.err_email {
   display: none !important;
 }

 .btn-view-report {
   width: 100% !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   text-decoration: underline;
   color: #0f0f2e;
   margin-bottom: 3px;
 }

 .table-mangement {
   display: flex;
   justify-content: space-between;
 }

 .border-slate-200\/60.flex.items-center.px-6.pb-2.txt_clr.table-cash {
   display: flex;
   justify-content: space-between;
 }

 .table-container {
   margin-top: 20px;
 }

 .transaction-table {
   width: 100%;
   border-collapse: collapse;
 }

 .transaction-table th,
 .transaction-table td {
   padding: 8px 12px;
   border-bottom: 1px solid #ddd;
   /* Add desired border color */
 }

 .table-management {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .min-table {
   flex: 1;
 }

 .transaction-reason {
   flex: 2;
 }

 .transaction-amount {
   flex: 1;
 }

 .balance {
   flex: 1;
 }

 div#receipt_report_body {
   text-align: -webkit-center;
 }


 .time-txt {
   position: relative;
   right: 11px;
   font-size: 15px !important;
   font-weight: 600;
 }

 .reason-txt {
   position: relative;
   font-size: 15px !important;
   left: 32px;
   font-weight: 600;
 }

 .amount-txt {
   position: relative;
   font-size: 15px !important;
   left: 70px;
   font-weight: 600;
 }

 .balance-txt {
   position: relative;
   font-size: 15px !important;
   left: 20px;
   font-weight: 600;
 }

 .report-btn {
   margin-left: 20px;
 }

 div#receipt_report_body {
   max-height: 400px;
   overflow-y: auto;
 }

 h2.font-medium.text-base.mr-auto.cash-text {
   padding-right: 26px;
 }

 button.btn.btn-outline-secondary.w-24.mr-1.cls_rec_report_modal_cm {
   display: none;
 }

 /* Responsive styles for table */
 @media (max-width: 768px) {

   /* Adjust styles for smaller screens */
   #tbl_printer {
     width: 100% !important;
   }

   .lang_name,
   .lang_tbl_action {
     width: 100% !important;
     /* Adjust as needed */
   }
 }

 #printerlbl {
   cursor: pointer;
   /* Optionally, change cursor style for better UX */
 }

 #printerlbl svg {
   width: 240px;
   /* Adjust width and height of SVG icons as needed */
   height: 10px;
 }

 .print-details-list td {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   /* Adjust width of the cell if necessary */
 }

 .icons-print-action {
   display: flex;
 }

 th.lang_tbl_action.sorting {
   position: relative !important;
   right: 59px;
 }

 table#tbl_printer {
   border-bottom: none;
 }

 th.lang_name.sorting.sorting_asc {
   border-bottom: none !important;
 }

 th.lang_tbl_action.sorting {
   border-bottom: none;
 }


 .lang_name {
   pointer-events: none;
 }

 .lang_tbl_action {
   pointer-events: none;
 }

 button.btn.btn-primary.add_new_device.add-print-btn {
   width: 100px !important;
 }

 svg.icon-del {
   position: relative;
   right: 3px;
 }

 th.lang_name.sorting.sorting_asc {
   background: aliceblue;
 }

 th.lang_tbl_action.sorting {
   position: relative;
   right: 64px;
 }

 .print-details-list.table.dataTable tbody th,
 table.dataTable tbody td {
   padding: 0px !important;
   padding-top: 5px !important;
   padding-bottom: 5px !important;
   padding-left: 5px !important;
 }

 table#tbl_printer {
   width: 70vw;
 }

 /* start past reciptc update UI  */
 .invoice_list.past_receipt {
   height: 500px;
   overflow: auto !important;
 }

 /* end past recipt update ui  */

 .font-bold.text-base.border-b.border-slate-200\/60.flex.items-center.py-2.txt_clr.hold-bill {
   display: flex !important;
   justify-content: normal !important;
 }

 .border-slate-200\/60.txt_clr.report {
   display: flex;
   justify-content: space-around;

 }

 .lang_charges {
   font-weight: 600 !important;
   text-transform: capitalize !important;

 }

 .custom-popup {
   width: 1000px !important;
 }

 .custom-popup .jconfirm-box-container {
   height: 1000px !important;
 }

 .jconfirm-title-c.left-align {
   display: none !important;
 }

 .custom-title {
   justify-content: left !important;
   position: relative !important;
   right: 37px !important;
 }

 .title-container {
   display: flex;
   align-items: center;
 }

 /* Position the buttons container */
 .custom-buttons-container {
   position: absolute;
   top: 16px;
   right: 20px;
 }


 .jconfirm-content-pane.no-scroll {
   padding-top: 24px;
 }

 button.btn.btn-default.btnsave_hold.btn-primary.save-btn.btn-p {
   margin-left: 9px;
 }

 .custom-buttons-container .btn.cancel-btn {
   background-color: #f44336;
   /* Red */
 }

 .custom-buttons-container .btn.save-btn {
   background-color: #008CBA;
   /* Blue */
 }

 .lang_update_receipt {
   display: flex !important;
   justify-content: left !important;
 }



 /* Custom CSS */

 img.rounded-full.close-btn.cls_rec_report_modal_cm-a {
   display: none;
 }

 .form-group.save-rec {
   width: 600px;
   text-align: left !important;
   padding-bottom: 20px !important;
 }

 .in_receiptname.py-1.px-2.lang_receipt_name,
 .in_dropdown.py-1.px-2.lang_dropdown.drop-list {
   text-align: left;

 }

 .in_description.py-1.px-2.lang_description {
   padding-top: 20px;
 }

 .py-1.px-1.lang_confirm_to_save_receipt {
   display: none;
 }

 .custom-select {
   position: relative;
   width: 100%;
 }

 .search-input {
   margin-bottom: 10px;
 }

 .select-options {
   display: flex;
   flex-direction: column;
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #ccc;
   border-radius: 5px;
 }

 .option {
   padding: 10px;
   cursor: pointer;
 }

 .option:hover {
   background-color: #f0f0f0;
 }

 .arrow-down-open,
 .arrow-down-close {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   color: #000;
   cursor: pointer;
   right: 10px;
   /* Adjust the position as needed */
 }

 .arrow-down-close {
   display: none;
 }


 .dropdown-list {
   list-style-type: none;
   padding: 0;
   margin: 0;
   text-align: left;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.058);
 }

 .dropdown-list li {
   padding: 10px;
   cursor: pointer;


 }

 .dropdown-list li:hover {
   background-color: #dcdcdc;
 }


 .search-box-container {
   position: relative;
 }

 .search-icons {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   display: flex;
   align-items: center;
 }

 .search-icons span {
   cursor: pointer;
   padding: 5px;
 }

 /* table layout */

 /* .tabel-layout-modal{
    width: 600px !important;
    height: 600px !important;
} */

 .md.modal-dialog.md-table {

   width: 1206px !important;
   /* height: 100vh !important;   */
 }

 .unique-modal-dialog.modal-dialog {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 !important;
 }

 .modal-content.table-content {
   width: 100% !important;
   max-width: 100% !important;
   /* height: 122vh !important;  */
   display: flex !important;
   flex-direction: column !important;
 }

 .modal-header {
   flex: 0 0 auto !important;
   /* Ensure header remains fixed at the top */
 }

 .modal-body {
   flex: 1 1 auto !important;
   /* Allow body to expand and fill remaining space */
   /* padding: 0 !important; */
 }

 .iframe-container {
   width: 100% !important;
   height: 100% !important;
 }

 .iframe-grid {
   width: 1124px !important;
   height: 703px !important;
 }

 .table_room_search {
   position: absolute;
   display: none;
 }

 .modal-body.grid.grid-cols-12.gap-4.gap-y-3.scrollbar.tabel-layout-modal {
   display: flex !important;
   flex-direction: column !important;
   justify-content: center !important;
   align-items: center !important;
   overflow: hidden !important;
 }

 .mode {
   display: none !important;
 }

 @media only screen and (max-width: 1024px) and (min-width: 760px) {
   .iframe-grid {
     width: 1052px !important;
     height: 703px !important;
   }

 }

 /* ebt new update */

 .ebt-header span.jconfirm-title {
   text-align: justify;
   line-break: anywhere;
   line-height: 30px;
 }


 /* test */


 /* Initially hide the category list container */
 .category-list-container.hidden {
   display: none;
 }

 /* Style for the category list */
 .category-list {
   list-style: none;
   padding: 0;
   margin: 0;
   background-color: #fff;
   border: 1px solid #ccc;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
   position: absolute;
   z-index: 1000;
   width: 597px;
   margin-top: -1px;
   border-radius: 12px;
 }

 /* Style for category list items */
 .category-list li {
   padding: 8px 16px;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }

 /* Hover effect for category list items */
 .category-list li:hover {
   background-color: #f0f0f0;
 }

 /* Active style for category list items */
 .category-list li.active {
   background-color: #eaeaea;
 }

 .jconfirm-content-pane {
   overflow-y: hidden !important;
 }



 /* Distributor Code */
 .dist-disabled-button {
   cursor: not-allowed !important;
   opacity: 0.5;
 }

 .dual-instruction {
   font-weight: 600;
 }

 h2.product-name {
   font-size: 14px !important;
   padding-right: 45px;
   padding-left: 8px;
   color: #000000;
 }

 p.product-price {
   padding-right: 5px;
   /* font-weight: 600; */
   word-wrap: break-word;
   color: #000000;
 }

 .product-card-qty {
   border: 1px solid #ccc;
   width: 360px;
   margin-bottom: 10px;
   padding-left: 5px;
   padding-right: 5px;
   cursor: pointer;
   /* To indicate it’s clickable */
   background-color: white;
   /* Default background color */
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-radius: 8px;
   margin-top: 10px;
   box-shadow: -2px 5px 24px 0px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: -2px 5px 24px 0px rgba(0, 0, 0, 0.04);
   -moz-box-shadow: -2px 5px 24px 0px rgba(0, 0, 0, 0.04);


 }

 .product-info {
   display: flex;
   align-items: center;
 }

 .quantity-n {
   display: none;
   /* Hidden by default */
   align-items: center;
   width: 30vw;
   height: 33px;
   background-color: #000000;
   color: #ffffff;
   padding: 10px;
   border-radius: 20px;
   justify-content: center;
 }

 .quantity-value {
   margin: 0 1px;
   font-size: 15px;
 }

 .increase,
 .decrease {
   font-size: 20px;
 }

 .quantity-toggle button {
   cursor: pointer;
 }

 .circle-n {
   width: 30px;
   height: 30px;
   color: #ffff;
   border-radius: 50%;
   background-color: #000000;
   display: flex;
   align-items: center;
   justify-content: center;
 }




 .lang_update_receipt {
   position: relative !important;
   right: 228px !important;

 }

 /* assign other staff ui design */

 /* Modal styles */

 .modal-p {
   display: none;
   position: fixed;
   z-index: 75;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .modal-dialog .staff-poup {
   max-width: 500px;
   width: 100%;
 }

 .staff-list {
   max-height: 400px;
   overflow-y: auto;
 }

 .modal-content {
   background-color: white;
   border: 1px solid #888;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .modal-header {
   display: flex;
   align-items: center;
 }

 .modal-body {
   padding: 20px;
 }

 .modal-footer {
   padding: 15px;
   border-top: 1px solid #ddd;
   text-align: right;
 }

 .close {
   order: -1;
   margin-right: 15px;
   color: #13131381;
   float: right;
   font-size: 20px;
   font-weight: bold;
 }

 .close:hover,
 .close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
 }

 /* Employee list styles */
 #employeeList {
   list-style: none;
   padding: 0;
 }

 .employee-item {
   display: flex;
   align-items: center;
   padding: 10px;
   border-bottom: 1px solid #ddd;
 }

 .employee-item img {
   border-radius: 50%;
   margin-right: 10px;
   width: 40px;
   height: 40px;
 }

 .search-container {
   position: relative;
 }

 .cancel-icon {
   top: 37%;
   right: 16px;
   cursor: pointer;
 }

 .cancel-icon img {
   position: absolute;
   width: 11px;
   height: 11px;
 }

 .cancel-icon img:hover {
   opacity: 0.7;
 }

 input#searchInput {
   padding-left: 34px;
 }

 svg.feather.feather-search.w-4.h-4.absolute.my-auto.inset-y-0.ml-3.left-0.z-10.text-slate-500.staff-search {
   margin-top: 12px;
 }

 .employee-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .employee-details {
   display: flex;
   align-items: center;
 }

 .add-icon {
   margin-left: 10px;
   cursor: pointer;
 }

 .employee-details-description {
   display: flex;
   flex-direction: column;
 }

 span.mobile-number {
   font-size: 12px;
 }

 h2.assign-user-text {
   font-weight: 600;
 }



 .employee-image {
   width: 100px;
   /* Adjust size as needed */
   height: 100px;
   /* Adjust size as needed */
   border-radius: 50%;
   object-fit: cover;
   /* Ensure the image covers the element */
   display: block;
   /* Ensure proper alignment */
   margin: 0 auto 10px;
   /* Center the image and add bottom margin */
 }

 .modal-header {
   display: flex;
   align-items: center;
 }

 .back-icon {
   cursor: pointer;
   margin-right: 10px;
   /* Adjust spacing as needed */
 }

 .employee-details-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-bottom: 40px;
 }

 .employeeIdIcon-list {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #0000003a;
   padding-bottom: 5px;
   margin-bottom: 10px;
 }

 .employeeIdIcon-list svg {
   margin-right: 5px;
 }

 .employeid-d {
   padding-left: 20px;
 }

 .add-to-receipt-button {
   color: #191970;
   border: none;
   padding: 10px 20px;
   font-weight: 600;
   font-size: 15px;
   cursor: pointer;
   border-radius: 5px;
   margin-left: auto;
   text-transform: uppercase;
 }

 .add-to-receipt-button:hover {
   color: #3333b1;
 }

 .modal-dialog.staff-poup {
   width: 600px !important;
 }

 .modal-p {
   display: none;
   /* Add other modal styles here */
 }

 .py-1.px-1.lang_confirm_to_update_receipt {
   display: none;
 }

 .employee-details {
   width: 100vw;
   cursor: pointer;
 }

 /* split payment ui */

 .payment-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 20px;
   margin-top: 12px;
   border-bottom: 1px solid #e5e7eb;
 }

 .back-to-pay {
   display: flex;
   align-items: center;
 }

 .done-btn-split {
   font-weight: 800 !important;
 }

 .split-button {
   font-weight: 600;
   margin-left: auto;
   color: #191970;
   background-color: #fff;
   box-shadow: none !important;
   border: none !important;
 }

 .lang_payment {
   padding-left: 20px;
 }



 .split-payment-form {
   /* Example styles for split_payment_form */
   display: none;
   border: 1px solid #ccc;
   padding: 20px;
   margin-bottom: 20px;
 }

 /* Styles for split payment form */
 #split_payment_form {
   text-align: center;
   padding: 20px;
 }



 /* Styles for quantity buttons and display */
 .quantity-group {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 20px;
 }




 .quantity-display {
   font-size: 45px;
   margin: 0 20px;
   font-weight: 600;
 }

 /* Styles for item list */
 /* Styles for split payment form */
 #split_payment_form {
   text-align: center;
   padding: 20px;
 }

 /* Styles for quantity buttons and display */
 .quantity-group {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 20px;
 }

 .quantity-btn {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   font-size: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 10px;
   border: 2px solid #000000;
   background-color: #ffffff;
   color: #000000;
   cursor: pointer;
 }

 /* .quantity-btn:hover {
  background-color: #c5c5c5;
} */

 .item-details-split {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 10px;
 }

 .item-details-split .remove-btn,
 .item-details-split .payment-method,
 .item-details-split .product-price,
 .item-details-split .charge-status,
 .item-details-split .charge-button,
 .item-details-split .paid-section {
   margin: 5px;
 }

 .item-details-split .remove-btn,
 .item-details-split .paid-section {
   flex: 0 0 30px;
 }

 .item-details-split .payment-method,
 .item-details-split .product-price,
 .item-details-split .charge-status,
 .item-details-split .charge-button {
   flex: 1;
 }

 @media (max-width: 768px) {
   .item-details-split {
     flex-direction: column;
     align-items: flex-start;
   }

   .item-details-split .remove-btn,
   .item-details-split .paid-section {
     order: -1;
     margin-bottom: 10px;
   }

   .item-details-split .payment-method,
   .item-details-split .product-price,
   .item-details-split .charge-status,
   .item-details-split .charge-button {
     width: 100%;
     margin: 5px 0;
   }
 }


 /* Styles for item list */

 input.product-price[type="number"] {
   -moz-appearance: textfield;
 }

 input.product-price[type="number"]::-webkit-outer-spin-button,
 input.product-price[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }



 #itemList {
   margin: 20px auto;
   padding: 0;
   list-style: none;
   max-height: 50vh;
   overflow-y: auto;
   overflow-x: hidden;
   border-bottom: 1px solid #ddd;
   border-radius: 5px;
   padding-bottom: 30px !important;
 }

 #itemList .item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
   margin-top: 35px;
   border-bottom: 1px solid #ddd;
 }

 #itemList .item:last-child {
   border-bottom: none;
 }

 .item-details-split {
   display: flex;
 }

 #itemList select {
   font-size: 18px;
   padding: 5px;
   border: 1px solid #ddd;
   border-radius: 5px;
   background-color: #fff;
   cursor: pointer;
   margin-right: 10px;
   /* Adjust spacing between dropdown and price */
   padding-right: 140px;
 }

 #itemList .product-price {
   font-size: 18px;
   color: #333;
   margin-left: 10px;
   /* Adjust spacing between price and charge button */
 }

 #itemList .charge-button {
   background-color: #191970;
   color: #fff;
   border: none;
   padding: 8px 16px;
   font-size: 16px;
   border-radius: 5px;
   cursor: pointer;
   margin-left: 10px;
   /* Adjust spacing between price and charge button */
 }

 #itemList .remove-btn {
   display: flex !important;
   align-items: center;
   justify-content: center;
   background: none;
   border: none;
   cursor: pointer;
   margin-right: 10px;
   /* Adjust spacing between remove button and dropdown */
 }

 #itemList .remove-btn svg {
   width: 30px;
   /* Adjust the size of the SVG icon */
   height: 30px;
 }


 .quantity.remaning-txt {
   padding-bottom: 30px;
 }




 /* Additional styles for split payment buttons */
 .split-payment-buttons {
   margin-top: 20px;
 }

 .split-payment-buttons button {
   margin: 0 10px;
   padding: 10px 20px;
   font-size: 16px;
   cursor: pointer;
 }

 .split-payment-buttons button:hover {
   background-color: #f0f0f0;
 }

 .quantity.remaning-txt {
   padding-bottom: 30px;
 }

 h2.amout-split {
   font-size: 30px;
   font-weight: 600;
   padding-top: 20px;
   padding-bottom: 10px;
 }

 h2.amout-split-1 {
   font-size: 30px;
   font-weight: 600;
   padding-top: 20px;
   padding-bottom: 10px;
 }



 /* hide the menu list */

 .menu-hide {
   position: relative;
   background-color: #191970;
   color: white;
 }

 .menu-hide::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(25, 25, 112, 0.686);
   /* Semi-transparent overlay color */
   z-index: 100;

 }

 /* hide the menu list */


 #split_payment_form,
 #payment_form {
   display: none;
 }

 .remove-btn {
   cursor: pointer;
 }

 .form-group.charge-form {
   text-align: left !important;
   padding-bottom: 16px;
 }

 .input-txt-payment {
   margin-top: 10px;
 }

 .charge-btn-group-form {
   width: 100%;
   /* Ensure the button container takes full width */
   display: flex;
   /* Use flex to center the button */
   justify-content: center;
   cursor: pointer;
 }

 .charge-btn-payment:hover {
   background-color: #191970b1;
 }

 .inline-block.mt-4.mx-auto.charge-btn-group-form.charge-pay {
   margin-top: 20px;
 }

 .charge-btn-payment {
   width: 100%;
   /* Ensure the button takes full width */
   padding: 15px 0;
   /* Ensure padding covers the entire button */
   text-align: center;
   background-color: #191970;
   background-color: #191970;
   border: none;
   color: #fff;
   border-radius: 4px;
   font-size: 16px;
   cursor: pointer;
   display: block;
   /* Ensure block display for full width */
 }

 .page,
 .section {
   display: none;
   /* Hide all pages and sections by default */
   padding: 20px;
   margin-bottom: 20px;
   border: 1px solid #ccc;
   border-radius: 4px;
 }

 #email_section {
   display: none;
   /* Initially hidden */
 }

 .form-control.form-split {
   border: none;
   border-bottom: 1px solid #00000047;
   border-radius: 0;
   padding: 5px;
   outline: none;
   width: 100%;
   box-sizing: border-box;
 }

 .form-control.form-split:focus {
   border: none;
   box-shadow: none !important;
   border-bottom: 1px solid #191970;
 }

 .charge-form {
   margin-bottom: 20px;
 }

 .paid-section {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 /* start alert style split */

 /* Modal styles */
 .modalsp {
   display: none;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0, 0, 0, 0.5);
 }

 .split-paymnet-content,
 .shift-close-content {
   background-color: #fefefe;
   position: absolute;
   top: 50%;
   left: 50%;
   border-radius: 7px;
   transform: translate(-50%, -50%);
   padding: 20px;
   border: 1px solid #888;
   max-width: 80%;
   /* Adjust max-width as needed */
   width: 400px;
   /* Adjust width as needed */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   /* Optional: Add shadow */
   text-align: center;
   /* Center text inside modal */
 }

 .close-btn-split {
   display: none !important;
 }

 .close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }

 .close:hover,
 .close:focus {
   color: #191970;
   text-decoration: none;
   cursor: pointer;
 }

 .btn-group-split,
 .btn-group-shift {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   margin-top: 15px;
   color: #333;
 }

 .btn-group-split button,
 .btn-group-shift button {
   flex: 1;
   margin: 0 4px;
   border-radius: 5px;
   padding-top: 10px;
   padding-bottom: 8px;
   border: none;
   cursor: pointer;
   text-transform: uppercase;
   font-weight: 600;
   background-color: #ecf0f1;
   color: #333;
   transition: background-color 0.3s ease;
 }

 .btn-group-split button:hover,
 .btn-group-shift button:hover {
   background-color: #DDDDDD;
 }



 h3.aletr-h-split,
 h3.aletr-h-shift {
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 17px;
 }

 .payment-details-group {
   display: flex;
   justify-content: space-evenly;
   position: relative;
 }

 .divider {
   width: 1px;
   height: 50%;
   background-color: rgba(0, 0, 0, 0.311);
   position: absolute;
   top: 25%;
   left: 50%;
   transform: translateX(-50%);
 }

 .lang_payment {
   padding-left: 10px;
   position: relative;
   bottom: 3px;
 }

 .split-btn-full {
   background-color: #191970;
   padding: 8px 15px 8px 15px;
   color: #fff;
 }


 /*End alert style split */

 .amount-txt-cal {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 5px;
 }

 .payment-txt {
   padding-top: 8px;
 }

 .splite-item-paid-button {
   display: flex !important;
   align-items: center;
 }

 .paid-section.splite-item-paid-button {
   padding-left: 33px;
 }

 /* pin new style */

 /* div#pin_modal_header {
  display: none;
} */
 div#login_div1 {
   box-shadow: none;
 }

 img.pin-logo {
   max-width: 174px;
   padding-bottom: 20px;
 }

 div#login_div1 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .pin-modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9999;
   width: 80%;
   max-width: 600px;
 }

 .pin-main {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 /* pin new style */
 p.qty-count {
   position: relative;
   right: 51px;
 }

 .qty-counter-inc {
   position: absolute;
 }

 .prdocut-details-deselect {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100vw !important;

 }

 .qty-value {
   position: absolute;
 }

 .qty-toggle-inc {
   width: 75px;
 }

 p.product-price.price-active {
   position: relative;
   right: 90px;
 }

 .quantity-toggle {
   position: absolute;
 }

 .quantity-toggle.qty-toggle-inc {
   width: 73px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 h2.product-name.product-qty-name {
   display: flex !important;
 }

 .modifiers-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
   gap: 4px;
 }


 .addon_code_active {
   display: flex !important;
   position: relative !important;
 }

 .in_receiptname.pt-1.pb-2.lang_receipt_name {
   display: flex;
 }

 .in_description.py-1.px-2.lang_description {
   position: relative;
   right: 7px;
 }


 /* start new screen ui changes */

 @media screen and (min-width: 1920px) {

   button.btn.btn-primary.ebt-pay-btn-ok,
   button.btn.btn-primary.pay-btn-skip,
   button.btn.btn-primary.pay-btn-cancel {
     height: 45px !important;
   }

   .remove_cart_item>svg {
     width: 37px !important;
     padding: 0px !important;
     height: 24px !important;
     margin-right: 10px !important;
   }

   button.btn.btn-default {
     height: 45px;
   }

   button.cancelBtn.btn.btn-sm.btn-default {
     height: 27px !important;
   }

   .payment-header {

     margin-top: 27px;
   }

   .cal-container {
     position: relative;
     /* or absolute, fixed, depending on your layout needs */
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 70vh;
     max-height: 90vh;
     overflow-y: auto;
   }

 }

 .box.p-5.mt-5.billing_total.scrollbar.tot-scroll {
   margin-bottom: 20px;
   max-height: 220px !important;
   overflow-y: auto !important;
 }

 .billing_total {
   height: 50vh !important;
   margin-bottom: 10px;
   overflow: auto !important;
 }

 /* end new screen ui changes */
 .billing.scrollbar.billing-cart {
   height: calc(70vh - 168px) !important;
 }

 .select_icons {
   padding: 8px !important;
 }

 .billing_total {
   height: 12vh !important;
   overflow: auto !important;
 }

 .icon-gray {
   stroke: #d0d0d09e;
   opacity: 0.6;
 }

 .hold-delete-popup {
   text-transform: capitalize;
   font-size: 18px !important;
   font-weight: 600;
 }

 .text-hold-bil {
   position: relative;
   padding-bottom: 19px;
   bottom: 6px;
   left: 14px;
 }


 #profile_details {
   width: 105px;
 }


 span.slider.round.dj-togle {
   width: 61px;
 }

 /* Start shift managment time new ui */

 .btn-container-time {
   display: flex;
   justify-content: space-evenly;
 }

 .past-shift {
   margin-right: 10px !important;
 }

 .cash-m {
   height: 85vh !important;
   overflow-y: auto !important;
 }

 /* End shift managment time new ui */

 /* Modal styles view past report */
 .modal-shift {
   display: none;
   position: fixed;
   z-index: 99;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   background-color: rgba(0, 0, 0, 0.5);
 }

 .modal-content-shift {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: #fefefe;
   padding: 20px;
   width: 80%;
   max-width: 600px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   max-height: 80%;
   overflow-y: auto;
   border-radius: 12px;
 }

 .modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }

 .title-shift,
 .title-details {
   font-size: 18px;
   font-weight: 600;
   margin: 0;
 }

 .close.close-shift {
   color: #aaa;
   font-size: 28px;
   font-weight: 500;
   cursor: pointer;
   order: unset !important;
 }

 /* Back button style */

 .back-icon {
   width: 24px;
   height: 24px;
   fill: #000;
 }

 /* Scrollable list style */
 .scrollable-list {
   max-height: 300px;
   overflow-y: auto;
 }

 /* Shift item style */
 .shift-item {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #ccc;
   padding: 10px;
   cursor: pointer;
 }

 .shift-item:hover {
   background-color: #f0f0f0;
 }

 /* Detail modal */
 .modal-details {
   display: none;
 }

 .modal-details.show {
   display: block;
 }

 .shift-item-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
 }

 .item-data-list {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

 p.item-date {
   font-size: 15px;
   font-weight: 600;
 }

 .item-time {
   display: flex;
   color: #00000091;
 }

 .scrollable-list {
   max-height: 400px;
   overflow-y: auto;
 }

 .modal-header.detail-shift {
   display: flex;
   justify-content: normal !important;
 }

 button#backBtn {
   margin-right: 0px;
 }

 .modal-print {
   display: flex;
   align-items: center;
 }

 h2.title-details {
   position: absolute;
   left: 87px;
 }

 .modal-header.detail-shift {
   display: flex;
   justify-content: space-between !important;
 }

 .shift-list {
   display: flex;
   justify-content: space-between;
   margin-top: 0px !important;
   margin: 15px;
   padding-top: 10px;
 }

 /* start details page list */
 .shift-open-detail.shift-list {
   border-bottom: #e5e5e5a3 1px solid;
   padding-bottom: 16px;
 }

 .shift-open {
   display: contents;
 }

 p.shift-title {
   color: #191970;
   font-size: 15px;
   /* text-transform: capitalize; */
   font-weight: 600;
   padding-bottom: 10px;
   border-bottom: #e5e5e5a3 1px solid;
 }

 p.expected-list {
   color: #000000;
   text-transform: capitalize;
   font-weight: 600;
   padding-bottom: 10px;
   border-bottom: #e5e5e5a3 1px solid;
 }

 .text-shift-bold {
   font-weight: 600 !important;
   font-size: 14px !important;
 }

 .shift-title-expect {
   color: #000000;
   /* text-transform: capitalize; */
   font-weight: 600;
   font-size: 14px;
   padding-bottom: 15px;

 }

 p.shift-title {
   padding-top: 15px;
 }

 /* end details page list */

 /* Customized fixed charge */
 .custom_fixed_charge {
   border: none;
   width: 180px;
   padding: unset;
   border-bottom: 1px solid #ccc;
 }

 .custom_fixed_charge:focus {
   outline: none !important;
   text-decoration: none !important;
   box-shadow: none !important;
 }

 .btn-djava-cancel {
   order: -1;
 }

 .btn-djava-ok {
   order: 1;
 }

 /* Add table name for item cart */
 #select_orderTypes {
   border: none;
   position: relative;
   padding: 10px 40px 10px 10px;
   cursor: pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 100%;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   outline: none !important;
 }

 #select_orderTypes::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 10px;
   width: 10px;
   height: 10px;
   background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23B3B3B3" d="M2 0L0 2h4z"/></svg>') no-repeat center center;
   background-size: contain;
   transform: translateY(-50%);
   transition: transform 0.3s ease;
 }

 #select_orderTypes.open::after {
   background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23B3B3B3" d="M2 5L0 3h4z"/></svg>') no-repeat center center;
   background-size: contain;
   transform: translateY(-50%) rotate(180deg);
 }

 .drop_icon.box {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
 }

 /* standed table layout new changes */


 table#category-table {
   cursor: pointer;
 }

 span.d-flex.property-icon {
   justify-content: space-around;
 }

 h5.card-header {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 span.d-flex.rec-txt {
   justify-content: center;
 }

 #table-room-modal .modal-dialog {
   width: 1400px !important;
 }

 #table-room-modal .table_room_search {
   display: flex;
   z-index: 44;
 }

 .table-room-list {
   height: 560px;
   overflow-y: auto !important;
   overflow-x: hidden;
   padding: 0px 8px;
   margin: 0px 3px;
 }

 .card-body.grid.grid-cols-8.gap-1.gap-y-1.flex {
   display: flex;
   flex-wrap: wrap;
   width: 100vw;
 }

 #table-room-modal .card.main_card {
   width: 82rem;
   margin-top: 30px !important;
   border: 1px solid #eee;
   border-radius: 8px;
 }

 #table-room-modal .card.main_card .card_list {
   padding: 0px 12px 15px 15px;
   display: flex;
   height: 350px
 }

 svg.print_hold_bil {
   width: 34px !important;
   position: relative;
   left: 5px;
   top: 2px;
 }

 .card-body {
   display: flex;
   flex-direction: column;
   justify-content: center !important;
   align-items: center;
   height: 100%;
   /* Ensure the card body takes up the full height of the card */
   place-items: center;
   height: 100%;
   position: relative;
 }

 /* span.d-flex.rec-txt {
  padding-top: 38px;
} */
 p.name.bill-val {
   font-size: 16px;
   font-weight: 600 !important;
   /* padding-bottom: 20px; */
 }

 .d-flex.property-icon {
   margin-top: auto;
 }

 .d-flex.property-icon {
   position: absolute;
   bottom: 37px;
   /* Adjust as needed */
   left: 50%;
   transform: translateX(-50%);
 }

 /* p.card-text.kot-txt-line {
  padding-bottom: 80px;
} */
 /* p.name.availble-name-txt {
  position: relative;
  top: 110px;
  font-weight: 300 !important;
  color: #808080ba;
} */
 span.d-flex.property-icon {
   justify-content: space-around;
   width: 300px;
 }

 .pre_bill_btn.print-btn,
 .kot_btn,
 .edit_btn {
   padding: 0px !important;
   width: 74px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .pre_bill_btn.print-btn svg,
 .kot_btn svg,
 .edit_btn svg {
   width: 26px;
   height: 33px;
 }

 /* Table/room */

 .search-container-list {
   display: flex;
   align-items: center;
   width: 100%;
   border-bottom: 1px solid #cccccc6d;
   padding: 10px 0;
   position: relative;
 }

 #searchInput-list {
   display: none;
   width: 40px;
   padding: 10px 40px 10px 40px;
   font-size: 16px;
   border: none;
   /* Remove border */
   outline: none !important;
   /* Remove outline */
   transition: width 0.4s ease-in-out;
   background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"%3E%3Ccircle cx="11" cy="11" r="8"%3E%3C/circle%3E%3Cline x1="21" y1="21" x2="16.65" y2="16.65"%3E%3C/line%3E%3C/svg%3E') no-repeat scroll 10px center;
   background-size: 20px 20px;
 }

 #searchInput-list.active {
   display: block;
   width: calc(100% - 80px);
 }

 .dropdown-table-list {
   flex: 1;
   margin-right: 5px;
   position: relative;
 }

 .dropdown-table-list button {
   width: 100%;
   padding: 10px;
   font-size: 16px;
   border: none;
   background-color: #ffffff;
   cursor: pointer;
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .dropdown-table-list button svg {
   width: 20px;
   height: 20px;
 }

 .dropdown-content-p {
   display: none;
   position: absolute;
   width: 100%;
   margin-top: 5px;
   border: none;
   border-radius: 0 0 5px 5px;
   background-color: #fff;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   z-index: 1;
 }

 .dropdown-content-p a {
   display: block;
   padding: 10px;
   text-decoration: none;
   color: #333;
 }

 .dropdown-content-p a:hover {
   background-color: #f2f2f2;
 }

 .dropdown-table-list:hover .dropdown-content-p {
   display: block;
 }

 #searchIcon {
   padding: 10px;
   background: #ffffff;
   border: none;
   cursor: pointer;
 }

 .cancelIcon {
   display: none;
   position: absolute;
   right: 10px;
   cursor: pointer;
 }

 img.rounded-full.close-btn.closebtn-table-room {
   position: unset !important;
 }

 .open-order-text {
   font-weight: 600;
   font-size: 16px;
   position: absolute;
   left: 67px;
   top: 9px;
 }

 #open_bill_view {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 90vh;
   /* Full viewport height */
 }

 .hold-receipt-container {
   width: 60vw;
   height: 80vh !important;
   padding-bottom: 70px;
   /* Increase bottom padding to account for button space */
   background-color: white;
   border: 1px solid #ccc;
   padding: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
   position: relative;
   /* Ensure relative positioning for the fixed buttons */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   /* Space between header, content, and footer */
 }

 .fixed-header {
   align-items: center;
   background: white;
   z-index: 10;
   width: 100%;
   border-bottom: 1px solid #ccc;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
 }

 .fixed-header .open-order-text {
   font-weight: 600;
   font-size: 16px;
   position: absolute;
   left: 67px;
   top: 9px;
 }

 .scrollable-content {
   padding-bottom: 50px !important;
   text-transform: capitalize;
   margin-top: 20px;
   flex-grow: 1;
   /* Allow content to grow and take up remaining space */
   overflow-y: auto;
   overflow-x: hidden;
 }

 .action-list {
   position: absolute;
   background-color: white;
   border: 1px solid #ccc;
   padding: 9px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   z-index: 100;
   width: 105px;
   border-radius: 9px;
 }

 .action-list.hidden {
   display: none;
 }

 .view-more-container {
   position: relative;
   cursor: pointer;
 }

 .view-more-icon {
   width: 20px;
   height: 20px;
   fill: #2e3436;
 }

 .header-t-container {
   display: flex;
   justify-content: space-between;
 }

 .fixed-buttons {
   border-radius: 0px 0px 12px 12px;
   position: fixed;
   /* Fix to viewport */
   bottom: 0;
   z-index: 60 !important;
   left: 50%;
   /* Center align with respect to container */
   transform: translateX(-50%);
   /* Center align with respect to container */
   width: 60vw;
   /* Match the width of the container */
   display: flex;
   justify-content: space-between;
   /* Distribute space between buttons */
   padding: 10px;
   /* Add padding for spacing */
   background: white;
   /* Ensure background is white */
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   /* Add slight shadow for separation */
 }

 .fixed-buttons button {
   flex: 1;
   border-radius: 7px;
   padding: 10px;
   border: none;
   cursor: pointer;
   margin: 0 5px;
   /* Add margin to create white space between buttons */
 }

 .edit-button {
   background-color: #191970;
   color: white;
 }

 .print-button {
   background-color: #ffffff;
   border: 1px solid #191970 !important;
   color: #191970;
 }

 .hold-product-count-qty {
   display: flex;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   padding-left: 8px !important;
 }

 .pri-txt-bold {
   font-weight: 600 !important;
   text-transform: capitalize;
 }

 .tooltip .tooltiptext {
   visibility: hidden;
   width: 200px;
   background-color: white !important;
   color: black !important;
   text-align: center;
   border-radius: 6px;
   padding: 5px;
   position: absolute;
   z-index: 1;
   /* bottom: 125%; */
   left: 80%;
   margin-left: -60px;
   opacity: 0;
   transition: opacity 0.3s;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.115);
   /* Added box shadow */
 }

 .table-hidden {
   display: none !important;
 }

 .search-tble-room {
   position: relative !important;

 }

 #table-room-modal .table_room_search select {
   min-width: 100% !important;
 }

 #table-room-modal .table_room_search:focus,
 #table-room-modal .table_room_search select:focus {
   outline: none !important;
   border: none !important;
   box-shadow: none !important;
 }

 .remove-btn {
   display: none !important;
 }

 .card-box {
   border-radius: 15px !important;
 }

 .card-box-header {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
 }

 .box.hold-receipt-container {
   border-radius: 12px;
 }

 .cat_link,
 .product-name {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   /* Number of lines to show */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 4.5em;
   /* Adjust based on line height */
   line-height: 1.5em;
   /* Adjust line height */
 }

 /* Start new 10 inches pos device   */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
   div#style-8 {
     overflow-x: hidden !important;
   }

   #btn_home_screen,
   #btn_cart_layout,
   #btn_lang_layout,
   #btn_lock_layout {
     left: 63% !important;
     bottom: -44px !important;
   }

   div#cal_container {
     position: relative;
     top: 43px;
   }

   .col-span-2.lg\:col-span-2.lang_holde_receipts {
     margin-left: 15px;
   }

   button#btn_home_screen {
     width: 110px !important;
   }

   div#quick_cash_10 {
     overflow: wrap;
     overflow-wrap: break-word;
     word-break: break-all;
     height: 56px;
     width: 65px;
   }

   div#quick_cash_20 {
     overflow: wrap;
     overflow-wrap: break-word;
     word-break: break-all;
     height: 56px;
     width: 65px;
   }

   div#quick_cash_30 {
     overflow: wrap;
     overflow-wrap: break-word;
     word-break: break-all;
     height: 56px;
     width: 65px;

   }

   div#retail-grid-view {
     position: absolute !important;
   }

   div#quick_cash_100 {
     overflow: wrap;
     overflow-wrap: break-word;
     word-break: break-all;
     height: 56px;
     width: 65px;
   }

   .quick_cash {
     overflow: wrap;
     overflow-wrap: break-word;
     word-break: break-all;
     height: 56px;
     width: 65px;
   }

   #style-7 {
     height: 93vh !important;
     overflow: hidden;
   }

   .billing.scrollbar.billing-cart {
     height: calc(64vh - 168px) !important;
   }

   .btn-container {
     height: 55px;

   }

   .side-nav {
     width: none !important
   }

   .billing_total {
     height: 124px !important;
   }

   .remove_cart_item>svg {
     width: 18px !important;
     padding: 0px !important;
     height: 19px !important;
     margin-right: 10px !important;
   }

   .max-w-\[50\%\] {
     max-width: 43% !important;
   }

   .image-fit>img {
     position: absolute;
     height: 60% !important;
     width: 60% !important;
     -o-object-fit: cover;
     object-fit: cover;

   }

   .remove_cart_item.px-1.py-1 {
     display: contents !important;
   }

   .absolute.top-0.left-0.w-full.h-full.image-fit.hover-child-show {
     display: flex !important;
     justify-content: center !important;
   }

   .h-screen.xl\:h-auto.flex.py-5.xl\:py-0.my-10.xl\:my-0.mobile-reg.terminal_reg {
     position: relative !important;
     bottom: 12px !important;
   }

   .terminal_signup {
     padding-top: 2px !important;
     padding-bottom: 2px !important;
   }

   .box.rounded-md.p-3.relative.zoom-in {
     height: 170px !important;

   }

   .cat_link,
   .product-name {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* Limit to 2 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: 3em;
     /* Adjust max-height to fit 2 lines */
     line-height: 1.5em;
     word-break: break-word;
   }

   .cus-modal {
     height: 86vh !important;
     overflow-y: auto !important;
   }

   .gap-3.grid.grid-cols-12.mx-auto.my-6.w-11\/12.charge-btn {
     position: relative;
     bottom: 19px;
   }


 }

 .btn.btn-primary.flex.ml-2.retrive-ip {
   position: relative;
   left: 8px;
 }

 /* setting-page */




 /* End new 10 inches pos device   */

 .item_qty_pr {

   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   flex-grow: 0;
   box-sizing: border-box;
   /* Add any additional styling as needed */
 }

 /* .item_qty_pr {
  display: none;
  height: 30px;
  width: 50px !important; 
  position: relative;
    bottom: 10px;
} */

 .item_qty_pr.displayed {
   display: block;
   /* When it needs to be shown */
 }

 .flex.reservedtable {
   position: relative;
   left: 7px;
 }

 /* Popup styles for phonepe */
 .popup {
   position: fixed;
   z-index: 68;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   display: flex;
   align-items: center;
   justify-content: center;

 }

 .popup-content {
   background-color: #fefefe;
   margin: 10% auto;
   padding: 20px;
   border: 1px solid #888;
   width: 350px;
   /* Reduced width */
   max-width: 400px;
   /* Optional: Adjust max-width if needed */
   position: absolute;
   /* Absolute for centering */
   text-align: center;
   border-radius: 5px;
 }

 .popup-body {
   margin-bottom: 20px;
 }

 .popup-title {
   text-align: center;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 8px;
 }

 .popup-title-sub {
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 20px;
 }

 .qr-code {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
 }

 .popup-footer {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .full-width {
   width: 100%;
 }

 .popup-body-sub {
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   color: #b7b7b7;
 }

 /* end Popup styles for phonepe */

 /* Processing Popup Styles */
 #popup-processing {
   position: fixed;
   z-index: 269;
   /* Ensure it appears above other elements */
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 #popup-processing .popup-content {
   background-color: #fefefe;
   padding: 20px;
   border: 1px solid #888;
   width: 400px;
   /* Adjust width as needed */
   text-align: center;
 }

 .spinner-phonepe {
   width: 30px;
   height: 30px;
   border: 4px solid #ccc;
   border-top-color: rgb(1, 1, 107);
   ;
   border-radius: 50%;
   animation: spin 1s linear infinite;

 }

 @keyframes spin {
   from {
     transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 .sppiner-phone {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 p.spinner-txt {
   margin-left: 20px;
 }

 /* Processing Popup Styles End */

 /*start paymnet made popup */
 .popup-content-made {
   background: #fff;
   padding: 20px;
   border-radius: 8px;
   max-width: 450px;
   width: 90%;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .popup-body-phone {
   margin-bottom: 20px;
 }

 .btn-complete-phone {
   width: 130px;
   font-size: 14px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }

 .btn_try_phonepe {
   cursor: pointer;
 }

 .btn-second {
   border: 1px solid rgb(1, 1, 107) !important;
   color: rgb(1, 1, 107) !important;
 }

 /*end paymnet made popup */

 /* start dula display phonepe */
 .popup-full-screen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9999;
 }

 .popup-content-full {
   background-color: white;
   padding: 20px;
   border-radius: 10px;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   box-sizing: border-box;
 }

 .popup-header.txt-scan-here h2 {
   margin: 0;
   font-size: 27px;
   color: #333;
   font-weight: 600;
 }

 .popup-body-full {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .qr-code-center {
   max-width: 100%;
   max-height: 100%;
   margin: 20px 0;
 }

 .popup-footer-full {
   margin-top: 20px;
 }

 .btn-complete-full {
   padding: 10px 20px;
   font-size: 18px;
 }

 .phonepe-logo {
   padding-top: 30px;
 }

 /* End dula display phonepe */


 svg.bi.bi-caret-down-fill {
   fill: #000000 !important;
 }


 /* Phonepe enable disable button style start */
 .phonepe_pg_status .slider.round {
   height: 25px !important;
 }

 .phonepe_pg_status .slider.round:before {
   height: 18px !important;
   width: 18px !important;
 }

 /* Phonepe enable disable button style end */

 /* Phonepe refund style start */
 .phonepe-refund-types {
   float: left;
   text-align: left;
   padding-top: 10px;
   padding-left: 30%;
 }

 /* Phonepe refund style end */

 /* Phonepe refund style end */

 /* favorits style start */

 .fav-heart-icon svg {
   transition: fill 0.3s ease;
   stroke: black;
   /* Default border color */
   fill: none;
   /* Default fill color */
 }

 .fav-heart-icon svg.selected {
   stroke: red;
   /* Selected border color */
   fill: red;
   /* Selected fill color */
 }

 /* favorits style end */
 /* start barcode stylr popup*/
 h3.title-barcode {
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 10px;
   margin-bottom: 4px;
 }


 /* end barcode style popup*/


 label.measurment_type_notification_msg.status-qty {
   display: block;
   text-align: center !important;
   font-size: 12px !important;
 }

 .main-status-qty {
   font-size: 12px;
   display: block;
   text-align: center;
 }

 /* start qr-web-store tab style start */

 .tab-item.active .tab-link {
   border-bottom: 3px solid #191970;
   font-weight: 800;
 }

 .tab-pane {
   display: none;
 }

 .tab-pane.active {
   display: block;
 }

 #license_expier_div.tab-pane {
   display: block;
 }

 div#open_bill {
   height: 89vh;
 }

 @media (max-width: 1024px) {
   .tab-link {
     font-size: 14px;
     padding: 10px;
   }
 }

 li.tab-item {
   text-transform: uppercase;
 }

 .box-area {
   height: auto !important;
   max-height: calc(77vh - 85px) !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
   padding-bottom: 20px;
 }

 .tab-link:hover {
   color: #191970;
   font-weight: 700;
   cursor: pointer;

 }

 .fixed-buttons-approved {
   border-radius: 0px 0px 12px 12px;
   position: fixed;
   /* Fix to viewport */
   bottom: 0;
   z-index: 60 !important;
   left: 50%;
   transform: translateX(-50%);
   width: 60vw;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 10px;
   background: white;
   border-left: 1px #00000028 solid;
   border-right: 1px #00000028 solid;

 }

 .fixed-buttons-approved .approved-container {
   flex: 1;
 }

 .fixed-buttons-approved .approved-container button {
   width: 100% !important;
   border-radius: 7px;
   padding: 10px;
   border: none;
   cursor: pointer;
   margin-bottom: 7px;
   height: 47px;
   text-transform: capitalize;
 }

 .fixed-buttons-approved button {
   flex: 1;
   border-radius: 7px;
   padding: 10px;
   border: none;
   cursor: pointer;
 }

 .fixed-buttons-approved .edit-button {
   width: 50%;
 }

 .fixed-buttons-approved .print-button {
   width: 50%;
   margin-right: 9px;
 }

 .approved-feature-container {
   display: flex;
   padding-left: 40px;
   padding-right: 40px;
 }

 .reject-btn {
   background-color: #ffffff;
   border: 1px solid #191970 !important;
   color: #191970;
 }

 .approved-container {
   padding-left: 40px;
   padding-right: 40px;
 }

 .ecommerce-grand-total {
   padding-bottom: 40px;
 }

 .ecommerce-receipt-view,
 .qr-order-receipt-view {
   text-transform: none;
 }

 .ecommercebillview,
 .ecommerce_print_bil,
 .ecommerceapprovedbillview,
 .ecommerce_approved_orders_print {
   cursor: pointer;
 }

 /* end qr-web-store tab style start */

 /* start Alert Qr web store */
 .qr-web-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 1000;
 }

 .qr-web-content {
   background-color: #fff;
   padding: 20px;
   border-radius: 5px;
   max-width: 400px;
   width: 90%;
   position: relative;
 }

 .qr-web-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 15px;
 }

 .qr-web-title {
   font-size: 18px;
   font-weight: bold;
 }

 .qr-web-close {
   font-size: 24px;
   font-weight: 400;
   cursor: pointer;
   color: #aaa;
 }

 .qr-web-reject-close {
   font-size: 24px;
   font-weight: 400;
   cursor: pointer;
   color: #aaa;
 }

 .qr-web-body {
   margin-bottom: 20px;
 }

 .qr-web-footer {
   text-align: right;
 }

 .btn-complete-qr {
   padding: 10px 20px;
   background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
   color: #fff;
   font-weight: 600;
   cursor: pointer;
   border: none;
   border-radius: 4px;
   transition: background-color 0.3s ease;
 }

 .btn-complete-qr:hover {
   background-color: #6F71A7;
   color: #fff;
 }

 .reject-reason {
   width: 100%;
   border: none;
   border-bottom: 1px solid gray;
   padding: 8px;
   box-sizing: border-box;
   resize: vertical;
   outline: none;
   height: 42px;
   overflow-y: auto;
   margin-top: 20px;
 }

 .reject-reason:focus {
   border-bottom: 1px solid gray;
   box-shadow: none;
 }

 #reject_reason {
   resize: none;
 }

 /* end Alert Qr web store */
 /* QR Web store red dot styles start */
 .btn-bill-open {
   position: relative;
 }

 .btn-bill-open {
   position: relative;
   display: inline-block;

 }

 .btn-bill-open {
   display: inline-flex;
   align-items: center;
   position: relative;
 }

 .red-dot {
   margin-left: 8px;
   width: 8px;
   height: 8px;
   background-color: red;
   border-radius: 50%;
   display: inline-block;
 }

 .intro-y.grid.grid-cols-12.flex.p-1.qr-container {
   display: flex;
   align-items: center;
   justify-content: space-around;
   border-bottom: 1px solid #00000012;
 }

 .border-date {
   border-bottom: 1px dotted #00000020;
 }

 .text-wrap-container {
   width: 210px;
   flex-wrap: wrap;
   word-break: break-word;
   overflow-wrap: anywhere;
 }

 /* QR Web store red dot styles end */


 /* Start kot log modal */

 .kotlog-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 300;
 }

 .kotlog-modal.hidden {
   display: none;
 }

 .kotlog-modal-content {
   background: white;
   border-radius: 8px;
   width: 80%;
   max-width: 800px;
   padding: 20px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 }

 .kotlog-modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
 }

 .kotlog-modal-header h2 {
   margin: 0;
 }

 h1.kot-title-txt {
   font-size: 16px;
   font-weight: 600;
 }

 .kotlog-close-btn {
   background: none;
   border: none;
   font-size: 20px;
   cursor: pointer;
 }

 .kotlog-modal-body table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 20px;
 }

 .kotlog-modal-body th,
 .kotlog-modal-body td {
   text-align: left;
   padding: 8px;
   border: 1px solid #ddd;
 }

 .kotlog-modal-body th {
   background-color: #f4f4f4;
 }

 .status {
   width: 12px;
   height: 12px;
   display: inline-block;
   border-radius: 50%;
   margin-right: 5px;
 }

 .status.red {
   background-color: red;
 }

 .status.green {
   background-color: green;
 }

 .kotlog-modal-body {
   max-height: 400px;
   overflow-y: auto;
   padding-right: 10px;
 }

 .kotlog-modal-body::-webkit-scrollbar {
   width: 8px;
 }

 .kotlog-modal-body::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 4px;
 }

 .kotlog-modal-body::-webkit-scrollbar-thumb:hover {
   background: #888;
 }

 .bg-txt-hover:hover {
   color: #191970 !important;
 }

 .bg-txt-hover {
   color: rgba(0, 0, 0, 0.808);
 }

 .pr-view-kot-logs {
   display: none;
 }

 .kot-resend:hover {
   cursor: pointer;
 }

 #open_bill_view #kot_log_data tr,
 #open_bill_view #kot_log_data td {
   border: none;
 }

 td.kot-log-data-target {
   float: left;
 }

 td.kot-log-data-date {
   text-align: center;
 }

 .kot-log-data-resend {
   float: right;
   color: #2b5583;
 }

 .all-kot-log-data-resend {
   color: #2b5583;
 }

 .status.usb-printer {
   background-color: white !important;
 }

 .kotlog-close-btn {
   font-size: x-large;
 }


 /* End kot log modal */
 .flex.items-center.mt-1.customer-create {
   display: block;
 }

 .button.btn.btn-primary.btn-shift {
   height: 36px !important;
 }

 .btn-shift {
   height: 36px !important;
   border: 1px solid rgba(128, 128, 128, 0.159) !important;
 }

 /*start Prevent Backdate Billing popup */

 .clock-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.697);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 11000 !important;
 }

 .clock-modal-content {
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   text-align: center;
   max-width: 90%;
   width: 400px;
 }

 .clock-modal-content h2 {
   margin-top: 0;
   font-size: 1.5rem;
   font-weight: 600;
 }

 .clock-modal-content p {
   margin: 12px;
 }

 .clock-modal-content button {
   background: rgb(25 25 112);
   color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
 }

 .clock-modal-content button:hover {
   background: rgba(25, 25, 112, 0.811);
 }

 /* End Prevent Backdate Billing popup*/

 /* Start Select KOT notes */
 .multy_slct.select_kot_notes {
   padding: 0.5rem 0.75rem;
   text-align: center;
 }

 /* End Select KOT notes */

 /* Start Card transaction details */
 .payment-types {
   flex-direction: column;
 }

 .payment-type-amount {
   display: flex;
 }

 /* End Card transaction details */


 /*  Login Form  */

 /*  Vertion update modal  */
 .install-button.loading {
   cursor: not-allowed;
 }

 #version_change_modal .spinner-container,
 #version_change_modal .spinner {
   height: 20px;
   width: 20px;
 }



 #version_change_modal .spinner {
   display: none;
   width: 20px !important;
   height: 20px !important;
   border: 3px solid #ffffff;
   border-top: 3px solid transparent !important;
   border-radius: 50% !important;
   animation: spin 1s linear infinite;

   padding: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   margin-right: 8px !important;
   margin-left: 8px !important;
 }


 .install-button.loading .spinner {
   display: inline-block;
 }

 .install-button.loading .button-text {
   display: inline-block;
 }

 .dots::after {
   content: '.';
   animation: dots 1.5s infinite;
 }

 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes dots {
   0% {
     content: '.';
   }

   33% {
     content: '..';
   }

   66% {
     content: '...';
   }

   100% {
     content: '.';
   }
 }

 .text-update {
   color: green !important;
   font-size: 16px !important;
   background: aliceblue;
   /* width: 220px; */
   padding: 12px;
   margin-top: 10px !important;
 }

 .error-container {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .install-button.loading {
   cursor: not-allowed !important;
   /* during loading */
 }

 .text-error {
   color: red !important;
   font-size: 16px !important;
   /* background: aliceblue; */
   /* width: 220px; */
   padding: 12px;
   margin-top: 10px !important;
 }

 p#vertion_update_info {
   width: 50%;
   font-size: 16px !important;
 }

 /*  Vertion update modal  */

 /*start table layout new default btn */

 .hidden-default {
   display: none;
 }

 div#viewMoreMenu {
   z-index: 65;
 }

 #viewMoreMenu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }

 #viewMoreMenu li {
   display: flex;
   align-items: center;
   padding: 8px 12px;
 }

 #viewMoreMenu li:hover {
   background-color: #f0f0f0;
 }

 .check-default:focus {
   outline: none;
   box-shadow: 0 0 0 2px transparent;
 }

 .card-box {
   border-radius: 15px !important;
 }

 .card-box-header {
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
 }

 /*end table layout new default btn */
 /* Value discount restructure start */
 label.per_product_discount {
   text-align: center !important;
   font-size: 12px !important;
   width: 100%;
   display: inline-block;
 }

 /* Value discount restructure end */

 /* Start Add space to product description */
 .product-note-bottom-space {
   padding-bottom: 10px;
 }

 /* End Add space to product description */


 /* start Print receipt pin popup */

 .popup-title-padding-bottom {
   margin-bottom: 20px !important;
 }

 #pin-popup-modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 1000;
 }

 .popup-content-pin {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   padding: 20px;
   width: 400px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   border-radius: 8px;
   text-align: center;
 }

 .popup-title {
   margin: 0;
   font-size: 20px;
 }

 .popup-message {
   margin: 10px 0;
 }

 .popup-submessage {
   margin: 10px 0;
   font-size: 14px;
   color: #666;
 }

 .pin-input-container {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin: 20px 0;
   margin-bottom: 25px !important;
 }

 .pin-box {
   width: 40px;
   height: 40px;
   font-size: 18px;
   text-align: center;
   border: none;
   border-bottom: 2px solid #ccc;
   outline: none;
   box-shadow: none !important;
 }

 .pin-box:focus {
   border-bottom: 2px solid #191970;
 }


 .popup-btn-group {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
 }

 .cancel-btn,
 .confirm-btn {
   width: 100px;
   padding: 8px 30px;
   font-size: 14px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }

 .cancel-btn {
   background-color: #89898942;
 }

 .confirm-btn {
   background-color: #191970;
   color: #fff;
 }


 .popup-close-pin {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 23px;
   cursor: pointer;
 }

 .error-msg-pin {
   color: red;
   height: 28px;
   position: relative !important;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
 }

 /* end Print receipt pin popup */

 /* Start printer log modal */
 #printerlog_popup {
   z-index: 100;
 }

 .printerlog-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 300;
 }

 .printerlog-modal.hidden {
   display: none;
 }

 .printerlog-modal-content {
   background: white;
   border-radius: 8px;
   width: 80%;
   max-width: 800px;
   padding: 20px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 }

 .printerlog-modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
 }

 .printerlog-modal-header h2 {
   margin: 0;
 }

 h1.printer-title-txt {
   font-size: 16px;
   font-weight: 600;
 }

 .printerlog-close-btn {
   background: none;
   border: none;
   font-size: 20px;
   cursor: pointer;
 }

 .printerlog-modal-body table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 20px;
 }

 .printerlog-modal-body th,
 .printerlog-modal-body td {
   text-align: left;
   padding: 8px;
   border: 1px solid #ddd;
 }

 .printerlog-modal-body th {
   background-color: #f4f4f4;
 }

 .printer-status {
   width: 12px;
   height: 12px;
   display: inline-block;
   border-radius: 50%;
   margin-right: 5px;
 }

 .printer-status.red {
   background-color: red;
 }

 .printer-status.green {
   background-color: green;
 }

 .printerlog-modal-body {
   max-height: 400px;
   overflow-y: auto;
   padding-right: 10px;
 }

 .printerlog-modal-body::-webkit-scrollbar {
   width: 8px;
 }

 .printerlog-modal-body::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 4px;
 }

 .printerlog-modal-body::-webkit-scrollbar-thumb:hover {
   background: #888;
 }

 .bg-txt-hover:hover {
   color: #191970 !important;
 }

 .bg-txt-hover {
   color: rgba(0, 0, 0, 0.808);
 }

 .printer-resend:hover {
   cursor: pointer;
 }

 .all-printer-log-data-resend {
   color: #2b5583;
 }

 .printerlog-close-btn {
   font-size: x-large;
 }

 /* End printer log modal */

 /* View customer purchase history start */
 #view_purchase_history {
   color: #1f4564;
   font-weight: bold;
 }

 #view_purchase_history:hover {
   cursor: pointer;
 }

 /* View customer purchase history end */

 /* Product info start */
 .info_tax {
   padding-left: 20px;
 }

 .product-info-body {
   max-height: 400px;
   overflow-y: auto;
 }

 .whitespace-nowrap {
   white-space: nowrap;
 }

 /* Product info end */

 /* Search customer start */
 #customer-modal .no-search-result {
   text-align: center;
   padding-top: 20px;
 }

 /* Search customer end */

 /* Pin panel start */
 .disable-button,
 #btn_charge:disabled {
   cursor: no-drop;
 }

 /* Pin panel end */
 /* Indicate offline start */
 #home .item_qty_pr {
   margin-right: 0.5rem;
 }

 /* Indicate offline end */
 /* Start Hold receipt save validate modal */
 .open_receipt_retry_confirm_modal .details {
   text-align: left;
   width: 100%;
   padding-top: 20px;
   padding-bottom: 10px;
 }

 .open_receipt_retry_confirm_modal .details_title {
   padding-bottom: 10px;
 }

 .open_receipt_retry_confirm_modal .modal-header {
   font-weight: bold;
 }