/* @import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-react-schedule/styles/material.css';
@import '../node_modules/@syncfusion/ej2/material.css'; */

body {
  padding: 0;
  font-family: sans-serif;
}

:root {
  --new-bg-color: #f7f8f9;
  --mantine-text-input-label-color: #555757;
  --table-border-color: #f2f2f2 !important;
  --icon-gray-color: #868e96 !important;
}

.mantine-Input-input,
.mantine-RichTextEditor-control,
.mantine-RichTextEditor-toolbar,
.mantine-RichTextEditor-content {
  background-color: transparent !important;
}

.mantine-RichTextEditor-control {
  color: var(--mantine-text-input-label-color) !important;
}

.mantine-RichTextEditor-control:where([data-active]) {
  color: var(--mantine-color-yellow-0) !important;
}

.mantine-Modal-header {
  padding: 28px !important;
}
.mantine-Modal-body {
  padding: 0 28px 28px 28px !important;
}

.add-video-container {
  background-color: #f7f8f9;
  min-height: 426px;
  border-radius: 15px;
  border-color: #d0d5dd;
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-quiz-container {
  background-color: #f7f8f9;
  min-height: 426px;
  border-radius: 15px;
  border-color: #d0d5dd;
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mantine-RichTextEditor-control {
  background-color: var(--new-bg-color) !important;
}

.mantine-Modal-body .mantine-RichTextEditor-control {
  background-color: white !important;
}

.answer {
  padding: 3px !important;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding-left: 5px !important;
  word-wrap: break-word;
  cursor: not-allowed;
}

.login-page {
  background-image: url('./login-page-background.png'); /* Replace with your image path */
  background-size: cover; /* Cover the entire div */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Prevent repeating */
}
.svc-creator-popup.sv-popup--modal {
  width: 100% !important;
  height: unset !important;
  position: absolute !important;
}
.svc-creator {
  height: 100% !important;
}

.sv-popup {
  width: 100% !important;
}

/* .mantine-Group-root.mantine-datatable-header-cell-draggable.mantine-Center-root { */
.mantine-Group-root .mantine-datatable-header-cell-draggable {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mantine-Group-root .mantine-datatable-header-cell-draggable .mantine-Center-root {
  display: none !important;
}
.mantine-Menu-dropdown {
  z-index: 250 !important;
}

.mantine-Select-dropdown {
  z-index: 250 !important;
}

.rich-text-content p:empty {
  height: 1em;
}
.rich-text-content blockquote {
  background-color: white;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;

  margin-left: 0;
  margin-right: 0;
}

.mantine-InputWrapper-error {
  font-size: 12px !important;
}