.menu-group-item{
    margin-bottom: 3rem;
}

.sidebar{
    width:200px;
    height:100%;
    background: #c9161a;
    
    position:fixed;
    left:0;
    padding-left:15px;
    padding-top:10px;
    border-right: 2px solid #c4aa5a;
    color:#e0ded6;
    
    overflow-x: hidden;
    overflow-y:scroll;
  }

  .sidebar::-webkit-scrollbar {
      display: none;
  }

  .nav-categories .nav-link, .nav-categories .nav navbar > li > a, .nav .nav-categories navbar > li > a {
      color: #e0ded6;
      font-size:14px;
  }

  
  .rightSidebar{
    width:250px;
    height:100%;
    background: #c9161a;
    overflow: hidden;
    position:fixed;
    right:0;
    border-left: 1px solid #eae7a5;      
    color:#e0ded6;
  }
  
  .menuArea{
      width:100%; 
      margin-left:200px; 
      margin-right:220px;
  }

  body{
      background-color:#c9161a;
      color:#e8e2d9;
  }
  
  body > main {
      padding-top: 0px;
  }

  /*main block background*/
  .panel {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #c9161a;
      background-clip: border-box;
      border: 0 solid rgba(0, 0, 0, 0.125);
      border-radius: 0.25rem;
  }

  .btn {    
      border-radius: 0rem;
  }

  .btn-light, .swal-button--cancel {
      color:#e0ded6;
      background-color: #870808;
      border-color: #e8e2d9;
  }

  .text-muted {
      color: #eb8e02 !important;
  }

  .menuNameExt {
      color:#eff7d3; 
      font-size: 14px;
  }
  
  .menuButtonExt {
      background-color: Transparent;  
      border-style: none; 
      outline: none;
  }

  .modalTopExt{
      text-align:center;
      padding: 5px;
      margin:0px;
  }

  .modal-dialog {
      max-width: 350px;
  }
  
  .modal-item-dialog {
      max-width: 580px;
  }
  
  .modal-content {
      background-color: Transparent;
      border: 0px solid rgba(239, 10, 10, 0.2);
  }

  .modalContentExt{
      color: #e0ded6;
      background-color:#c9161a;
      border: 1px solid white;
      border-radius: 0rem;
  }

  .form-control {
      color: #e0ded6;
      background-color: #c9161a;
      background-clip: padding-box;
      border: 1px solid #e0dcdb;
      border-radius: 0.25rem;
      outline: none;
  }
  .form-control:focus{
      color:#e0ded6;
      background-color:#c9161a;
      border-color:#f6ad90;outline:0;box-shadow:0 0 0 0.1rem rgba(237, 86, 26, 0.25)
  }

  .menu-price, .cart-total, .menu-category, .category-title, .tabelExt {		
      color:white;
  }

  .cart-items {    
      max-height: 52vh;
  }	
  

.nav-categories .nav-link.active, .nav-categories .nav navbar > li > a.active, .nav .nav-categories navbar > li > a.active, .nav-categories .show > .nav-link, .nav-categories .nav navbar > li.show > a, .nav .nav-categories navbar > li > .show > a {
    color: #f0d342;
}

.pop-body{
    background-color:#c9161a;
    border: 1px solid white; 
    color:white;
}

.btn-light:not(:disabled):not(.disabled):active, .swal-button--cancel:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .swal-button--cancel:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle, .show > .swal-button--cancel.dropdown-toggle {
    color: #29201d;
    background-color: #850606;
    border-color: #d1cbcb;
}

/* for main screen scroll bar disable */
.row{
    margin-right: 0px;
}

/* for image popup input */
.pop-input{
    height:40px; background-color:#c9161a
}

.input-group > .form-control {

    background-color:#c9161a;
}

/* for login page */
.table {
	background-color:#c9161a;
	color:#fff;
}

.card {
	background-color:#c9161a;
	color:#fff;
}

td{border: 1px solid transparent !important;}

.select_ext {
    height:40px;
    line-height:40px;
    background:#c9161a;
} 	

/*for cart item*/
.cart-items > ul > li .name {
    white-space: wrap;
    max-width: 160px;
}

.btn-radius{
    border-radius:5px
}