@import "./custom/image-viewer.css";
@import "./custom/upload.css";
@import "./custom/upload-dropzone.css";
@import "./custom/upload-image-requests.css";
@import "./custom/breadcrumbs-custom.css";
@import "./custom/multiselect-checkbox-custom.css";
@import "./custom/collection-editor-custom.css";
@import "./custom/date-picker-no-x.css";
@import "./custom/custom-table-min-height.css";
@import "./custom/edit-project-scrollbar.css";

:root {
  --header: #040404;
  --sidebar: #1c1c1c;
  --body-bg: #f1f1f1;
  --primary-colour: #faa50a;

  --container-bg: #ffffff;
  --container-padding: 20px;
  --container-border-radius: 5px;

  --grid-header-row-darkest-bg: #1c1c1c;
  --grid-header-row-darker-bg: #747474;
  --grid-row-odd-bg: #f5f5f5;
  --grid-row-hover: #d1d1d1;
  --grid-border-colour: #929292;
}

body {
  overflow-y: scroll;
}

.primary {
  background: var(--primary-colour) !important;
  border: none !important;
}

input:hover,
input:focus,
.dropdown:hover {
  border-color: var(--primary-colour) !important;
}

.jquery-loading-modal__bg {
  background-color: #f59211 !important;
}

.dwkit-content-form,
.dwkit-content-form > div,
.dwkit-content-form > div > .dwkit-form {
  height: 100% !important;
}

.dwkit-container {
  max-height: calc(100vh - 90px) !important;
}

.dwkit-content {
  padding: 20px 10px !important;
}

.dwkit-wrapper {
  background: var(--body-bg) !important;
}

.dwkit-header {
  background: var(--header);
}

.dwkit-sidebar-container {
  background: var(--sidebar);
}

div.field > label,
.dwkit-collectioneditor-header {
  font-weight: normal !important;
}

/* Fix for confirm modal displaying beneath sidebar modal */
.ReactModalPortal .last-pane-overlay {
  z-index: 500;
}

.ui.button {
  min-height: unset;
}


.slide-pane_from_right {
  width: 50% !important;
}

.slide-pane_from_right ::-webkit-scrollbar-thumb {
  background: var(--primary-colour) !important;
}