/* MISE A JOUR
* ACTUAL VERSION
* OLD VERSION
*/

.gce-maj {
}

.gce-maj-container {
  max-width: 900px;
  padding: 10px;
  box-sizing: border-box;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}


.gce-maj-container h3 {
  font-size: 30px;
  margin-bottom: 15px;
}

/* ACTUAL VERSION */
.gce-maj-container .gce-actual-version-container {
  margin-bottom: 30px;
}

.gce-maj-container .gce-actual-version{
  display: grid;
  max-width: 800px;
  grid-template-columns: 1fr 1fr 100px;
  margin-bottom: 15px;
  padding: 5px;
  margin-left: 20px;
  background: #EEE;
  border-radius: 4px;
  box-sizing: border-box;
}

.gce-maj-container .gce-actual-version .gce-actual-version-version {
  font-size: 18px;
  font-weight: bold;
}

.gce-maj-container .gce-actual-version .gce-actual-version-date {
  font-size: 18px;
  font-weight: bold;
}

.gce-maj-container .gce-actual-version a {
  text-align: center;
}

.gce-maj-container .gce-actual-version a i {
  font-size: 20px;
  color: black;
}

.gce-maj-container .gce-actual-version-descr{
  padding-left: 20px;
}

.gce-maj-container .gce-actual-version-descr ul{
  padding-inline-start: 40px;
}

/* OLD VERSION */

.gce-old-version-container {
  max-width: 800px;
  border-radius: 4px;
  border: solid 1px #191937;
  margin-left: 20px;
}

.gce-old-version-container .gce-old-version:nth-child(2n+1) {
  background: #EEE;
}

.gce-old-version-container .gce-old-version:last-child {
  border-radius: 0 0 4px 4px;
}

.gce-old-version-container .gce-old-version-top {
  background: #191937!important;
  color: white;
}

.gce-old-version-container .gce-old-version {
  display: grid;
  grid-template-columns: 1fr 1fr 100px;
}

.gce-old-version-container .gce-old-version :nth-child(3n){
  display: flex;
  justify-content: center;
  align-items: center;
}

.gce-old-version-container .gce-old-version-version,
.gce-old-version-container .gce-old-version-date {
  border-right: solid 1px #191937;
  padding: 5px;
}

.gce-old-version-container a i {
  color: black;
}

@media screen and (max-width: 565px) {
  .gce-maj-container .gce-actual-version {
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr auto;
    margin-left: 0;
    justify-items: center;
  }

  .gce-maj-container .gce-actual-version-descr {
    padding-left: 0;
  }

  .gce-maj-container .gce-old-version-container {
    margin-left: 0;
  }

  .gce-maj-container .gce-old-version {
    grid-template-columns: 130px 100px auto!important;
  }

  .gce-old-version-top .gce-old-version-down {
    visibility: hidden;
  }
}