#content {
  display: none;
}

.form-control {
  padding: 12px;
  font-size: 17px;

}

.data-container {
  display: flex;
  width: 100%;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 1199px) {
  .data-container {
    display: block;
  }
}

#profitChart {
  width: 390px; /* العرض */
  height: 330px; /* الطول */
}

.alert {
  margin-bottom: 0;
}

#loading-message {
  text-align: center;
}

option {
  background: #fff;
}

.dt-buttons {
  margin: 6px;
}

#example_filter {
  display: none;
}

.buttons-colvis {
  display: none;
}

#AdminConnection {
  display: none;
}

.table-success {
  background-color: #28a74561 !important;
}

.table-primary {
  background-color: #007bff3b !important;
}

.table-warning {
  background-color: #ffc10763 !important;
}

#table-area {
    padding: 0;
}

.flag-icon {
  margin-right: 8px; 
  vertical-align: middle; 
}

.buttons-html5 {
  background: #696cff;
  margin: 0 9px;
  border-radius: 6px !important;
  color: #fff;
}

.dt-paging {
  margin: 13px 0 0 10px;
}

.card-header {
  padding: 0.1rem 1.5rem !important;
}

.buttons-html5:hover {
  color: #fff;
  background: #595ced;
}

.bx-md {
  font-size: 1.375rem !important;
}


.task-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-bottom: 1px dashed #dee2e6;
  padding: 10px;
  transition: border-color 0.3s;
}
.task-item.editing {
background: #fff3cd;
color: #664d03;
}
.list-group .form-control:focus {
outline: 1px solid #ffc107;
box-shadow: none;
}
.d-flex.align-items-center {
width: 100%;
}
.task-item input[type="text"] {
width: 93%;
margin-left: 6px;
background: #fff;
border: none;
padding-left: 6px !important;
}
.form-control:disabled {
background: #fff0 !important;
padding-left: 6px !important;
}
.task-item.completed {
background: #84e25242;
border-radius: 7px;
}
.task-item .task-actions {
display: flex;
gap: 10px;
}
.task-item .task-actions i {
cursor: pointer;
font-size: 20px;
}
.task-item .task-actions .edit-icon {
color: #007bff;
}
.task-item .task-actions .complete-icon {
color: #28a745;
}
.task-item .task-actions .delete-icon {
color: #dc3545;
}
.counter {
margin-bottom: 20px;
}
.alert {
display: none;
margin-bottom: 10px;
}
.input-group {
display: flex;
}
.input-group input {
flex: 1;
}
.fw-bold {
flex: none;
}
.input-group button {
background-color: #007bff; /* Blue background for the button */
border: none;
color: white;
font-size: 20px;
padding: 10px;
}
.input-group button i {
margin-right: 5px;
}
.tab-content {
padding: 0;
}

#myTab li.nav-item {
  margin-right: 8px;
}

#month-tab {
background-color: #f8d7da;
border: 1px solid #dc3545;
border-bottom: none;
border-radius: 7px 7px 0 0;
}

#week-tab {
background-color: #fff3cd;
border: 1px solid #ffc107;
border-bottom: none;
border-radius: 7px 7px 0 0;
}

#today-tab {
background-color: #cff4fc;
border: 1px solid #00d1fb;
border-bottom: none;
border-radius: 7px 7px 0 0;
}

/* تأثير النبض المخصص عند تفعيل التبويب */
.nav-link.active#month-tab {
box-shadow: 0 -4px 20px 0px rgba(220, 53, 69, 0.5); /* ظل مخصص لتبويب الشهر */
}

.nav-link.active#week-tab {
box-shadow: 0 -4px 20px 0px rgba(255, 193, 7, 0.5); /* ظل مخصص لتبويب الأسبوع */
}

.nav-link.active#today-tab {
box-shadow: 0 -4px 20px 0px rgba(0, 209, 251, 0.5); /* ظل مخصص لتبويب اليوم */
}

i.bx.bx-task {
  font-size: 24px;
  margin: 0 7px;
  color: #71dd37;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}