body>main {
  min-height: 85vh;
}

.overlay {
  display: flex;
  top: 0;
  position: absolute;
  /* align-items: center; */
  /* justify-content: center; */
  z-index: 2;
  visibility: hidden;
}

details {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */
  /*background-color: rgba(51, 51, 51, 0.2);*/
}

details>div {
  padding-left: 2.8em;
}

details>details {
  padding-left: 1.5em;
}

.border-large {
  border: 10px solid !important;
  border-color: #111111 !important;
}

.ima-category {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: max-content;
  margin: auto;
  max-width: 80%;
  min-width: 300px;
}

.ima-category>* {
  width: 300px;
  height: 300px;
}

.ima-category img {
  opacity: 1;
}

.ima-category img:hover {
  filter: brightness(80%);
}

.ima-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.rounded-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ima-autoscale {
  display: none;
}

.ima-autoscale-open {
  display: flex !important;
}

.ima-bg-overlay {
  /* padding: 0.2rem; */
  color: black;
  background-color: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 1);
  max-height: calc(100vh - 56px);
  overflow-y: auto;
}

.ima-text-nowrap {
  overflow: hidden;
  white-space: nowrap;
}

select[multiple] {}

select[multiple] option {
  height: 2em;
}

.ima-mdi-piece:before {
  content: " ";
  background-image: url("/static/img/piece.png");
  height: 40px;
  width: 40px;
  margin: -8px;
  margin-bottom: -12px;
}

.ima-mdi-ensemble:before {
  content: " ";
  background-image: url("/static/img/ensemble.png");
  height: 40px;
  width: 40px;
  margin: -8px;
  margin-bottom: -12px;
}

/* Spécifique */
body {
  /*font-family: 'Raleway', sans-serif !important;*/
}

.treeview a, #relativesView a {
  color: #111111;
}

#form_date_day {
  display: none;
}

.sf-toolbarreset, .sf-minitoolbar, .sf-toolbar-clearer {
  display: none !important;
}

.cursor-alias {
  cursor: alias;
}

.cursor-all-scroll {
  cursor: all-scroll;
}

.cursor-auto {
  cursor: auto;
}

.cursor-cell {
  cursor: cell;
}

.cursor-context-menu {
  cursor: context-menu;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-copy {
  cursor: copy;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-none {
  cursor: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-text {
  cursor: text;
}

.cursor-url {
  cursor: url(myBall.cur), auto;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.bg-darker {
  background: #222222;
}

.underline {
  text-decoration: underline;
}

.bg-visual-transparent {
  background: url('https://upload.wikimedia.org/wikipedia/commons/8/89/HD_transparent_picture.png');
}

.ima-fullPage {
  position: fixed !important;
  left: 0px !important;
  top: 0px !important;
  height: 100vh !important;
  width: 100vw !important;
  background: white !important;
  z-index: 1234;
}

.contain {
  object-fit: contain;
}

.custom-file-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ima-selected {
  outline: 3px solid var(--success);
  outline-offset: -4px;
  box-shadow: 2px 2px 0 var(--success) inset, -2px -2px 0 var(--success) inset !important;
}

.ima-selected::after {
  content: "";
  outline: 3px solid var(--success);
  outline-offset: -4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 2px 2px 0 var(--success) inset, -2px -2px 0 var(--success) inset !important;
  pointer-events:none;
}

.ima-message {
  position: absolute;
  animation: 1s messageSlide 10s;
  height: 50px;
  width: 50vw;
  z-index: 1021;
}

.ima-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2001;
}

@keyframes messageSlide {
  0% {}

  100% {
    top: -24px;
  }
}

.ima-transp {
  background: url("../img/invisible.png");
  box-shadow: 3px 3px 0 var(--success) inset, -3px -3px 0 var(--success) inset !important;
}

.anim-zoom-in {
  animation: 0.3s linear 0s zoomIn;
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    /* transform: scale(1); */
  }
}

.vjs-theme-fantasy{
  --vjs-theme-fantasy--primary: var(--primary);
  --vjs-theme-fantasy--secondary:#fff
}

/*------------ Scroll ------------------------------------------------------*/
* {
  scrollbar-color: var(--secondary) #ffffff20;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 16px;
}
*::-webkit-scrollbar-track {
  background-color: #ffffff50;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
  border-radius: 16px;
  border: 4px solid transparent;
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #333333;
}

.canvas-preview {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 3px 3px 0 var(--success) inset, -3px -3px 0 var(--success) inset !important;
  z-index: 2042;
}

.max-height:not(.disable-max-height .max-height) {
  height: calc(100vh - 122px);
}

/* z-index ------------------------------------------------------------------ */
.z-header {
  z-index: 1020;
}

/* real grid ---------------------------------------------------------------- */
.d-grid {
  display: grid;
}

/* fake background ---------------------------------------------------------- */
.pageBg {
  /* background-image: url("/static/img/afest/bgLogin.png"),  */
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-position: center;
  z-index: -20;
}
/* glassmorphisme */
.glass {
  background-color: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 1);
}

.h-child-100 > div {
  height: 100% !important;
}

.bg-dark-transparent {
  background: rgba(0, 0, 0, 0.6);
}