/* Votre Style */
body {
  /* background: #f8f8f8; */
  background: white;
  color: #888888;
  font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.banner {
  background: #78C2AD;
}


/* $white    : #fff !default;
$gray-100 : #f8f9fa !default;
$gray-200 : #e7e9ed !default;
$gray-300 : #dee2e6 !default;
$gray-400 : #ced4da !default;
$gray-500 : #acb3c2 !default;
$gray-600 : #727e96 !default;
$gray-700 : #454d5d !default;
$gray-800 : #333 !default;
$gray-900 : #212529 !default;
$black    : #000 !default; */

.idkdo{
  border: 1px solid #ced4da;
  border-radius: 0.4rem;
  box-shadow: 5px 5px 2px #f8f9fa;
  margin-bottom:1rem;
}


.idkdo header, .idkdo footer{
  text-align: center;
  background-color: #f8f9fa;
}

.idkdo header{
  border-bottom:  1px solid #ced4da;
}

.idkdo footer{
  border-top:  1px solid #ced4da;
}

.idkdo footer a{
  background-color: #78C2AD;
  color:white;
  border-radius:0.4rem;
  /* display:block; */
}


nav{
  padding:0.5rem 1rem;
  color:white;
}

nav a{
  text-decoration: none;
}

.banner-title, .banner-title:hover, .banner-title:active{
  color:white;
  text-decoration: none;
  font-size: 2.5rem;
}


.loader{
  text-align: center;
  color: #78C2AD;
}


@supports not (grid-column: auto/span 3){
  @media (min-width: 992px) {
    [class*=-large-1]>* {
        width: calc(100% - .01px)
    }
    [class*=-large-1].has-gutter>* {
        width: calc(100% - 1rem - .01px)
    }
    [class*=-large-1].has-gutter-l>* {
        width: calc(100% - 2rem - .01px)
    }
    [class*=-large-1].has-gutter-xl>* {
        width: calc(100% - 4rem - .01px)
    }
    [class*=-large-2]>* {
        width: calc(50% - .01px)
    }
    [class*=-large-2].has-gutter>* {
        width: calc(50% - 1rem - .01px)
    }
    [class*=-large-2].has-gutter-l>* {
        width: calc(50% - 2rem - .01px)
    }
    [class*=-large-2].has-gutter-xl>* {
        width: calc(50% - 4rem - .01px)
    }
    [class*=-large-3]>* {
        width: calc(33.33333% - .01px)
    }
    [class*=-large-3].has-gutter>* {
        width: calc(33.33333% - 1rem - .01px)
    }
    [class*=-large-3].has-gutter-l>* {
        width: calc(33.33333% - 2rem - .01px)
    }
    [class*=-large-3].has-gutter-xl>* {
        width: calc(33.33333% - 4rem - .01px)
    }
    [class*=-large-4]>* {
        width: calc(25% - .01px)
    }
    [class*=-large-4].has-gutter>* {
        width: calc(25% - 1rem - .01px)
    }
    [class*=-large-4].has-gutter-l>* {
        width: calc(25% - 2rem - .01px)
    }
    [class*=-large-4].has-gutter-xl>* {
        width: calc(25% - 4rem - .01px)
    }
    [class*=-large-5]>* {
        width: calc(20% - .01px)
    }
    [class*=-large-5].has-gutter>* {
        width: calc(20% - 1rem - .01px)
    }
    [class*=-large-5].has-gutter-l>* {
        width: calc(20% - 2rem - .01px)
    }
    [class*=-large-5].has-gutter-xl>* {
        width: calc(20% - 4rem - .01px)
    }
    [class*=-large-6]>* {
        width: calc(16.66666% - .01px)
    }
    [class*=-large-6].has-gutter>* {
        width: calc(16.66666% - 1rem - .01px)
    }
    [class*=-large-6].has-gutter-l>* {
        width: calc(16.66666% - 2rem - .01px)
    }
    [class*=-large-6].has-gutter-xl>* {
        width: calc(16.66666% - 4rem - .01px)
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    [class*=-medium-1]>* {
        width: calc(100% - .01px)
    }
    [class*=-medium-1].has-gutter>* {
        width: calc(100% - 1rem - .01px)
    }
    [class*=-medium-1].has-gutter-l>* {
        width: calc(100% - 2rem - .01px)
    }
    [class*=-medium-1].has-gutter-xl>* {
        width: calc(100% - 4rem - .01px)
    }
    [class*=-medium-2]>* {
        width: calc(50% - .01px)
    }
    [class*=-medium-2].has-gutter>* {
        width: calc(50% - 1rem - .01px)
    }
    [class*=-medium-2].has-gutter-l>* {
        width: calc(50% - 2rem - .01px)
    }
    [class*=-medium-2].has-gutter-xl>* {
        width: calc(50% - 4rem - .01px)
    }
    [class*=-medium-3]>* {
        width: calc(33.33333% - .01px)
    }
    [class*=-medium-3].has-gutter>* {
        width: calc(33.33333% - 1rem - .01px)
    }
    [class*=-medium-3].has-gutter-l>* {
        width: calc(33.33333% - 2rem - .01px)
    }
    [class*=-medium-3].has-gutter-xl>* {
        width: calc(33.33333% - 4rem - .01px)
    }
    [class*=-medium-4]>* {
        width: calc(25% - .01px)
    }
    [class*=-medium-4].has-gutter>* {
        width: calc(25% - 1rem - .01px)
    }
    [class*=-medium-4].has-gutter-l>* {
        width: calc(25% - 2rem - .01px)
    }
    [class*=-medium-4].has-gutter-xl>* {
        width: calc(25% - 4rem - .01px)
    }
    [class*=-medium-5]>* {
        width: calc(20% - .01px)
    }
    [class*=-medium-5].has-gutter>* {
        width: calc(20% - 1rem - .01px)
    }
    [class*=-medium-5].has-gutter-l>* {
        width: calc(20% - 2rem - .01px)
    }
    [class*=-medium-5].has-gutter-xl>* {
        width: calc(20% - 4rem - .01px)
    }
    [class*=-medium-6]>* {
        width: calc(16.66666% - .01px)
    }
    [class*=-medium-6].has-gutter>* {
        width: calc(16.66666% - 1rem - .01px)
    }
    [class*=-medium-6].has-gutter-l>* {
        width: calc(16.66666% - 2rem - .01px)
    }
    [class*=-medium-6].has-gutter-xl>* {
        width: calc(16.66666% - 4rem - .01px)
    }
  }
}

@supports (grid-column: auto/span 3){

  #alert-navigateur{
    display:none;
  }

  @media (min-width: 992px) {
    [class*="grid-"][class*="-large-1"] {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr);
    }
    [class*="col-"][class*="-large-1"] {
      grid-column: auto/span 1;
    }
    [class*="grid-"][class*="-large-2"] {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
    }
    [class*="col-"][class*="-large-2"] {
      grid-column: auto/span 2;
    }
    [class*="grid-"][class*="-large-3"] {
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
    }
    [class*="col-"][class*="-large-3"] {
      grid-column: auto/span 3;
    }
    [class*="grid-"][class*="-large-4"] {
      -ms-grid-columns: (1fr)[4];
          grid-template-columns: repeat(4, 1fr);
    }
    [class*="col-"][class*="-large-4"] {
      grid-column: auto/span 4;
    }
    [class*="-large-all"] {
      grid-column: 1 / -1;
    }
  }


  @media (min-width: 768px) and (max-width: 991px) {
    [class*="grid-"][class*="-medium-1"] {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr);
    }
    [class*="col-"][class*="-medium-1"] {
      grid-column: auto/span 1;
    }
    [class*="grid-"][class*="-medium-2"] {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
    }
    [class*="col-"][class*="-medium-2"] {
      grid-column: auto/span 2;
    }
    [class*="grid-"][class*="-medium-3"] {
      -ms-grid-columns: (1fr)[3];
          grid-template-columns: repeat(3, 1fr);
    }
    [class*="col-"][class*="-medium-3"] {
      grid-column: auto/span 3;
    }
    [class*="grid-"][class*="-medium-4"] {
      -ms-grid-columns: (1fr)[4];
          grid-template-columns: repeat(4, 1fr);
    }
    [class*="col-"][class*="-medium-4"] {
      grid-column: auto/span 4;
    }
    [class*="-medium-all"] {
      grid-column: 1 / -1;
    }
  }
}

#admin-edit-json input{
  width:500px;
}

#admin-edit-json .btn-group{
  float:left;
  font-size:16px;
  margin-right:20px;
}
/* 
.form-group label{
  display:none;
} */