:root{
  --color-primary:#7d2e2e;
  --color-secondary:#f48340;
  --shadow: 0px 0px 5px 0px rgba(208, 208, 208, 0.75);
  --transition-time:.3s;
  --light-color:#e9e9e9;
  --form-border: #aaa;
  --light-primary: #C8643A;
  --light-primary-hover: #B95937;
  --danger-color: #dc3545;
  --form-shadow:  0px 0px 3px -1px rgba(125,46,46,1);
  --form-shadow-color: rgba(125,46,46,1);
  --text-color: #555;
}
.text-primary{
  color: var(--color-primary)!important;
}
.small-text{
  font-size: 14px;
}

.fs-13{
  font-size: 13px!important;
}
.fs-15{
  font-size: 15px;
}
.fs-17{
  font-size: 17px;
}
.fw-500{
  font-weight: 500;
}
.myCard{
  background-color: #fff;
  border-radius: 20px;
  box-shadow: var(--shadow);
  padding: 20px;
}
.color-primary{
  color: var(--color-primary);
}
.btn-primary{
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.btn-outline-primary{
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-outline-primary:hover{
  color: #fff;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.btn-secondary{
  background-color: var(--light-primary);
  border-color: var(--light-primary);
}
.btn-secondary:hover{
  background-color: var(--light-primary-hover);
  border-color: var(--light-primary);
}
.btn-outline-secondary{
  background-color: #fff;
  color: var(--light-primary);
  border-color: var(--light-primary);
}
.btn-outline-secondary:hover{
  background-color: var(--light-primary-hover);
  border-color: var(--light-primary);
}
.btn-primary:hover{
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.btn-primary:active, .btn-primary:visited, .btn-primary:checked, .btn-primary:focus{
  outline: none!important;
  border: none!important;
  background-color: var(--color-primary)!important;
   box-shadow: none !important;
}
.btn:active, .btn:focus, .btn:visited, .btn-outline-primary:active:focus{
  outline: none;
  box-shadow: none;
}
input[type="checkbox"] {
  accent-color: var(--color-primary); /* Change to your desired color */
}
a{
  display: inline-block;
  text-decoration: none;
  color: initial;
}
a:hover{
  color:initial;
}
img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
ul{
  list-style: none;
  padding: 0;
}



.dropdown-div-item.notification::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar, .search-drop::-webkit-scrollbar, .sidebar::-webkit-scrollbar {
  width: 3px; 
  height: 3px;     
}

.dropdown-div-item.notification::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb, .search-drop::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-thumb {
  background-color: #858585; 
  border-radius: 10px;    
}

.dropdown-div-item.notification::-webkit-scrollbar-button, .table-responsive::-webkit-scrollbar-button, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-button, .search-drop::-webkit-scrollbar-button, .sidebar::-webkit-scrollbar-button {
  display: none;
}

table td, 
table th {
  vertical-align: middle;
  border-bottom: inherit!important;
}