.numerisation,
.gestionpj {
  background-color: #ac1c72;
  color: #ffffff;
}
.numerisation.numerisation.btn:hover,
.numerisation.gestionpj.btn:hover,
.gestionpj.numerisation.btn:hover,
.gestionpj.gestionpj.btn:hover,
.numerisation.numerisation.btn:focus,
.numerisation.gestionpj.btn:focus,
.gestionpj.numerisation.btn:focus,
.gestionpj.gestionpj.btn:focus {
  background-color: #a01361;
}
.entente {
  background-color: #6527ca;
  color: #ffffff;
}
.entente.btn:hover,
.entente.entente.btn:focus {
  background-color: #7b49cc;
}
.distribution {
  background-color: #43828f;
  color: #ffffff;
}
.distribution.btn:hover,
.distribution.distribution.btn:focus {
  background-color: #56828f;
}
.correction,
.statistiques {
  background-color: #c23b6e;
  color: #ffffff;
}
.correction.correction.btn:hover,
.correction.statistiques.btn:hover,
.statistiques.correction.btn:hover,
.statistiques.statistiques.btn:hover,
.correction.correction.btn:focus,
.correction.statistiques.btn:focus,
.statistiques.correction.btn:focus,
.statistiques.statistiques.btn:focus {
  background-color: #ac275a;
}
.harmonisation {
  background-color: #c8ad90;
  color: #ffffff;
}
.harmonisation.btn:hover,
.harmonisation.harmonisation.btn:focus {
  background-color: #b18b62;
}
.cloture,
.telechargement {
  background-color: #4a80bc;
  color: #ffffff;
}
.cloture.cloture.btn:hover,
.cloture.telechargement.btn:hover,
.telechargement.cloture.btn:hover,
.telechargement.telechargement.btn:hover,
.cloture.cloture.btn:focus,
.cloture.telechargement.btn:focus,
.telechargement.cloture.btn:focus,
.telechargement.telechargement.btn:focus {
  background-color: #3868a0;
}
.suivi {
  background-color: #c23b6e;
  color: #ffffff;
}
@media (max-width: 1375px) {
  #liensNumerisation span:not([class^=icon]) {
    display: none;
  }
}
div.card {
  border-color: #e5e5e5;
}
div.card div.card-header {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  background-color: #7b7474;
  color: #ffffff;
  font-size: 1.2em;
}
div.card div.card-header > div,
div.card div.card-header > span,
div.card div.card-header > a {
  display: block;
  width: 100%;
  line-height: 50px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
div.card div.card-header > div:first-child:not(.headerCorrecteursDM),
div.card div.card-header > span:first-child:not(.headerCorrecteursDM),
div.card div.card-header > a:first-child:not(.headerCorrecteursDM) {
  width: 60px;
  text-align: center;
}
div.card div.card-header > div:not(:first-child),
div.card div.card-header > span:not(:first-child),
div.card div.card-header > a:not(:first-child) {
  padding-left: 10px;
}
div.card div.card-body {
  text-align: center;
}
div.card div.card-body span.indicateur {
  font-size: 1.5em;
  height: 95px;
  width: 95px;
  line-height: 85px;
  color: #7c7575;
  font-family: "Verdana";
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border: 5px solid #7c7575;
  border-radius: 50%;
}
div.card div.card-body span.labelIndicateur {
  display: block;
}
div.card div.card-footer:not(.text-right) {
  text-align: center;
  margin: 0;
}
div.titreEcran h2.numerisation {
  color: #ac1c72;
}
div.titreEcran h2.distribution {
  color: #447e89;
}
div.titreEcran h2.correction {
  color: #c23b6e;
}
div.titreEcran h2.cloture {
  color: #4379b6;
}
div.alert {
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
}
/** incident */
.icon-incident_chiffre3 {
  color: green;
}
.icon-incident_chiffre2 {
  color: orange;
}
.icon-incident_chiffre1 {
  color: red;
}
#avertissementApercu {
  text-align: right;
  background-color: rgba(255, 165, 0, 0.5);
  padding: 5px;
}
#centresNumerisation {
  color: #ac1c72;
  font-size: 2em;
  display: flex;
  align-items: center;
}
#centresNumerisation a {
  margin-right: 1rem;
  cursor: pointer;
  font-size: 0.6em;
}
#centresNumerisation a#currentLabelCentre {
  text-decoration: underline;
}
#modalSelectCentre #inputSearchCentre,
#modalSelectEtablissement #inputSearchCentre {
  width: 50%;
  padding: 0.5em;
  margin-left: 2em;
}
#modalSelectCentre ul#listeCentres,
#modalSelectEtablissement ul#listeCentres {
  list-style: none;
  padding: 0;
  max-height: 20em;
  overflow: auto;
}
#modalSelectCentre ul#listeCentres li,
#modalSelectEtablissement ul#listeCentres li {
  border-bottom: solid 1px #d3d3d3;
  padding: 1em;
  display: flex;
  cursor: default;
}
#modalSelectCentre ul#listeCentres li:first-child,
#modalSelectEtablissement ul#listeCentres li:first-child {
  border-top: solid 1px #d3d3d3;
}
#modalSelectCentre ul#listeCentres li:hover,
#modalSelectEtablissement ul#listeCentres li:hover {
  background-color: rgba(172, 28, 114, 0.5);
}
#modalSelectCentre ul#listeCentres li div,
#modalSelectEtablissement ul#listeCentres li div {
  flex: 1;
}
#modalSelectCentre ul#listeCentres li a,
#modalSelectEtablissement ul#listeCentres li a {
  display: flex;
  align-items: center;
  position: relative;
  right: 0;
}
#modalSelectCentre ul#listeCentres li a:hover,
#modalSelectEtablissement ul#listeCentres li a:hover {
  text-decoration: underline;
}
#modalSelectCentre ul#listeCentres li a span:first-child,
#modalSelectEtablissement ul#listeCentres li a span:first-child {
  margin-right: 0.2em;
}
.etabSimulation {
  display: flex;
  align-items: center;
}
.etabSimulation a {
  display: flex;
  align-items: center;
  font-size: 0.8em;
  margin-left: 0.2em;
}
.etabSimulation a .icon-remove {
  color: red;
  margin: 0 !important;
}
.suivi-centre__btn_light {
  color: #ac1c72;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
}
.suivi-centre__btn_light.btn.active {
  background-color: #808080;
  cursor: default;
  color: #ffffff;
}
.suivi-centre__btn_light.btn.active span[class^="icon-"] {
  color: #ffffff !important;
}
.suivi-centre__btn_light:hover {
  color: #ac1c72;
  background-color: #ffffff;
}
#avertissementCreationLots {
  background-color: rgba(255, 165, 0, 0.5);
  margin: 5px 0;
  padding: 5px;
}
a.filtreType.actif {
  color: #ffffff ! important;
  background: #ac1c72;
}
a.filtreType.actif:hover {
  background: #ac1c72;
}
#filtreActif {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #ac1c72;
  margin-left: 15px;
  color: white;
  font-size: 1em;
}
#filtreActif .icon-close {
  color: white;
  margin-left: 0.5rem;
}
#filtreActif .icon-close:hover {
  color: #ccc;
  cursor: pointer;
}
.actions-infoEpreuve .action-epreuve {
  color: #ffffff;
}
.actions-infoEpreuve .action-epreuve:hover,
.actions-infoEpreuve .action-epreuve:focus {
  color: #ac1c72;
}
.actions-infoEpreuve span.icon-info-epreuve {
  padding-left: 0.688em;
  font-size: 1.5em;
  line-height: 2.5;
}
.actions-infoEpreuve.active .action-epreuve {
  color: #ac1c72;
}
.actions-infoEpreuve.active .action-epreuve span.icon-info-epreuve {
  color: #ffffff;
}
.actions-infoEpreuve .dropdown .dropdown-menu {
  padding: 0;
}
.actions-infoEpreuve .dropdown .dropdown-menu li.divider {
  margin: 1px 0;
}
.actions-infoEpreuve .dropdown .dropdown-menu li a,
.actions-infoEpreuve .dropdown .dropdown-menu li span {
  display: block;
  clear: both;
  color: #000000;
  cursor: pointer;
  padding: 4px 8px;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
}
.actions-infoEpreuve .dropdown .dropdown-menu li a:hover,
.actions-infoEpreuve .dropdown .dropdown-menu li span:hover {
  color: #ffffff;
  background-color: #ac1c72;
  background-image: none;
}


