:root {
  --primary-bg-color: #6259ca;
  --primary-bg-hover: #403fad;
  --primary-transparentcolor: rgba(98, 89, 202, 0.16);
  --primary-bg-border: #6259ca;
  --dark-theme: #0e0e23;
  --dark-body: #24243e;
  --dark-border: rgba(255, 255, 255, 0.15);
  --dark-color: #d0d0e2;
  --dark-primary: #6259ca;
  --indigo: $indigo;
  --purple: $purple;
  --pink: #f1388b;
  --orange: $orange;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: $white;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

.form-control {
  color: #291f47;
}

.form-control:hover {
  transition: border 0.2s ease-in;
  border-width: 2px;
}

.form-control:focus {
  border-width: 2px;
  background-color: #eaeafc;
}

.select2:hover {
  transition: border 0.1s ease-in;
  border-width: 2px;
}

.card-body {
  padding-left: 15px;
  padding-right: 15px;
}

/* CaseInfo Page - CUSTOMER */

.caseinfo-icon:hover {
  cursor: pointer;
  transition: transform 0.4s ease;
  transform: scale(1.5);
}

.transactions {
  max-height: 300px;
  overflow-y: scroll;
}

.bg-success-light {
  color: #19b159 !important;
  background: rgba(25, 177, 89, 0.2) !important;
}

.bg-success-light:hover .test {
  background-color: red;
}

.test {
  background-color: red;
}

.bg-info-light {
  background: rgba(1, 184, 255, 0.2) !important;
  color: #01b8ff !important;
}

/* Case info page */
.caseInfo tr {
  height: 3rem;
}

/* .caseInfo tr th {
  font-size: large !important;
} */
.shadow-10 {
  box-shadow: 0px 0px 10px #eaeafb;
}

.shadow-hover-15:hover {
  box-shadow: 0px 0px 15px #d1cef3;
  transform: scale(1.001);
  transition: all 0.3s ease;
}