:root {
  --body-bg-rgb: 245, 246, 250;
  --primary-rgb: 121, 119, 102;
  --secondary-rgb: 213, 195, 180;
  --warning-rgb: 255, 192, 65;
  --info-rgb: 120, 119, 101;
  --success-rgb: 53, 189, 170;
  --danger-rgb: 248, 66, 56;
  --light-rgb: 246, 248, 251;
  --dark-rgb: 35, 35, 35;
  --orange-rgb: 255, 127, 80;
  --pink-rgb: 244, 138, 167;
  --teal-rgb: 18, 194, 194;
  --purple-rgb: 140, 11, 244;
  --green-rgb: 10, 216, 44;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: "Poppins", sans-serif;
  --default-font-weight: 400;
  --default-text-color: #282833;
  --default-border: #edf1f5;
  --default-background: #f7f8f9;
  --menu-bg: #fff;
  --menu-prime-color: #797da3;
  --menu-border-color: #e7ebf1;
  --header-bg: #fff;
  --header-prime-color: #797da3;
  --header-border-color: #e7ebf1;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #e7ebf1;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #797776;
  --input-border: #e9edf6;
  --form-control-bg: #ffffff;
  /* Gray set */
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #e7e7eb;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  /* White set */
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  /* Black set */
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
}

.btn.btn-primary-gradient {
  background: linear-gradient(to right, var(--primary-color) 0%, rgb(50 50 59) 100%);
  color: #fff !important;
  border: 0;
}


.btn.btn-secondary-gradient {
  background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0%, rgb(120 119 101) 100%);
  color: #fff !important;
  border: 0;
  flex: 1;
}

[data-menu-styles=dark][data-theme-mode=light] {
  --menu-bg: rgb(50 50 59);
  --menu-prime-color: rgb(212 194 179);
}

.project-card {
  max-height: 250px;
  overflow: auto;
  gap: 1rem;
}

.edit-page {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.edit-page i {
  position: absolute;
  display: none;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #0000002e;
}

.edit-page:hover i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-sidebar .main-sidebar-header {
  border: 0;
}

.back-arrow {
  color: var(--header-prime-color);
  font-size: 32px;
}

@media (min-width: 992px) {
  .app-header {
    padding-inline-start: 15rem;
  }
}

.draggables-row {
  display: flex;
  flex-wrap: wrap;
}

.drag-item p {
  font-size: 14px;
  margin: 0;
}

.edit-page .img-thumbnail {
  aspect-ratio: 297/210;
  object-fit: contain;
}

@media (min-width: 1200px) {
  .col-xl-6 {

    width: 49.2%;

  }
}