body {
    font-family: "Nunito", sans-serif;
    background-color: #f5f5f5;
  }
  .modal-header{
          padding: .5rem 1rem !important;
  }
  /*.close{*/
  /*    line-height:0.8 !important;*/
  /*}*/
  .custom-nav {
    font-style: SemiBold !important;
    font-size: 16px;
  }
  .navbar-background-shadow {
    background: #ffffff !important;
    box-shadow: 0px 3px 5px rgba(76, 76, 76, 0.1);
  }
  .panel_icon_size{
          color: #4C4C4C61;
          font-size:20px;
  }
  button:focus{
    outline:none !important;
    outline:none !important;
}
  
  .navbar-font-size-color {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    color: #4c4c4c;
  }
  .all-box {
    background: #ffffff;
    /*box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.12),*/
    /*  0px 0px 2px rgba(76, 76, 76, 0.12);*/
    border-radius: 8px;
  }
  .inner-card-box {
    background: #f8f8f8;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    border-radius: 8px !important;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
  }
  .form-control-sm{
      padding: 0.25rem 0.5rem;
    font-size: .875rem;
    color: #495057;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
  .mb-sm-60{
      margin-bottom:.60rem !important;
  }
 .form-control-sm:disabled, .form-control[readonly] {
    background-color: #f6f6f6;
    opacity: 1;
}
  
  .header-font-size-color {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #4c4c4c !important;
  }
  .card-value-name {
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    
  }
  .card-body-value {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    /* identical to box height */
   
  }
  .card-body-value-white {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    /* identical to box height */
    color: #ffffff;
  }
  .modal-header{
      background:#eeeeee !important;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 12%);

  }
  .modal-header .close{
      color:#2c2c2c !important;
  }
  .modal-header .close span{
      color:#2c2c2c !important;
  }
  .modal-title{
      color:#2c2c2c !important;
  }
  .bg_gray_m{
      background:#c2c2c2 !important;
  }
  .t_h_color{
    background: #878787 !important;
    color: #fff !important;
    }
  
  .c{
      color:#2c2c2c !important;
  }
  
  .soft-yellow-color {
    background-color: #fbf9c0;
  }
  .soft-red-color {
    background-color: #fcc4b6;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #4c4c4c;
  }
  .text-wrap {
    white-space: nowrap;
    color: #4c4c4c;
  }
  
  .section-heading-name {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    /* identical to box height */
    text-align: center;
    color: #4c4c4c;
  }
  .nav-item .active a {
    color: #919191 !important;
  }
  .free-box {
    background: #f8f8f8;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
  }
  .close-invoice-box {
    background: #ab2421;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
  
    color: #ffffff;
    border-radius: 16px;
  }
  .running-box {
    background:rgba(171, 36, 33, 0.24);
    border: 1px solid #ab2421;
    box-sizing: border-box;
    border-radius: 4px;
    color: #ab2421;
  }
  .invoice-box {
    background: rgba(251,236,194,3.1);
    border: 1px solid #ddbf6a;
    box-sizing: border-box;
    border-radius: 4px;
    color: #4c4c4c;
  }
  .table-name-box-active {
    background: #4c4c4c;
    border-radius: 4px;
    color: #ffffff;
  }
  .table-name-box-skyblack {
    background: #919191;
    border-radius: 4px;
    color: #ffffff;
    border: none;
  }
  
  .leftside-table {
    background-color: #ab2421;
    color: #ffffff !important;
  }
  
  .card-value-name-white {
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #ffffff;
  }
  
  .table-name-h-w {
    width: 100% !important;
    height: 2.5rem !important;
  }
  
  .web-logo {
    width: 131px;
  
    height: 34px;
  }
  .avtar-image {
    width: 40px;
    height: 40px;
  }
  .navbar-height {
    height: 64px;
  }
  .dashboard-icon {
    background: url("icon/dashboard_black_24dp.svg");
    color: #ab2421;
    width: 10px !important;
    height: 10px !important;
  }
  
  .nav-name-supper {
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
    line-height: 22px;
    line-height: 100%;
    text-align: left;
    display: inline-flex;
    padding-top: 2px;
    font-style: normal;
  }
  
  .dashboard-checkbox .custom-control-label::before {
    background-color: #ffffff !important;
    border: solid 1px #919191 !important;
  }
  .material-icons-outlined {
    font-size: 20px !important;
  }
  /* active link color chnage */
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .show > .nav-link {
    color: #ab2421 !important;
  }
  /* icone color chnages */
  .icon-color {
    color: #919191;
  }
  .pending-order-border {
    border-color: #d6d6d6;
  }
  
  .e-red {
    background-color: #ab2421;
  }
  .e-black {
    background-color: #4c4c4c;
  }
  .item-box-color {
    background-color: #ebebeb;
    color: #4c4c4c;
    border: solid 1px #b1b1b1;
  }
  .item-width {
    width: 48%;
    float: left;
    border-radius: 0.2rem;
    text-align: center;
  }
  .width-97 {
    width: 97%;
  }
  .left-side-all-item {
    width: 100%;
    border-radius: 0.2rem;
    text-align: center;
    color: #ffffff;
  }
  /*table*/
  @media (min-width: 992px) {
    #add_new_item .modal-lg {
      max-width: 90%;
    }
  }
  /*takeaway*/
  @media (min-width: 992px) {
    #add_new_item_takeaway .modal-lg {
      max-width: 90%;
    }
  }
  
  .e-light-color{
        
        background: #F8F8F8;
        border: 1px solid #D6D6D6;
        box-sizing: border-box;
        border-radius: 4px;
        color:#787878;
    }
  
  .e-gray {
    background-color: #919191;
    color: #ffffff;
  }
  .e-gray-sky {
    background-color: #d9d9d9;
  }
  
  .filter-icon {
    background-color: #c9c7c7;
    color: #ffffff;
  }
  .input-height {
    height: 22px;
  }
  .v-a-inherited {
    vertical-align: inherit;
  }
  
  .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #4c4c4c;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 4px;
    background-color: #ebebeb;
    border-color: #919191;
    padding-top: 1px;
    border: solid 1px;
  }
  .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #4c4c4c;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 4px;
    background-color: #ebebeb;
    border-color: #919191;
    padding-top: 1px;
    border: solid 1px;
  }
  .qty .input-value {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 24px;
    color: #4c4c4c;
    text-align: center;
    background-color: #ffffff;
    border-color: #919191;
    background-clip: padding-box;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
    border: solid thin;
  }
  .edit-delete {
    vertical-align: top;
    height: 24px;
  }
  .table_name {
    display: inline-block;
    padding-top: 13px;
  }
  .border-none td {
    border: solid 0px !important;
  }
  .kot-item-border-botttom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
  #exampleModalLongTitle {
    font-family: Nunito;
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
  }
  
  .kot-table .table td,
  .table th {
    vertical-align: top;
    border-top: 0px solid #dee2e6;
  }
  .get_customer_order {
    font-size: 16px;
    width: 186px;
    height: 40px;
  }
  .get-customer-order-card {
    width: 100%;
  }
  /* button get customer order clear all and submit */
  
  .clear_all_btn {
    width: 123px;
    height: 40px;
  }
  .submit_btn_item {
    width: 117px;
    height: 40px;
  }
  .search_btn_item {
    width: 114px;
    /* Height :22px */
  }
  .f16 {
    font-weight: 500;
    font-size: 16px;
  }
  .f12 {
    font-weight: 5 00;
    font-size: 12px;
  }
  label {
    /*color: #4c4c4c;*/
  }
  .b-r {
    border-radius: 4px;
  }
  .drop-down-80 {
    width: 80%;
  }
  
  #accordionExample .accordionBtn:before,
  #accordionExample .accordionBtn.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
    color: #ebebeb;
    text-align: center;
    position: absolute;
    top: 18px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
  }
  #accordionExample .accordionBtn.collapsed:before {
    color: #a0a0a0;
    transform: rotate(0);
  }
  /* sticky bar */
  .big-checkbox {
    width: 15px;
    height: 15px;
    background-color: #ab2421;
  }
  .form-check-input::after {
    background-color: #ab2421 !important;
  }
  /* tr{
      border-top: hidden;
  } */
  /* .card-body {
    padding: 10px;
  } */
  .btn-submit {
    color: #fff;
    font-weight: 600;
    padding: 8px 30px;
    letter-spacing: 1px;
    background-color: #ab2421 !important;
  }
  .btn-close {
    color: #fff;
    font-weight: 600;
    padding: 8px 30px;
    letter-spacing: 1px;
    background-color: #919191;
  }
  .soup-all button {
    border: 1px solid #919191;
    padding: 5px 20px;
    border-radius: 20px;
    color: #000;
    background-color: #ebebeb;
    box-shadow: 1px solid #ebebeb;
    cursor: pointer;
    margin-right: 10px;
  }
  .btn-cl-order {
    height: 35px;
    top: 103px;
    left: 814px;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 9px, 16px, 9px, 16px;
    background-color: #ab2421;
  }
  .btn-new-kot {
    top: 94px;
    left: 381px;
    width: 100px;
    height: 35px;
    color: #919191;
    border: 1px solid #4c4c4c;
    margin-left: 15px;
    font-weight: 600;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px #4c4c4c7a;
    box-shadow: 0px 0px 2px 0px #4c4c4c1f;
  }
  .btn-print-save {
    top: 635px;
    left: 16px;
    width: 96%;
    height: 40px;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    background-color: #ab2421;
    padding: 9px, 16px, 9px, 16px;
  }
  .percentage-icons {
    width: 17px;
    height: 25px;
    top: 191px;
    margin-top: 8px;
    left: 293px;
    line-height: 24.55px;
    color: #919191;
    font-weight: 400;
    font-family: Nunito;
    size: 18px;
    style: normal;
  }
  .discount-cls {
    width: 68px;
    height: 32px;
    top: 291px;
    left: 242px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .btn-invoice {
    width: 99px;
    height: 38px;
    color: #fff;
    top: 169px;
    margin-right: 8px;
    font-weight: 600;
    border-radius: 4px;
    left: 203px;
    padding: 8px, 24px, 8px, 24px;
    background-color: #4c4c4c;
  }
  .btn-edit-invoice {
    width: 136px;
    height: 38px;
    top: 170px;
    left: 314px;
    color: #4c4c4c;
    margin-right: 8px;
    font-weight: 600;
    border-radius: 4px;
    padding: 8px, 24px, 8px, 24px;
    background: #d6d6d6;
    border: 1px solid #d6d6d6;
  }
  
  .btn-receipt {
    width: 103px;
    height: 38px;
    top: 172px;
    left: 462px;
    border-radius: 4px;
    color: #4c4c4c;
    font-weight: 600;
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    padding: 8px, 24px, 8px, 24px;
  }
  .btn-print-save-invoice {
    top: 635px;
    left: 16px;
    width: 268px;
    height: 40px;
    border: none;
    color: #fff;
    font-weight: 600;
    margin: 20px 10px;
    border-radius: 4px;
    background-color: #ab2421;
    padding: 9px, 16px, 9px, 16px;
  }
  .bs-component {
    width: 82px;
    height: 30px;
    top: 5px;
    color: #fff;
    text-align: center;
    left: 572px;
    border-radius: 4px;
    padding: 4px 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #4c4c4c;
  }
  .label-component {
    width: 62px;
    height: 22px;
    top: 4px;
    left: 10px;
    font-family: Nunito;
    font-weight: 600;
    font-style: normal;
    size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .pending-invoice-font-size-color {
    width: 147px;
    height: 27px;
    color: #ab2421;
    top: 110px;
    font-weight: bold;
    left: 405px;
    font-size: 20px;
    line-height: 27.28px;
    font-family: Nunito;
    font-style: normal;
  }
  
  .invoice-table td {
    border: none !important;
  }
  
  /* .table td,
  .table th {
    vertical-align: middle;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
  } */
  .main {
    width: 92%;
    margin: 10px auto;
  }
  
  /* Bootstrap 4 text input with search icon */
  
  .has-search .form-control {
    padding-left: 2.375rem;
  }
  
  .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
  }
  .quick-receipt-payment {
    /* width: 215px; */
    height: 27px;
    left: 639px;
    top: 328px;
    color: #4c4c4c;
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
  }
  .quick-payment-mode {
    /* width: 263px; */
    height: 40px;
    left: 647px;
    top: 481px;
  
    background: #ebebeb;
    border-radius: 8px 8px 0px 0px;
  }
  
  .tabs-stage {
    border: 1px solid #cecfd5;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    padding: 24px 30px;
    position: relative;
    top: -1px;
  }
  .pending-desh a {
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
  }
  /* .pending-desh a:hover {
    color: #ab2421 !important;
  } */
  .runing-card {
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    box-shadow: 0px 3px 5px rgba(76, 76, 76, 0.1);
  }
  .runing-gf-ac {
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  color:#919191;
}
.runing-people {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  align-items: center;
  padding-top: 5px;
  text-align: center;
  color: #919191;
  text-transform: capitalize;
}
.runing-people-icons {
  color: #919191;
  text-align: center;
  padding-top: 3px;
}
.runing-number {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #4c4c4c;
  text-align: center;
}
.waiter-heading {
  width: 31px;
  height: 14px;
  top: 19px;
  left: 16px;
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  align-items: center;
  color: #919191;
  margin-left: 15px !important;
}
.waiter-title {
  color: #4c4c4c;
  width: 20px;
  height: 19px;
  top: 33px;
  left: 22px;
  text-align: center;
  font-family: Nunito;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  align-items: center;
  padding:5px 15px;
}
.waiter-s-name {
  color: #919191;
  width: 20px;
  height: 19px;
  top: 33px;
  left: 22px;
  text-align: center;
  font-family: Nunito;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  align-items: center;
  padding:5px 15px;
}
  
  .runing-amt {
    width: 51px;
    height: 19px;
    top: 16px;
    left: 75px;
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
  
    color: #4c4c4c;
  }
  .waiter-amt {
    width: 39px;
    height: 22px;
    top: 35px;
    left: 81px;
    align-items: center;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    color: #4c4c4c;
  }
/* old */
/* .navbar-dark .nav-item > .nav-link.active  {
  color: #ab2421;
  border-bottom: 2px solid #ab2421;
} */

.navbar-dark .nav-item > .nav-link.active{
  color: #ffffff;
  background: #4c4c4c;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 

.no-arrow.dropdown-toggle::after  {
  content: none;
} 

/* sales  invoice button */
/* sales  invoice button */
/* sales  invoice button */
.sales-filter {
  /* width: 44%; */
  height: 40px;
  left: 1001px;
  top: 110px;
  /* margin: 0px 30px; */
  border-radius: 4px;
  padding: 9px, 32px, 9px, 32px;
  background: #919191;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
  border: none;
  box-shadow: 0px 0px 1px rgba(76, 76, 76, 0.24),
    0px 0px 1px rgba(76, 76, 76, 0.12);
  border-radius: 4px;

}
.sales-search {
  /* width: 44%;  */
  height: 40px;
  left: 1143px;
  top: 110px;
  background: #ab2421;
  border-radius: 4px;
  text-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  padding: 9px 32px;
  text-transform: capitalize;
  border: none;
  white-space: pre;
  
}
.sales-export {
  /* width: 45%; */
  height: 40px;
  left: 1273px;
  top: 110px;
  color: #fff;
  text-transform: capitalize;
  font-weight: bold;
  background: #919191;
  border: none;
  box-shadow: 0px 0px 1px rgba(76, 76, 76, 0.24),
    0px 0px 1px rgba(76, 76, 76, 0.12);
  border-radius: 4px;
  
} 

.border-box-table{

  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);  
  border-radius: 4px;
}
.loading-images{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 60% !important;
}   
.loading-title {
    background-color: #FFFFFF;
    width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.min-h-cust_order{
    min-height: calc(100vh - 370px);
}
/*27-01-2022*/
    .tk_btn_save {
      height: 35px;
      width: 80px;
      color: #FFF;
      font-weight: bold;
      border-radius: 4px;
      border: 1px solid #AB2421;
      background: #AB2421;
      padding: 9px, 16px, 9px, 16px;
      font-size:14px;    
    }

    .tk_btn_print_save {
      height: 35px;
      color: #FFF;
      font-weight: bold;
      border-radius: 4px;
      background: #AB2421;
      border: 1px solid #AB2421;
      padding: 9px, 16px, 9px, 16px;
      font-size:14px;

    }
    .amnt_bg{
        color:#ffffff;
        background: #4C4C4C;
        
    }
    .amnt_bg_gray{
        color:#ffffff;
        background:#919191;   
    }
    .rbt_gray{
        background: #EBEBEB;
    }
    .amount_box_abs{

        position:relative;
        bottom: 18%;
        
    }
    .b_top_round{
        width: 12%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .item_name_text {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
        text-align: left;
        vertical-align: top;
    }
    .panel_icon {
        color: #4C4C4C61;
    }
    .panel_bg {
        background: #AB24211F;
        color: #AB2421;
        border-bottom: none;
    }
    .all_box_takeaway_header{
        
        background: rgba(171, 36, 33, 0.12);
        border: 1px solid rgba(171, 36, 33, 0.24);
        border-radius: 8px 8px 0px 0px;
        
    }
    .all_box_takeaway_body{
        
        background: #FFFFFF;
        border: 1px solid rgba(171, 36, 33, 0.24);
        box-sizing: border-box;
        
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
        
    }
    .all_box_takeaway_footer{
        background: #EBEBEB;
        border-radius: 0px 0px 8px 8px;
    }
    .all_box_text_time{
        font-size: 14px;
        text-align: center;
        color: #4C4C4C;
    }
    .btn_no {
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.1px;
        text-align: left;
        background: #AB2421;
        color: #FFF;
        border: 1px solid #AB2421;
    }
    .i_edit {
        font-size: 15px;
        color: #787878;
        vertical-align: middle;
    }
    .e_edit {
      color: #787878;

      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em;
      text-align: left;

    }
    .c-v-icons {
      margin-top: 3px;
    }

    .c-v-number {

      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 33px;
      letter-spacing: 0em;
      text-align: right;
      color: #4C4C4C;

    }

    .c-v-invoice {
      font-family: Nunito;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: right;
      color: #787878;

    }

    .c-v-percent {
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: right;
    }
    
    
/*Setting css*/

.form-group{
            margin-bottom: 6px;
        }
        .dlt-ab{
            position: absolute;
            bottom: 0;
            z-index: 1;
            right: 5;
        }
        .heading_background{
            background: #f8f8f8 !important;
            padding: 8px 12px !important;
        }
        .Bottom-line-heading{
            border-bottom:1px solid #919191;
        }
        .addon-border{
            border: 1px solid #ced4da;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;     
        }
        .container_image {
          position: relative;
          width: 100%;
          max-width: 400px;
        }
        
        .image_border_d {
          width: 100%;
          border: 1px solid #D6D6D6;
        }
        .image_border_none {
          width: 100%;
          border: 0px solid #D6D6D6;
          border-radius: 8px;
        }
        
    
        .container_image:hover .overlay {
          opacity: 1;
        }
        
        .icon_close {
          color: white;
          font-size: 100px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          text-align: center;
        }
        
        .image_preview_hide{
            display: none
        }
        .rcpt_ch_name{
            background-color: #ab2421;
            color:#fff;
        }
        .rcpt_ch_name_list{
            background-color: #4c4c4c;
            color:#fff;
        }
        /* receipt channel design 
        */
        .recipt-account-line{

            padding: 8px 24px 8px 24px;
            background-color: #f2f2f2;

        }
        .recipt-account-headline{
            font-family: 'Nunito';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 25px;
            /* identical to box height */

            margin: 0px;
            color: #4C4C4C;

        }
        .border_Receipt{
            padding: 8px 16px 8px 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1px solid rgba(120, 120, 120, 0.24);
            box-sizing: border-box;
            border-radius: 4px;
        }

        .receipt-account-type-text{
            font-family: 'Nunito';
            font-style: normal;
            font-weight: 600;
            font-size: 15px;
            line-height: 20px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.1px;
            margin: 0px;
            color: #4C4C4C;
        }
        .icon-r-color{
            color:rgba(120, 120, 120, 0.78);
        }
        .icon_receipt{
            display: flex;
            align-items: center;
        }
        .btn-location {
            background-color: #fff;
            border: 2px solid #ab2421;
            color: #ab2421;
            padding: 6px 16px;
            font-size: 15px;
            display: flex;
            align-items: center;
            cursor: pointer;
            border-radius: 4px;
        }
        @media (min-width: 576px){
          #modal_master_spinst .modal-dialog {
              max-width: 659px;
              margin: 1.75rem auto;
          }
        }
        .border-radius-8800{
            border-radius: 8px 8px 0px 0px !important;
        }
        .outline-btn-add{
            padding: 9px 16px;
            height: 40px;
            left: 337px;
            top: 209px;
            color: #Ab2421;
            font-weight: bold;
            border: 1px solid #ab2421;
            background: #fff;
            box-shadow: 0px 0px 1px rgb(76 76 76 / 24%), 0px 0px 1px rgb(76 76 76 / 12%);
            border-radius: 4px;
        }
        .outline-btn-save-setting {
            height: 40px;
            color: #ab2421;
            border: 1px solid #ab2421;
            text-transform: capitalize;
            background: #fff;
            border-radius: 4px;
            align-items: center;
            font-weight: bold;
            outline: none;
            padding: 9px 32px;
        }
    .invoice_fake{
        padding:4px;
        border-radius:4px;
    }
    .btn-change-css{
        padding-left:8px !important;
        padding-right:8px !important;
        color:#4c4c4c !important;
        width:auto !important;
        
        
    }
    .tab-button-inactive{
        padding: 8px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #4c4c4c;
    background: #F8F8F8;
    border: 1px solid #D6D6D6;
    flex-grow: 0;
    border-radius: 4px;
    }
    .active_color_icon{
        color:#ab2421;
    }
    .Deactive_color_icon{
        color:#d6d6d6;
    }
    .e-brown{
    color: #ffffff !important;
    background-color: #919191 !important;
    border: 1px solid #919191 !important;
  }
  .tips-headline{
      font-weight: 600;
    font-size: 16px;
    font-family: 'Nunito';
    color: #242424;
    margin-bottom: 4px;
  }
  .tips-text{
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    text-align: justify;
    margin-bottom: 12px;
  }
  .scrolling_y_card{
    overflow-y: auto;
    min-height:80vh;
    max-height: 80vh;
    overflow-x:hidden;
  }
  


/*Radio Button Css*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    line-height: 22px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #d6d6d6;
    border-radius: 100%;
    background: #eaeaea;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ab2421;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*Radio Button Css Close*/
.icon_close:hover{
        color: #ab2421;
    text-decoration: underline;
}
.modal_multi_shadow{
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 29px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}


/*  Start Fedback Css*/
 .rating {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center
    }

    .rating>input {
        display: none
    }

    .rating>label {
        position: relative;
        /* width: 24px; */
        font-size: 2vw;
        color: #ab2421;
        cursor: pointer
    }

    .rating>label::before {
        content: "\2605";
        position: absolute;
        opacity: 0
    }

    .rating>label:hover:before,
    .rating>label:hover~label:before {
        opacity: 1 !important;
        color: #AB2421 !important;
    }

    .rating>input:checked~label:before {
        opacity: 1;
        color: #ab2421
    }


    .rating:hover>input:checked~label:before {
        opacity: 0.4
    }

    #feedback_table_length,
    #feedback_table_filter {
        display: none;
    }

    #feedback_table_wrapper .col-sm-12 {
        padding: 0px;
    }

    .feedback-text {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        vertical-align: middle;
        color: #4C4C4C;
    }

    .feedback-data {
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid rgba(0, 0, 0, .07);
    }
/* end Feedback Css*/


@media (min-width: 576px){

  #managementModal .modal-lg {
      max-width: 900px;
      
  }

}