body {
    /* overflow: hidden; */
    /* font-family: "Roboto", sans-serif; */
    /* font-family: sans-serif; */
    /* font-family: 'Inter', sans-serif; */
    /* font-family: Spezia,Spezia_SemiMono,Arial,Helvetica,sans-serif; */
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}




/* ---------btn--loading -------- */

.loading-spring-hide {
    display: none !important;
}

@media (max-width: 768px) {
    #container-wrapper {
        min-width: 0;
    }
}

a {
    cursor: pointer;
    text-decoration: none !important;
}

.btn:focus {
    box-shadow: none;
}

.amber {
    background-color: #e9a149;
    /* background-image: linear-gradient(45deg, #FF512F 0%, #F09819  51%, #FF512F  100%) */
}

.amber-color {
    color: #e9a149;
}

.form-control:focus {
    box-shadow: none;
}

.green-color {
    background-color: #0FBF61;
    ;
}

.topheader {
    position: fixed;
    width: 100%;
    z-index: 2;
}

#container-wrapper {
    margin-top: 80px;
    margin-bottom: 180px;
}


/* @media (min-width: 768px) and (max-width: 820px) {
    .custom-table .Qty {
      text-align: right !important;
    }
  } */

@media (min-width: 768px) and (max-width: 1200px) {
    .pound_payment {
        width: 12.2vw !important;
    }
    .payment-btns .btn {
        padding: 1vw !important;
    }
    .calculation-area h4 {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pos-links a {
        font-size: 90%;
        margin-right: 4% !important;
    }
    #pos-sale .split-movevable-btn .btn {
        padding: 1% 3% !important;
    }
    /* #pos-sale .prdoucts .cat-img {
  width: 50% !important;
} */
    #loyality .custom-table>tbody {
        height: 40vh;
    }
    .payment-btns img {
        width: 11.8vw !important;
    }
    #collection .card-title,
    #delivery .card-title {
        font-size: 1.5vw !important;
    }
    #collection td,
    #collection th {
        font-size: 1.4vw !important;
    }
    #collection .btn .btn-lg .rounded-0 .btn-block,
    #delivery .btn .btn-lg .rounded-0 .btn-block {
        font-size: 1.7vw !important;
    }
    /* #pos-sale .card {
  max-width: 100%;
  height: 90%;
} */
}


/* #super-admin-header .dropdown-menu {
    min-width: 100px;
  } */


/* .modal-open .modal {
    background-color: #000;
} */

.dropdown-item:hover,
.dropdown-item:focus {
    font-weight: bold;
    background-color: #FFF !important;
}

.navbar .dropdown-menu {
    min-width: 0;
    min-width: 132px;
    top: 39px;
}


.navbar-toggler{
      background-color: #fff;
      border: 1px solid #fff;
  }
  .navbar-toggler-icon {
      background-color: #32B561;
  }


/* Login Page */

.logo-div {
    text-align: center;
    /* padding: 125px 0; */
    background: #0FBF61 !important;
}

.login-logo p {
    font-size: 35px;
}

.login-form {
    background-color: #fff;
    border: 1px solid #0FBF61;
    padding: 1rem !important;
}

.login-form .form-group {
    padding: 1px 0;
}

.login-form .form-control,
.login-form .input-group-text {
    border: none;
    background-color: #f6f6f6;
}

.login-form .input-group-text {
    color: #0FBF61;
}

.login-form .form-control:focus {
    box-shadow: none;
    border: none;
    background-color: #f6f6f6;
}

.login-form .forget-password {
    color: #0FBF61;
    font-size: 15px;
    font-weight: 500;
}

.login-form label {
    font-size: 15px;
    font-weight: 500;
}

.login-form .btn-block {
    margin: 15px auto;
    max-width: 75%;
    padding: 10px;
    font-size: 18px;
    border-radius: 10px;
}


/* Header */

#sidebar .sidebar-light .sidebar-brand {
    height: 60px;
    background-color: #0FBF61;
    border-right: 2px solid #fff;
}

#page-header .navbar {
    /* background-color: #0FBF61; */
    background-color: #fff;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 30%);
}


/* #page-header .navbar .nav-link {
    margin: 0;
    color: #fff;
} */

#page-header .navbar .nav-link {
    margin: 0;
    font-size: 16px;
    color: #0fbf61;
    padding: 5px 20px;
    background-color: transparent;
    /* height: 50px; */
    /* margin-right: 5px; */
    /* border-radius: 6px; */
    /* text-align: center; */
    /* width: 105px; */
}

/* #page-header .navbar .nav-link:hover {
    color: #FFF;
    background-color: #0fbf61;
} */

#page-header .navbar li:not(:last-child) {
    border-right: 1px solid green;
}

#page-header .navbar-light {
    height: 60px;
    color: #fff;
}


/* Branch Setup */

/* #dataTableHover .btn {
    width: 80px !important;
} */

#business-setup .card,
#branch-setup .card,
#posindex .card {
    border-radius: 10px;
}

#business-setup .card:hover,
#branch-setup .card:hover{
    color: #fff;
    transition: 0.6s;
    background-color: #0fbf61;
}

#posindex .fa-color{
    font-size: 78px;
    color: #000;
}

#business-setup .card a,
#branch-setup .card a {
    color: #000;
    text-decoration: none;
}

#business-setup .card:hover #Layer_1 {
    fill: #fff;
}

#business-setup .card:hover img {
    filter: grayscale(5) invert(1);
}

#business-setup .card:hover .card-title,
#posindex .card:hover .card-title {
    color: #fff;
    font-weight: 500;
}

#business-setup .business-head,
#branch-setup .branch-head,
#funtions .branch-head {
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #0FBF61;
}

#business-setup .business-head h6 a,
#branch-setup .branch-head h6 a,
#funtions .branch-head h6 a {
    color: #fff;
    font-weight: 400;
}


/*  Funtions Page */

#funtions .card {
    border-radius: 10px;
}

#funtions .card:hover {
    color: #fff;
    transition: 0.6s;
    background-color: #0FBF61;
}

#funtions .card a {
    color: #000;
    text-decoration: none;
}

#funtions .card:hover .card-title {
    color: #fff;
    font-weight: 500;
}


/* End Funtions Page */


/* Super Admin Dashboard */

#Desbord-Cards .fas {
    color: #0FBF61;
    font-size: 40px;
}


/* #Business-detail {
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
        rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin-bottom: 20px;
} */

#Owner-form {
    margin-bottom: 40px;
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

#Active-check {
    display: flex;
    margin-bottom: 30px;
}

#Active-check .form-check {
    margin-right: 10px;
    align-items: center;
    display: flex;
}


/* POS Sale */

#pos-sale {
    background-color: #faf9fb;
    height: 88vh;
}

.custom-table>tbody {
    display: block;
    height: 19vw;
    overflow-y: auto;
    border-left: 5px solid #0FBF61;
    background-color: #fff;
    box-shadow: 1px 1px 2px 2px rgba(231, 220, 220, 0.75);
}


/* #pos-sale .split-movevable-btn .btn {
    padding: 1% 4%;
    border-radius: 4%;
} */

#pos-sale .split-movevable-btn .btn-outline-dark:hover {
    color: #000;
    background-color: transparent;
    border-color: #343a40;
}

.custom-table thead th {
    border-bottom: none;
}

.custom-table>thead,
.custom-table tbody tr {
    display: table;
    width: 100%;
}

.custom-table>thead,
.custom-table tbody td {
    padding-bottom: 0;
}


/* .custom-table .Qty{
    text-align: right;
    padding-left: 20px;
  } */

@media (min-width: 768px) and (max-width: 910px) {
    /* .custom-table thead th {
      font-size: 10px;
      text-align: end;
  }  
  .custom-table .order-width.Qty {
    text-align: end;
} */
    .order-width {
        width: 59px !important;
    }
}

#pos-sale .main-menu .card,
.oueter-order-card .card,
.prdoucts .card {
    box-shadow: none !important;
}

.pos-links {
    padding: 2% 0;
}

.pos-links a {
    text-decoration: none;
    margin-right: 4%;
    font-weight: 600;
}

.main-catagory .card {
    height: 100%;
}


/* .main-pruducts{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  } */

#pos-sale .pos-title {
    /* margin-top: -13px; */
    font-weight: 600;
    padding: 3px;
}

#pos-sale #delivery .delivery-btns {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#pos-sale .step3detail {
    width: 88%;
    margin: 0 auto;
}


/* #pos-sale .form-control {
    background-color: #f4f4f4;
  } */

#pos-sale .main-menu {
    height: 105px;
    border-radius: 20px;
}

#pos-sale .nav-tabs {
    border: none;
}

.main-pruducts a,
.sub-products a {
    color: #000;
}

#pos-sale .card {
    /* height: 132px; */
    /* height: 100%; */
    border: none;
    list-style: none;
    border-radius: 5px;
}

.order-width {
    text-align: center;
}

@media (min-width: 911px) {
    .order-width {
        width: 95px !important;
    }
}

@media (min-width: 768px) and (max-width: 910px) {
    /* .custom-table thead th {
    font-size: 10px;
    text-align: end;
}  
.custom-table .order-width.Qty {
  text-align: end;
} */
    .order-width {
        width: 59px !important;
    }
}

.order-width .input-group {
    justify-content: center;
    flex-wrap: nowrap;
}

#pos-sale .card:focus {
    color: #fff;
    background-color: #0FBF61;
}

.main-pruducts .card:hover,
.sub-products .card:hover {
    color: #fff;
    background-color: #0FBF61;
}

#pos-sale .main-item {
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}


/* #pos-sale .prdoucts {
      height: 520px;
      border: 1px solid lightgray;
  } */

#pos-sale .prdoucts .card-body {
    padding: 5px;
}

#pos-sale .prdoucts .cat-img {
    border-radius: 50px;
    width: 30%;
}

#pos-sale #nav-tabContent {
    height: 475px;
    overflow-y: scroll;
}

.order-card li {
    position: relative;
    list-style: none;
    padding-left: 12%;
}

.order-card li:last-child {
    height: 10%;
}

.order-card li:after {
    position: absolute;
    content: " ";
    left: 0;
    top: 50%;
    border-top: 2px solid #0FBF61;
    width: 10%;
    height: 2px;
}

.order-card li:before {
    position: absolute;
    content: " ";
    left: 0;
    /* top: -41%; */
    bottom: 41%;
    border-left: 2px solid #0FBF61;
    width: 2px;
    height: 100%;
}

.order-card .card-body {
    display: flex;
    /* max-height: 60px; */
    /* align-items: center; */
    justify-content: space-around;
}

.order-card .action {
    color: #0FBF61;
    cursor: pointer;
}

#kitchen-counter,
#carry-counter {
    display: none;
}


/* .order-button {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
  } */

.oueter-order-card {
    height: 290px;
    overflow-y: scroll;
    border-left: 5px solid #0FBF61;
}


/* .oueter-order-card .card {
      border-radius: 10px !important;
  } */

.card.order-card {
    padding-top: 12px;
}

.Order-Image {
    display: grid;
    place-items: center;
}

.Order-Image img,
.card-horizontal img {
    max-width: 48px;
}

#pos-sale .select-order {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#pos-sale .select-order p {
    font-size: 11px;
    font-weight: 600;
}

#pos-sale #nav-catagory-types .fa-plus-circle {
    font-size: 25px;
}

.cash-field,
.refernce-no {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.refernce-no input {
    width: 110px;
}


/* .order-note-btn{
      border-left: 5px solid #0FBF61;
  } */


/* .order-note-btn .btn {
      background-color: #fbc326;
  } */


/* .Side-line {
    height: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 2px 2px rgba(231, 220, 220, 0.75);
  } */

.Side-line a {
    font-weight: 500;
    color: #000;
}

.item_name {
    width: 185px;
}

.calculation-area {
    background-color: #fff;
    border-top: 1px dashed #afa8a8;
    padding: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
          rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
          rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
}

.calculation-area .table th {
    border: none;
    padding: 5px;
}

.calculation-area td {
    /* text-align: right; */
    font-weight: 600;
    padding: 5px 0 0 0;
    border: none;
}

.calculation-area .total-order {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.order-note-btn .btn {
    font-size: 105%;
}

.calculation-area .paynow {
    padding: 3vh 0;
}

.big-btn {
    padding: 3vh 0 !important;
}

.calculation-area .placeorder {
    padding: 5vh 0;
    font-size: 85%;
}

.Side-line input#quantity {
    width: 29px;
    height: 25px;
}

.edit-icon {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.order-card .del-icon[data-v-e7fc9010] {
    cursor: pointer;
    font-size: 14px;
}

#pos-sale .nav-link .card:hover {
    color: #fff;
    /* margin: 0 auto; */
    background-color: #0FBF61;
}

/* #pos-sale .nav-tabs .nav-link.active {
    padding: 0;
    margin: 0 auto;
    border-radius: 20px;
} */

#pos-sale .nav-tabs .nav-link.active>div {
    color: #fff;
    background-color: #0FBF61;
}

#pos-sale .fa-arrow-circle-right,
#pos-sale .fa-plus-square,
.fa-minus-square {
    font-size: 16px;
}


/* #pos-sale .nav-link:hover:hover .fa-arrow-circle-right,
  #pos-sale .nav-link:hover:hover .fa-plus-circle {
      color: #fff;
  } */

#pos-sale .sub-catagory a {
    padding: 0;
    border-radius: 20px;
    text-decoration: none;
}

#pos-sale .sub-catagory .card-body {
    padding: 5px;
}

#pos-sale .card-horizontal {
    display: flex;
    flex: 1 1 auto;
    /* padding: 4px; */
    /* border-radius: 13px; */
}

#pos-sale .card-horizontal p {
    margin: 0;
}

#pos-sale #nav-tabContent .card {
    padding: 5px;
}

#pos-sale .main-catagory img {
    max-width: 45%;
    margin: 10px auto;
}

#pos-sale .main-catagory .card-title {
    margin-bottom: 5px;
    font-weight: 600;
}

#pos-sale .main-catagory .owl-theme .owl-nav {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    /* position: relative;
      top: -90px; */
}

#pos-sale .main-catagory li {
    width: 90%;
    list-style: none;
}

.owl-theme .owl-nav [class*="owl-"] {
    background-color: #0FBF61 !important;
}

#pos-sale .fa-star {
    color: orange;
}

.prdoucts .fa-pound-sign {
    color: orange;
}

.nav-tabs .nav-link.active {
    border-color: #f1f1f1;
}


/* .nav-tabs .nav-item.show .nav-link {
      border-color: #0FBF61;
  } */


/* #pos-sale .catagory-detail a {
      text-decoration: none;
  }
  #pos-sale .catagory-detail .card {
      margin: 13px;
      border-radius: 20px;
  }
  #pos-sale .catagory-detail .card:hover {
      color: #fff;
      background-color: #0FBF61;
  }
   */

#pos-sale .pagination-lg .page-link {
    padding: 4px 10px;
}

#pos-sale .fa-greater-than {
    font-size: 10px;
    margin-bottom: 10px;
}


/* #pos-sale .modal-body .card {
      background-color: #0FBF61;
  } */

#pos-sale .modal-body a:focus {
    color: #0FBF61;
    border-radius: 4px;
    background-color: #fff;
}

#pos-sale .modal-body .fa-wine-glass {
    font-size: 40px;
}

#pos-sale .modal-body .fa-hamburger {
    font-size: 25px;
}

.fa-pencil-alt {
    font-size: 80%;
}

.order-note-btn .btn-info {
    padding: 0.7vw 2vw;
}

.order-note-btn .discount {
    padding: 0.5vw 2vw;
}


/* --------------Dinein Page-------- */

#dineIn .card {
    height: 100%;
    border-radius: 10px;
    background-color: #0FBF61;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#dineIn .card .dropdown-menu .dropdown-item {
    color: #000;
}

#dineIn .card .dropdown-menu .dropdown-item:hover {
    color: #fff;
}

#dineIn .tableDropdown {
    height: 20px;
    background-color: #fff;
    /* border-radius: 8px; */
}

#dineIn .card .nav-link {
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

:root #dineIn #all-table-tab.active,
:root #dineIn #running-orders-tab.active,
:root #dineIn #completed-orders-tab.active,
#dineIn .nav-pills .show>.nav-link {
    color: #fff;
    border-radius: 5px;
    background-color: #0FBF61;
}

#dineIn .nav-link {
    color: #000;
    font-size: 16px;
}

#dineIn #pills-tabContent .dine-result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#dineIn .nav-tabs .nav-link.active {
    color: #fff;
    font-size: 16px;
}

#dineIn .dropdown-menu {
    min-width: 190px;
    overflow: auto;
    top: -14px !important;
    left: -76px !important;
}

#dineIn .card .nav-link:active,
#dineIn #occupied-tables .card .nav-link:active,
#dineIn .nav-link:active .fa-hamburger,
#dineIn #occupied-tables .nav-link:active .fa-hamburger,
#dineIn #occupied-tables .nav-link:active .fa-wine-glass,
#dineIn .nav-link:active .fa-wine-glass {
    color: gray;
    background-color: #fff;
}

#dineIn #running-orders .card .nav-link,
#dineIn #running-orders .fa-hamburger,
#dineIn #running-orders .fa-wine-glass {
    color: gray;
    background-color: #fff;
}

#dineIn .dropdown-toggle:empty::after {
    font-size: 20px;
}

#dineIn .card-body {
    margin: 8px 0;
    border-left: 5px solid;
}

#dineIn .fa-wine-glass,
#dineIn .fa-hamburger {
    color: #fff;
    font-size: 60px;
}

#dineIn .nav-pills,
.aod {
    justify-content: end;
}

@media (min-width: 568px) and (max-width: 767px) {
    #dineIn .nav-pills,
    .aod {
        justify-content: center;
    }
    #dineIn .aod .nav-link {
        padding: 5px;
    }
}


/* #dineIn .fa-wine-glass{
  color: #fff;
} */


/* --------End Dinein Page------ */


/* ----Completed Orders Page------ */

#completedOrders .nav-link.active,
#completedOrders .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0FBF61;
}

#completedOrders .nav-link {
    color: #000;
    font-size: 16px;
}


/* -- End Completed Orders Page--- */


/* ------ Loyality Page------ */


/* #loyality {
      background-color: #f2f2f2;
  } */

#loyality .oueter-order-card {
    height: 255px;
}


/* .loyality-top {
    height: 120px;
    display: flex;
    align-items: end;
    justify-content: center;
} */

.loyality-top h3 {
    font-size: 2.5vw;
}


/* .loyality-top p {
    font-size: 1.2vw;
} */

.scan-card p {
    font-size: 1vw;
}

.Edit_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.Edit_btn .btn {
    font-size: 105%;
    padding: 2.1vw 4vw;
}


/* .Edit_btn .btn-danger {
  padding: 0.7vw 0vw;
  font-size: 1.4vw;
} */

.bhg,
.pound_payment {
    width: 16vw;
}

.bhg {
    width: 18vw;
    min-height: 13vh;
    font-size: 14px;
}

.loyalty_barcode_buttns .btn-toolbar {
    justify-content: center;
}

.loyalty_barcode_buttns {
    margin: 3vh 0;
}

.loyalty_barcode_buttns .btn {
    margin-right: 1vw;
    font-size: 1.3vw;
}

.loyalty_barcode_buttns .btn-success {
    padding: 0.5vw 3vw;
}

.loyalty_barcode_buttns .btn-info {
    padding: 0.5vw 1vw;
}

.loyalty_barcode_buttns .amber {
    padding: 0.5vw 3vw;
}

.loyalty_barcode input {
    height: 7.4vh;
    font-size: 1.2vw;
}

.loyalty_barcode label {
    font-size: 1.2vw;
    margin-bottom: 0;
}

.payment-btns img {
    width: 15.4vw;
    cursor: pointer;
    /* border-style: double; */
    box-shadow: 0px 1px 3px 2px rgb(67 77 84 / 50%);
}

.refundbtn {
    background-color: #d37f7f;
}

.payment-btns .btn {
    color: #fff;
    font-size: 1.5vw;
    padding: 1.6vw;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.calculat-output {
    color: #0FBF61;
    font-size: 30px;
    grid-column: 1 / 5;
    border: 1px solid #0FBF61;
}

.calculator .btn-outline-success {
    font-size: 25px;
}

.calculator .btn-outline-success:hover {
    color: #000;
}


/* --------------Collection Order Page-------- */

#collection .page-title h1 {
    border-bottom: 1px solid;
    width: 170px;
}

#collection .card-title {
    font-size: 1.3vw;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#collection .btn.btn-lg.rounded-0.btn-block {
    font-size: 1.3vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#collection td,
#collection th {
    font-size: 1.3vw;
    padding-bottom: 6px;
    padding-top: 6px;
}

#collection .nav-pills .nav-link {
    color: #000;
}

#collection .nav-pills .nav-link.active {
    color: #fff;
    border-radius: 0;
    padding-bottom: 0;
    background-color: transparent;
    border-bottom: 4px solid #0FBF61;
}

#collection .progrs-order {
    color: #000;
    border-bottom: 3px solid;
    border-bottom-style: dashed;
    border-bottom-width: thin;
}

#collection .card {
    height: 100%;
}


/* --------------Today Taking Page-------- */

#todaytaking .second-nav-tab .btn {
    color: #000;
    width: 142px;
    font-weight: 600;
}

#todaytaking .second-nav-tab .btn-outline-dark:not(:disabled):not(.disabled):active,
#todaytaking .second-nav-tab .btn-outline-dark:not(:disabled):not(.disabled).active,
#todaytaking .second-nav-tab .btn-outline-dark:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: #3d405b;
}

#eodbanking .business-sumery,
#todaytaking .business-sumery {
    color: white;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05rem;
    padding: 7px;
    width: 115px;
    background-color: #0e1822;
}

#eodbanking .button-borders,
#todaytaking .button-borders {
    position: relative;
}

#todaytaking .button-borders:before,
#eodbanking .button-borders:before {
    content: "";
    position: absolute;
    width: calc(100% + 0.5em);
    height: 50%;
    left: -0.3em;
    top: -0.3em;
    border: 1px solid #0e1822;
    border-bottom: 0px;
}

#todaytaking .button-borders:after,
#eodbanking .button-borders:after {
    content: "";
    position: absolute;
    width: calc(100% + 0.5em);
    height: 50%;
    left: -0.3em;
    bottom: -0.3em;
    border: 1px solid #0e1822;
    border-top: 0px;
    z-index: 0;
}

#todaytaking .table-responsive {
    overflow-y: scroll;
    height: 60vh;
}

#eodbanking .table-responsive {
    overflow: scroll;
    height: 62vh;
}

#todaytaking .Print_export .btn {
    color: #000;
    width: 91px;
}

#eodbanking .Print_export .table td,
#todaytaking .Print_export .table td {
    color: #000;
}

#todaytaking .dropdown-menu {
    width: 145px;
}

#todaytaking #nav-tab .nav-link.active,
#todaytaking #nav-tab .nav-item.show .nav-link {
    color: #ffffff;
    border-color: transparent;
    background-color: #e9a149;
    /* background-image: linear-gradient(45deg,
            #ff512f 0%,
            #f09819 51%,
            #ff512f 100%); */
}

#todaytaking .nav-tabs .nav-link {
    color: #000;
}

#todaytaking #ViewReports {
    border-radius: 3px;
    border: 1px solid;
}

#todaytaking .table {
    text-align: center;
}

#todaytaking #nav-tillAnalysis .table {
    text-align: left;
}

#todaytaking th,
#todaytaking td {
    border-color: #000 !important;
}

#todaytaking .btn-outline-dark:hover,
#todaytaking .dropdown-item:hover,
#todaytaking .dropdown-item.active {
    background-color: #3d405b !important;
}


/* #cashDepositModal td{
      padding-left: 80px;
   } */


/* -----Function_Loyalty Page------- */

#function_Loyalty .card {
    border-radius: 10px;
}

#function_Loyalty .card:hover {
    color: #fff;
    transition: 0.6s;
    background-color: #0FBF61;
}

#function_Loyalty .card:hover img {
    filter: invert(1);
}

#function_Loyalty .card a {
    color: #000;
    text-decoration: none;
}

#function_Loyalty .card:hover .card-title {
    color: #fff;
    font-weight: 500;
}


/* ----End Function_Loyalty Page----- */


/* --------------Delivery Order Page-------- */

#delivery .page-title h1 {
    border-bottom: 1px solid;
    width: 144px;
}

#delivery .card-title {
    font-size: 1.3vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#delivery .btn.btn-lg.rounded-0.btn-block {
    font-size: 1.3vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#delivery td,
#delivery th {
    font-size: 1.3vw;
    padding-bottom: 6px;
    padding-top: 6px;
}

#delivery .nav-pills .nav-link {
    color: #000;
    font-weight: 600;
}

#delivery .nav-pills .nav-link.active {
    color: #fff;
    border-radius: 0;
    padding-bottom: 0;
    background-color: transparent;
    border-bottom: 4px solid #0FBF61;
}

#delivery .progrs-order {
    color: #000;
    border-bottom: 3px solid;
    border-bottom-style: dashed;
    border-bottom-width: thin;
}

#delivery .card {
    height: 100%;
}


/* --------------Setup Page-------- */


/* Role Folder */

#Role-detail h4,
#Role-detail label {
    color: #000;
}


/* Branches Folder */

#Branches-form h4,
#Branches-form label {
    color: #000;
}


/* Employees Folder */

#form-detail h4,
#form-detail label {
    color: #000;
}


/* Business Setting Folder */

#business-setting-detail h4,
#business-setting-detail h5,
#business-setting-detail label {
    color: #000;
}

.create-record-page .nav-item .nav-link {
    color: #000 !important;
}

.create-record-page .nav-item .nav-link.active {
    color: #fff !important;
}

.create-record-page label {
    color: #000;
}

.create-record-page h4 {
    color: #000;
}

#Business-detail h4 {
    color: #000;
}

#Item-detail h4 {
    color: #000;
}

#Product-detail h2,
#Product-detail p {
    color: #000;
}


/* -------- End Setup Page -------- */


/* --------------Driver List Page-------- */


/* .driver-details {
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px,
      rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px,
      rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
  } */

.driver-details .media {
    padding: 25px 0;
}


/* --------------carry counter-------- */


/* .table {
      border-style: dashed;
  } */

.carry-counter .table-sm td,
.carry-counter .table-sm th {
    padding: 15px;
    font-weight: 700;
    border-color: #000;
    border-width: medium;
}

.carry-counter .table thead th {
    border: 1px solid;
    font-weight: 900;
    border-width: medium;
    border-color: #000;
}

.invoice-header .order-no {
    border-bottom: 2px solid;
}

.carry-counter .table,
.carry-counter .total,
.carry-counter .phone-adress {
    border-color: #000;
    margin: 0;
    border-width: 1px;
}

.hero-section .fa-times {
    font-size: 8px;
}

.footer {
    text-align: right;
}

.breadcrumb{
    justify-content: end;
}

.breadcrumb-section {
    width: 98%;
    margin: auto;
}

.loggedin-user {
    margin-top: 80px;
    font-size: 30px;
}

#modal-product-variants .modal-xl {
    max-width: 100% !important;
}

#modal-product-variants .modal-xl .modal-open .modal {
    padding-left: 0px !important;
}

#modal-product-variants .modal-xl .modal-content{
    height: 722px;
}

#pos-categories>.card {
    max-height: 470px;
    overflow: auto;
}

#pos-categories .col-auto {
    height: 640px;
    
}

.pos-cards-container{
    display: flex;
    flex-wrap: wrap;
}

.pos-card{
    flex: 0 0 calc(25% - 10px); /* 20px is the total margin between items */
    margin: 0px 5px; /* Adjust the margin as needed */
    box-sizing: border-box;/* Just for visualization, you can remove this */
    text-align: center;
}

.pos-card .card-body {
    height: 130px;
    padding: 10px;
}

.sf-text-green {
    color: #0FBF61 !important;
}

.sf-bg-green {
    background: #0FBF61 !important;
    color: #FFF !important;
}

.sf-btn-green{
    color: #fff !important;
    background-color: #0FBF61 !important;
    border-color: #0FBF61 !important;
}

.sf-btn-grey{
    color: #fff !important;
    background-color: grey !important;
    border-color: grey !important;
}

.sf-badge-green{
    color: #fff !important;
    background-color: #0FBF61 !important;
}

.top-filter-section {
    background-color: #0FBF61;
    margin: auto;
    margin-bottom: 20px;
    
    /* height: 54px; */
}

.top-filter-section label{
    color: #FFF
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #0FBF61 !important;
    border-color: #0FBF61 !important;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0FBF61 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.search-box {
    display: flex;
}

.search-box input[type='search']{
    margin-right:5px;
}


div#add-tip___BV_modal_content_ {
    width: 122% !important;
}


#card {
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
        rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin-bottom: 20px;
}

#Owner-form {
    margin-bottom: 40px;
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
        rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
#Active-check {
    display: flex;
    margin-bottom: 30px;
}
#Active-check .form-check {
    margin-right: 10px;
    align-items: center;
    display: flex;
}

span.badge.hover {
    cursor: pointer;
}

/* CSS for screen */

@media only screen and (max-width: 320px) {
    /* .header-image img {
                  max-width: 140px;
              } */
}

#items-availability .col-auto{
    width: 300px !important;
}

#items-availability .nav.nav-tabs.justify-content-center{
    justify-content: left !important;
}

#items-availability a{
    color: #0FBF61 !important;
}

#items-availability .nav-item .active, #items-availability .btn{
    color: #FFF !important;
}


/* CSS for Printing */

@media print{
    .invoice {
  font-family: Arial, sans-serif;
  padding: 20px;
  border: 4px solid #000;
  max-width: 600px;
  margin: 0 auto;
}

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

.invoice .logo {
  max-width: 100px;
  margin-right: 20px;
}

.invoice .company-info {
  flex-grow: 1;
}

.invoice .customer-info,
.invoice-details {
  margin-top: 20px;
}

.invoice .items-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.invoice .items-table th,
.items-table td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left;
}

.invoice .total-amount {
  margin-top: 20px;
}

.invoice .footer {
  margin-top: 20px;
  text-align: center;
}
}