@font-face {
  font-family: 'Poppins';
  src: url('./alfont_com_Cairo-Regular.ttf');
}
*{
  font-family: 'Poppins';
}
body{
  background-color: #181619 !important;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bolder !important;
}
p{
  margin: 0 !important;
}
a{
  text-decoration: none;
}
.login{
  height: 100vh;
}
.login img{
  /* width: ; */
}
.btn-primary,.btn-primary:hover{
  background-color: #a96584 ;
  border-color: #a96584 ;
}
.border-primary-bottom{
  border-bottom: 2px solid #a96584;

}
.user-image{
  width: 50px;
}
.side-bar-offcanvas{
  background-color: #181619 !important;
  color: #fff;
}
.side-bar-offcanvas a{
  color: #fff;
}

.rounded-20{
  border-radius: 20px;
}
.state-span{
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  top : -1vh;
  right: -1vh;
  position: absolute;
}
td ,th{
  background-color: #181619 !important;
  color: #fff !important;
}
td a{
  color: #fff !important;
}
.add-price-list-item{
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #a96584;
  text-align: center;
  color: #fff;
  font-weight: 900;
}
.remove-price-list-item,.remove-item-to-order-sapn{
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #c0183c;
  text-align: center;
  color: #fff;
  font-weight: 900;
}
.pointer{
  cursor: pointer;
}
.scroll{
  overflow-y: scroll;
}
.scroll::-webkit-scrollbar {
  width: 0.5em;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: transparent; /* or any color you want */
}
.add-item-to-order-sapn{
    width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #46a842;
  text-align: center;
  color: #fff;
  font-weight: 900;
}


.air-datepicker--pointer{
    display: none;
  }

  .air-datepicker {
    z-index: 1051 !important; /* Higher than Bootstrap's offcanvas z-index */
    position: absolute; /* Ensure it positions correctly */
  }

  .air-datepicker-cell.-today- {
    background-color: #f8d7da;
    color: #000;
    border-radius: 50%;
  }

  .air-datepicker-cell.-selected- {
    background-color: #a96584;
    color: #fff;
    border-radius: 50%;
  }
  .datepicker-footer {
    padding: 10px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .datepicker-footer .selected-date {
    font-weight: bold;
  }

  .datepicker-footer .set-date-btn {
    background-color: #a96584;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
  }
  .container {
    display: flex;
    justify-content: space-between;
    margin: 0%;
}

.left-column, .right-column {
    width: 50%; /* Adjust as needed */
}
.right-column {
    direction:ltr;
}
.in-user-device{
    background-color: transparent;
}