/* 
  Global scope 
*/
:root {

  --primary-color: var(--indigo-color);
  --primary-color-light: var(--indigo-color-light);
  --primary-color-very-light: var(--indigo-color-very-light);
  --primary-color-dark: var(--indigo-color-dark);
  --primary-color-very-dark: var(--indigo-color-very-dark);
  --primary-box-shadow-color: var(--indigo-box-shadow-color);
  --primary-box-shadow-color-darker: var(--indigo-box-shadow-color-darker);
  --text-color-on-primary-color-bg: var(--text-color-on-indigo-color-bg);

  --card-border-radius: 1.2rem;

  --lm-card-bg-image: linear-gradient(#f7f7f7, #ced6e0);
  --lm-card-border-color: #ffffff;
  --lm-card-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);

  --dm-card-bg-image: linear-gradient(#292c30, #111417);
  --dm-card-border-color: rgba(255, 255, 255, 0.1);
  --dm-card-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);

  --lm-input-box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.05);

  --dm-input-box-shadow: var(--lm-input-box-shadow);

  --lm-button-primary-bg-image: linear-gradient(var(--primary-color), var(--primary-color-dark));
  --lm-button-primary-bg-image-hover: linear-gradient(var(--primary-color-light), var(--primary-color-dark));

  --dm-button-primary-bg-image: linear-gradient(var(--primary-color), var(--primary-color-dark));
  --dm-button-primary-bg-image-hover: linear-gradient(var(--primary-color-light), var(--primary-color-dark));
}

.btn-primary {
  --button-height: 3.6rem;
  --button-border-width: 0;
}

.btn-danger {
  --button-height: 3.6rem;
  --button-border-width: 0;
}

.drag-area{
  border: 2px dashed var(--primary-color-light);
  height: 250px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drag-area.active{
  border: 2px solid  var(--primary-color-light);
}
.drag-area .icon{
  font-size: 80px;
  color:  var(--primary-color-light);
}
.drag-area header{
  font-size: 18px;
  font-weight: 500;
  color:  var(--primary-color-light);
}
.drag-area span{
  font-size: 18px;
  font-weight: 500;
  color:  var(--primary-color-light);
  margin: 10px 0 15px 0;
}
.drag-area img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.badgebtn {
    display: inline-block;
    position: relative;
    font-size: 10px;
    line-height: var(--badge-line-height);
    padding: var(--badge-padding);
    color: var(--lm-badge-text-color);
    background-color: var(--lm-badge-bg-color);
    border: var(--badge-border-width) solid var(--lm-badge-border-color);
    border-radius: var(--badge-border-radius);
}
.badgebtn.badge-synth {
	color: var(--lm-badge-success-text-color);
    background-color: #C8FFFD;
    border-color: #C8FFFD;
}
.badgebtn.badge-analyse {
	color: var(--lm-badge-success-text-color);
    background-color: #6AC4FE;
    border-color: #6AC4FE;
}
.badgebtn.badge-detail {
	color: var(--lm-badge-success-text-color);
    background-color: #96FEFE;
    border-color: #96FEFE;
}
.badgebtn.badge-exercice {
	color: var(--lm-badge-success-text-color);
    background-color: #428CFE;
    border-color: #428CFE;
}
.badgebtn.badge-appels {
	color: var(--lm-badge-success-text-color);
    background-color: #60D4CE;
    border-color: #60D4CE;
}