:root {
  --main-blue: #525dd5;
  --main-grey: #ecedf1;
  --medium-grey: #9fa4b9;
  --main-red: #ff0000;
  --dark-blue: #2e3459;
  --dark-blue-over: #7c85e5;
  --mona-background: #f4f5fa;
}

body,
html {
  height: 100%;
  background-color: white;
}

.flex {
  display: flex !important;
  flex-direction: row;
  gap: 1rem;
}

.recherche-toolbar {
  display: flex;
  gap: 2rem;
  margin-top: 10px;
}

#content.realites {
  height: 88vh;
}

#tab-synthese {
  margin-top: 1em;
}

#tuilesHolder {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.table-right,
.table-right th,
.table-right td {
  text-align: right !important;
}
.table-right {
  margin: 5px 0 20px 0;
}
.table-pressenties {
  width: fit-content;
  margin-inline: auto;
}
.table-pressenties th,
.table-pressenties td {
  padding-right: 0.5rem;
}

div.montant-offre-span {
  min-height: unset !important;
}
div.delta-offre-span {
  min-height: unset !important;
}
select#tranches {
  width: 140px;
  margin-top: 7px;
}
select#scenarios {
  width: 140px;
}
.editao-tabletoolbar .sumo_filtres,
.editao-tabletoolbar select#filtreSelect.historique,
.editao-tabletoolbar .SumoSelect > .optWrapper {
  width: 200px;
}

.analyse_avancee .label-analyse-avancee {
  vertical-align: text-top;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 0px;
}
.analyse_avancee .question_entreprise {
  margin-right: 10px;
  vertical-align: bottom;
}
.closedeyes {
  display: inline-block;
  width: 16px;
}
.eyes {
  display: inline-block;
  width: 16px;
}

.dropdown-entreprise {
  margin-top: -60px;
  margin-left: 50px;
  max-height: 75px;
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

#previsu-contenu a {
  color: var(--main-blue);
}

.inscription-hp {
  color: var(--main-blue);
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 10px;
}

.logged-prenom-nom {
  color: var(--main-blue);
}

.sidebar {
  position: sticky;
  top: 50px;
}
.sticky {
  z-index: 10;
  position: fixed;
  top: 0;
  /* width: 100%; */
}
.sticky + .content {
  padding-top: 102px;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  background-color: rgba(46, 52, 89, 0.8) !important;
}
.topbar {
  background-color: white;
  min-height: 30px;
  border-bottom: 1px solid var(--main-grey);
  z-index: 11;
}
.topbar a {
  color: var(--dark-blue);
  font-size: 12px;
}
.menu .sub-menu {
  background-color: var(--main-grey);
}
.menu .sub-menu li a {
  color: var(--dark-blue);
}
.topbar li.active a {
  color: var(--main-blue);
}
.menu .sub-menu li a:hover {
  background-color: white;
}

table.dataTable.no-footer {
  border: 0;
}

#ajouterSocieteModal {
  text-align: left;
}
.monannuaire .checkbox-button {
  cursor: pointer;
}
.monannuaire input.cb {
  box-sizing: border-box;
  padding: 0;
}
.monannuaire input.cb {
  font-size: 1rem;
  line-height: 1.5;
  padding: 11px 23px;
  border: 1px solid grey;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
}
.monannuaire .checkbox-button__input {
  opacity: 0;
  position: absolute;
}
.monannuaire .checkbox-button__control {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  vertical-align: middle;
  background-color: inherit;
  color: var(--main-blue);
  border: 2px solid #c7d0e1;
  top: -1px;
}
.monannuaire .checkbox-button__input:checked + .checkbox-button__control:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: var(--main-blue);
}
.monannuaire .checkbox-button__input:checked + .checkbox-button__control {
  border-color: var(--main-blue);
}
.monannuaire .checkbox-button__control {
  transform: scale(0.75);
}
.monannuaire .table-ag-header .titre {
  font-size: 18px;
  font-weight: bold;
}
.monannuaire input.bigcb {
  background-color: var(--main-grey);
}
.monannuaire .distance_data {
  position: relative;
  margin-bottom: 25px;
}
.monannuaire #slider {
  border: 0;
  height: 3px;
  background-color: #c7d0e1;
}
.monannuaire .ui-slider-handle {
  top: -0.4em;
  background-color: var(--main-blue);
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.monannuaire .ui-widget-header {
  background-color: var(--main-blue);
}
.monannuaire .sbh3 {
  margin-top: 20px;
}
.monannuaire #mes-ets_wrapper div.bottom {
  margin: 10px 0px 0px 5px;
  border-radius: 4px;
}
.monannuaire .footer {
  height: 45;
}

.monannuaire #mes-ets th,
#editAO th,
#detailLot th {
  font-weight: 500;
  padding: 8px 10px;
  background-color: white;
  text-align: left;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid var(--main-grey);
}
.monannuaire #mes-ets td,
#editAO td,
#detailLot td {
  color: var(--dark-blue);
  font-size: 12p;
  text-align: left;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #eaeffc;
}
.monannuaire #mes-ets td:nth-child(-n + 3) {
  vertical-align: top;
}
.monannuaire #mes-ets td.derniere-connexion {
  text-align: center;
}

.monannuaire .ajouter-ets {
  font-weight: bold;
  cursor: pointer;
  padding-right: 2px;
}
.monannuaire .SelectBox,
.SelectBox p,
.SelectBox div,
.SelectBox select {
  background: var(--mona-background);
}
.monannuaire .sidebar-aeag .SelectBox,
.sidebar-aeag .SelectBox p,
.sidebar-aeag .SelectBox div,
.sidebar-aeag .SelectBox select {
  background: white;
}
.monannuaire .filtre-activites option {
  background: var(--main-grey);
}
.monannuaire .loupe {
  padding: 10px;
  font-size: 1.4rem;
  margin-top: 6px;
}
.monannuaire .container {
  background-color: var(--mona-background);
}
.sidebar-aeag .SumoSelect {
  width: 90%;
}

.monannuaire .searchbox {
  position: relative;
  padding: 10px;
  height: 62px;
  width: 500px;
  background-color: white;
  border-radius: 5px;
}
.monannuaire .searchbox input {
  border: 0;
  border: none;
  -webkit-appearance: none;
  padding: 10px 0 10px 15px;
  width: 80%;
}

.monannuaire .searchbox_left input {
  border: 1px solid #c7d0e1;
  width: 86%;
  padding: 10px 10px 10px 40px;
}
.monannuaire .searchbox_left em {
  position: absolute;
  margin-top: 0;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
}

#delegation-depot-dpgf {
  width: 350px;
}
#uploadStatus-dpgf,
#uploadStatus-devis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.singlepage .bloc {
  background-color: white;
  margin-bottom: 20px;
  padding: 20px;
}

#optionsDce2Div ul {
  padding: 10px;
  top: 40px;
  left: -100px;
  text-align: left;
}

#reponseAoTable a,
#reponseAoTableNegociee a {
  color: var(--main-blue);
}
.whitebg {
  background-color: white !important;
}

#tabs-documents-signes table#signatairesTable td {
  text-align: left;
  vertical-align: top;
}
#tabs-documents-signes table#signatairesTable td.action_col {
  text-align: center;
  vertical-align: middle;
}
#signatairesTable .enveloppe-wrapper {
  display: flex;
  flex-direction: row; /* default value; can be omitted */
  flex-wrap: nowrap; /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: lightyellow;
}
#signatairesTable .nom-enveloppe {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#signatairesTable .td-enveloppes {
  max-width: 400px;
}
#signatairesTable .editer-enveloppe {
  margin-left: 10px;
}

.wrapperEnveloppes .accordion-group {
  border: 3px solid black;
}

#quickmenucontainer {
  background-color: white;
  padding: 0 5px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}
#wrapper {
  min-height: 88%;
  background-color: white;
  position: relative;
  padding-top: 40px;
}

.sep {
  height: 20px;
  background-color: white /*var(--main-grey)*/;
  width: 100%;
}
#footer {
  background-color: white;
  border-top: 1px solid var(--main-grey);

  position: fixed;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 45px;
}

.signerFichiers {
  cursor: pointer;
}
.minmain {
  min-height: 650px;
}
.profilContent .container,
.signatures .container {
  padding: 30px 0;
  min-height: 500px;
}
.signatures .singlepage .main {
  padding: 30px 5px;
  min-height: 500px;
}
.signatures,
.genericContent {
  background-color: var(--main-grey);
}

.container {
  padding: 0 20px;
}

.singlepage {
  padding: 15px;
  min-height: 500px;
}

.cardns {
  position: relative;
  border-radius: 8px;
  min-height: 400px !important;
}
.cardns a.overlap,
.card a.overlap {
  position: absolute;
  top: 87%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
.card a.overlap2 {
  position: absolute;
  top: 74%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
.card {
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border-radius: 8px;
  min-height: 400px !important;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.card h1,
.cardns h1,
.card input {
  color: var(--dark-blue);
  padding-bottom: 10px;
}
.card .underline,
.cardns .underline {
  width: 10%;
  height: 4px;
  border-radius: 5px;
  background-color: var(--main-grey);
}
.card img,
.card a {
  display: block;
  font-weight: bold;
  margin: 0 auto;
}
.card input {
  display: block;
  margin: 0 auto;
  background-color: var(--main-grey);
  color: var(--medium-grey);
  border: 0px;
}
.card .motpasseoublie {
  font-size: 12px;
  margin-right: 30px !important;
  float: right;
  font-weight: normal;
  color: var(--dark-blue);
}

.tdb-montants-consultation-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lot-actions-icons-div {
  margin-right: 20px;
  float: right !important;
}

.hiddenFileInput > input {
  cursor: pointer;
}
.hiddenFileInput {
  display: inline-block;
  overflow: hidden;
}

img.toplogo {
  margin-top: -14px;
  padding: 7px;
  height: 35px;
}

/* Raccourcis */

.backlightgreen {
  border: 2px solid #18c65d;
}
.backlightyellow {
  border: 2px solid #ffb849;
}
.backlightred {
  border: 2px solid #ec7965;
}

.backgroundgreen {
  background-color: #18c65d;
  border-radius: 10px;
  margin: 0px 70px;
  padding: 0px 5px;
}
.backgroundyellow {
  background-color: #ffb849;
  border-radius: 10px;
  margin: 0px 70px;
  padding: 0px 5px;
}
.backgroundred {
  background-color: #ec7965;
  border-radius: 10px;
  margin: 0px 70px;
  padding: 0px 5px;
}
.backgroundorange {
  background-color: #eb920c;
  border-radius: 10px;
  margin: 0px 70px;
  padding: 0px 5px;
}
.backgroundblack {
  background-color: #000000;
  border-radius: 10px;
  margin: 0px 70px;
  padding: 0px 5px;
}

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

.h16x {
  height: 16px !important;
}

.m20 {
  margin: 20px !important;
}

.mh60 {
  min-height: 60px !important;
}
.mh75 {
  min-height: 75px !important;
}

.mt0 {
  margin-top: 0px !important;
}
.m3,
.mt3 {
  margin-top: 3px !important;
}
.toolbar,
.m10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt2rem {
  margin-top: 2rem !important;
}
.mb2rem {
  margin-bottom: 2rem !important;
}

.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}

.mr0 {
  margin-right: 0px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40,
.mb40px {
  margin-bottom: 40px !important;
}

/* padding */
.pb0 {
  padding-bottom: 0px !important;
}
.p10 {
  padding: 10px !important;
}
.p20 {
  padding: 20px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl22 {
  padding-left: 22px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr30 {
  padding-right: 30px !important;
}

.f11rem {
  font-size: 1.1rem !important;
}
.f12rem {
  font-size: 1.2rem !important;
}
.f14rem {
  font-size: 1.4rem !important;
}
.f10,
.fs10 {
  font-size: 10px !important;
}
.f12,
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.large,
.f16 {
  font-size: 16px;
}
.fs16 {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
.f20 {
  font-size: 20px !important;
}
.f25 {
  font-size: 25px !important;
}
.fs32 {
  font-size: 32px !important;
}
.f35 {
  font-size: 35px !important;
}
.bold {
  font-weight: bold !important;
}

.w50,
.w50p {
  width: 50% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}

.w10x {
  width: 10px !important;
}
.w16x {
  width: 16px !important;
}
.w75x {
  width: 75px !important;
}
.w150x {
  width: 150px !important;
}
.w200x {
  width: 200px !important;
}
.w210x {
  width: 210px !important;
}
.w250x {
  width: 250px !important;
}
.w300x {
  width: 300px !important;
}

.lh12em {
  line-height: 1.2em !important;
}
.lh14em {
  line-height: 1.4em !important;
}
.lh15em {
  line-height: 1.5em !important;
}
.lh20em {
  line-height: 2em !important;
}

.inline {
  display: inline-block !important;
}
.block {
  display: block !important;
}

.br2w {
  border-right: 2px solid white;
}

/* The switch - the box around the slider */
.cbswitch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
}

/* Hide default HTML checkbox */
.cbswitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.cbslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cbslider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .cbslider {
  background-color: var(--main-blue);
}

input:focus + .cbslider {
  box-shadow: 0 0 1px var(--main-blue);
}

input:checked + .cbslider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.cbslider.cbround {
  border-radius: 34px;
}
.cbslider.cbround:before {
  border-radius: 50%;
}

.actionsButton {
  margin-bottom: 10px;
}

.dot.retire {
  background-color: #7c85e5;
}
.dot.repondu {
  background-color: #44c46b;
}
.dot.interessees {
  background-color: #ffc465;
}
.dot.noninteressees {
  background-color: #ee5d5d;
}
.dot.contactees {
  background-color: var(--medium-grey); /*#d8d9e1*/
}
.dot.attente {
  background-color: var(--medium-grey);
}
.sbloc {
  position: relative;
  height: 175px;
}
/* .participationbloc { height:350px; border:1px solid red; } */
.leftblocs .inner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.leftblocs .quantite {
  font-size: 1.2rem;
  padding-top: 5px;
}
.leftbloc {
  border-radius: 15px;
  background: #f7f7f7;
  height: 70px;
  margin-top: 5px;
}
.rightbloc {
  background-color: #f7f7f7;
  height: 55px;
  border-radius: 15px;
  margin: 2px auto;
}
.rightbloc-nobg {
  height: 49px;
  border-radius: 15px;
}
.leftbloc .titre,
.rightbloc .titre {
  color: #464a5c;
  padding-top: 7px;
  font-size: 12px;
}
.synthesetitle {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-align: left;
  padding-bottom: 0px;
}
.dotbar {
  text-align: left;
}
.tdb-vl-lot .dotbar {
  text-align: center;
}

/*
#bar1Div { position: relative; height: 100%; width: 100% !important; border:2px solid green}
*/
#bar1 {
  height: 302px;
}

.spacer {
  margin-bottom: 20px;
}
.span12 {
  width: 100%;
}
div.main {
  padding: 24px;
}
div.span10.main {
  min-height: 300px;
}
div.iconhpdiv {
  height: 70px;
}
img.iconhp {
  height: 80%;
}
h3.h3hp {
  height: 45px;
  color: var(--main-blue);
}
h1.h1hp {
  font-size: 25px;
  line-height: 1.1em;
  padding: 0 0 20px 0;
}
h1.h2hp {
  font-size: 23px;
  line-height: 1.1em;
  padding: 0 0 20px 0;
}
.spanhp-g {
  padding-right: 50px;
}
.spanhp-d {
  padding-left: 50px;
  padding-right: 20px;
}
div.blochp {
  height: 200px;
  padding: 10px;
}
.tuileblock {
  font-size: 10px;
  min-height: 225px;
  padding: 5px;
}
.tuileblock .favori,
.tuileblock .publish {
  cursor: pointer;
  float: right;
  font-size: 30px;
  position: relative;
  z-index: 3;
  bottom: 25px;
  right: 25px;
}
.tuileblock .imgProjet {
  height: 150px;
  cursor: pointer;
  border: 1px solid grey;
}
.tuileblock .imgProjet img {
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  padding: 10px;
  display: block;
}
.tuileblock .nomDossier {
  font-size: 11px;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.tuileblock .dates {
  cursor: pointer;
}

.mesaos-icon {
  color: #999;
  cursor: pointer;
  padding: 7px;
  border-radius: 3px;
}
.mesaos-icon-selected {
  color: white;
  background: var(--main-blue);
}
.nav-tabs.nav-stacked > li > a {
  border: 0px !important;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 5px !important;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  border: none !important;
  color: white;
  background-color: var(--main-blue);
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
.sitemap-holder ul {
  height: 49px;
}
.sitemap-holder li {
  margin-top: 9px;
}

.debug {
  display: none;
}
.pink {
  color: var(--main-blue);
}
.red {
  color: red;
}
.green {
  color: #38a968;
}
.blue {
  color: var(--main-blue) !important;
}
.darkblue {
  color: var(--dark-blue);
}
.white {
  color: white !important;
}
.black {
  color: var(--dark-blue) !important;
}
.medium-grey {
  color: var(--medium-grey) !important;
}
.pointer {
  cursor: pointer;
}

label.labelconforme {
  display: inline-block;
  margin-left: 4px;
  font-size: 11px;
}
.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.dot.blue {
  background-color: #38a4fc;
}
.dot.pink {
  background-color: var(--main-blue);
}
.dot.green {
  background-color: #38a968;
}

/*span.nc { color: grey}*/

tr.fichierindexasigner {
  font-weight: bold;
  color: var(--main-blue);
}
tr.fichiersigne {
  font-weight: bold;
  color: #38a4fc;
}
tr.fichiercontresigne {
  font-weight: bold;
  color: #38a968;
}

#listeSignatairesTable td,
#listeSignatairesTable th {
  padding: 2px 8px;
}

.box {
  position: relative;
  border: 1px solid white;
  background-color: #eaecf6;
  height: 99px;
  margin-left: 10px;
}
.box-total-pressentie {
  position: relative;
  border: 1px solid black;
  background-color: #fff;
  height: 99px;
  margin-right: 20px;
  padding: 10px;
}
.lower-right {
  position: absolute;
  bottom: 2px;
  right: 2px;
}

table.tdb-vl-lot {
  border: none !important;
  border-collapse: collapse;
}
table.tdb-vl-lot th {
  padding: 10px;
  text-align: center;
  color: black;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #ddd;
}
table.tdb-vl-lot th.th-vuelot {
  min-width: 50px;
}
table.tdb-vl-lot th.th-vuelot-observation {
  min-width: 125px;
}
table.tdb-vl-lot th.th-vuelot-ets {
  min-width: 125px;
}
table.tdb-vl-lot td {
  text-align: left;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 3px !important;
}
table.tdb-vl-lot td a.open-rapport-pdf {
  font-size: 24px;
}

/* Checkbox star (pressentie) : source: https://codepen.io/imohkay/pen/wyxuB */
.manuel-offre-pressentie {
  opacity: 0;
  position: absolute;
}
.manuel-offre-pressentie,
.manuel-offre-pressentie-label {
  display: inline-block;
  vertical-align: middle;
}
.manuel-offre-pressentie-label {
  position: relative;
}
.manuel-offre-pressentie + .manuel-offre-pressentie-label:before {
  content: "\f006";
  font-family: "FontAwesome";
  font-size: 20px;
  color: var(--main-blue);
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-left: 5px;
  text-align: center;
}
.manuel-offre-pressentie:checked + .manuel-offre-pressentie-label:before {
  content: "\f005";
  font-family: "FontAwesome";
  color: var(--main-blue);
}
/* End Checkbox star (pressentie) */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: var(--dark-blue-over);
}

input.poscb {
  top: -3px;
  position: relative;
}
input.choixlot {
  margin-top: -2px;
  margin-right: 5px;
}
.lotsChoisis {
  min-height: 150px;
  max-height: 250px;
  overflow: auto;
  border: 1px solid black;
  width: 90%;
  padding: 5px;
  margin: 10px 0;
}
.autorisationsChoisies {
  max-height: 200px;
  overflow: auto;
  width: 90%;
  padding: 5px;
  margin: 10px 0;
}
.warningNotAllowed {
  display: none;
  line-height: 1.2em;
  border: 1px solid var(--main-blue);
  font-size: 20px;
  color: black;
  margin: 20px;
  padding: 10px;
}
.warningNotAllowed .big {
  font-size: 24px;
  color: var(--main-blue);
}
/*.optWrapper { width: 300px !important ; z-index:1000; position: unset !important; }*/
#rechercheEnterpriseModalForm .SumoSelect > .optWrapper {
  width: 300px !important ;
  z-index: 1000;
  position: unset !important;
}
input.bigcb {
  transform: scale(1.5);
  margin: -3px 5px 0 0;
}
input.bigradio {
  transform: scale(1.5);
  margin: 0px 5px 0 0;
}

.signatures-action-dropdown {
  left: -100px;
}
.gdce-action-dropdown {
  max-height: 75px;
  overflow-y: auto;
  overflow-x: hidden;
  left: -175px;
  text-align: left;
  padding: 0px;
  bottom: -50px !important;
}
.tdb-action-dropdown {
  text-align: left;
  padding: 5px;
  bottom: -30px !important;
}
.tdb-action-dropdown input {
  margin-top: -3px;
  margin-right: 5px;
}

table.table_gestion_dce tbody td {
  padding: 5px;
  height: 48px;
}
table.table_gestion_dce thead th {
  padding: 5px;
}
.tdb-vg-bloc-lot {
  background-color: #eaecf6;
  min-height: 168px;
  margin-top: 10px;
  padding: 10px;
}
input.tdb-vl-oi-edit-input {
  margin-bottom: 0px !important;
  padding: 0px !important;
}
.cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
span.hide,
a.hide,
input.hide {
  display: none !important;
}
.w80 {
  width: 80%;
}
.icon-background-div a {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: right;
  margin-right: 10px;
}
.icon-background-div a.icon-background {
  background: #ccc;
}
.accordion-heading.tdb {
  background-color: #eaecf6;
}

div.tdb-criteres {
  margin-top: 10px;
}
div.tdb-criteres span.valeur-critere {
  font-size: 20px;
  display: inline;
}
.tdb-montant-postconsultation {
  font-size: 15px;
  color: #343749;
  font-weight: bold;
}
.tdb-montant-preconsultation {
  font-size: 15px;
  color: #a8adc5;
  font-weight: bold;
}
.tdb-titre {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px 0px 10px;
}
.leftbtn {
  display: inline-block;
}
.rightbtn {
  float: right;
  display: inline-block;
}
.edit-action-icon {
  float: right;
}
.lot-action-icon {
  cursor: pointer;
}
div.readonly {
  width: 90%;
  text-align: left;
  background-color: #eeeeee;
  padding: 5px;
}
input.filtrerCheckbox {
  margin: -3px 10px 0 0;
}
li#filtrer-entreprisesDropDown label {
  display: inline-block;
}
h1 div.budgetGlobal {
  font-size: 16px;
  font-weight: 400;
  line-height: 10px;
}
#repondreQuestionModalForm div.question {
  padding: 10px;
  text-align: left;
  background-color: #f4f6f7;
  margin-left: 20px;
  height: 125px;
  width: 93%;
  overflow: auto;
}
#repondreQuestionModalForm textarea.question,
#voirQuestionModalDiv textarea.question {
  background-color: #f4f6f7;
  width: 90%;
  overflow: auto;
}
#voirQuestionModalDiv .modal-body {
  max-height: none;
  overflow: hidden;
}
.meilleure_ets {
  text-align: right;
}
.info-warning span,
.info-info span {
  background-color: var(--main-blue);
}
legend {
  color: black;
}
i.removeEntreprise,
th.clickBehaviorAllEts,
td.entreprise_trouvee {
  cursor: pointer;
}
tr.desactivee td {
  background-color: #ecedf3; /*background-color: #a2a9c8; opacity: 0.2;*/
}

label.gauchemodal {
  padding-top: 10px;
  text-align: left;
  font-weight: 500;
  margin-left: 20px;
}
div.gauchemodal {
  text-align: left;
  margin-left: 20px;
}
.modal-body {
  max-height: none;
}
#rechercheEnterpriseModalResultTable td {
  padding: 0 5px;
}
#rechercheEnterpriseModalDiv {
  top: 5%;
  left: 25%;
}
#rechercheEnterpriseModalDiv .modal-body {
  max-height: none;
  overflow: hidden;
}
a:hover,
a:focus {
  color: var(--main-blue);
  text-decoration: underline;
}
.nounderline:hover,
.nounderline:focus {
  text-decoration: none !important;
}

.eid.btn-warning {
  background-color: var(--main-blue);
  background-image: none;
}
.dropdown-menu > li > a.actions_gestiondce:hover {
  background-color: var(--main-blue);
  color: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: var(--main-blue);
  border: 1px solid var(--main-blue);
}
h4.gdce {
  padding: 8px;
}

.ui-widget-content a {
  color: white;
}
.ui-widget-content a .icon {
  color: var(--medium-grey);
  text-decoration: none;
}

/** white buttons */

.white-round-sg,
.white-round-sg:visited {
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 5px;
  border: solid 1px #b0b7d8;
  background-color: white;
  color: var(--dark-blue);
}
.white-round-sg:hover {
  background-color: var(--dark-blue-over);
  text-decoration: none !important;
}

.white-round-wide-sg,
.white-round-wide-sg:visited {
  cursor: pointer;
  padding: 8px 50px;
  border-radius: 4px;
  border: solid 1px #c7d0e1;
  background-color: white;
  color: var(--dark-blue);
}
.white-round-wide-sg:hover {
  background-color: var(--dark-blue-over);
  text-decoration: none !important;
}

.white-round-sg-small,
a.white-round-sg-small:visited {
  cursor: pointer;
  padding: 1px 2px;
  border-radius: 5px;
  border: solid 1px #b0b7d8;
  background-color: white;
  color: var(--dark-blue);
}

.grey-round-sg,
a.grey-round-sg:visited {
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 5px;
  border: solid 1px #b0b7d8;
  background-color: #a2a9c8;
  color: white;
}
.grey-rect-sg,
a.grey-rect-sg:visited,
a.grey-rect-sg:active,
a.grey-rect-sg:focus {
  cursor: pointer;
  padding: 8px 16px;
  text-decoration: none;
  background-color: #f5f5f5;
  color: black;
}

.grey-round-sg a {
  color: white;
}
.grey-round-sg:hover {
  color: black;
}
.grey-round-sg-small,
a.grey-round-sg-small:visited {
  cursor: pointer;
  padding: 1px 2px;
  border-radius: 5px;
  border: solid 1px #b0b7d8;
  background-color: #a2a9c8;
  color: white;
}

/** blue buttons **/
.btn-warning,
.blue-round-sag,
.blue-round-sag:visited,
.blue-round-sag:focus,
.modal .blue-round-sag {
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 4px;
  border: solid 1px var(--main-blue);
  background-color: var(--main-blue);
  color: white;
  background-image: none;
}
.btn-warning:hover,
.blue-round-sag:hover {
  color: black;
  background-image: none;
  color: white;
  text-decoration: underline;
  background-color: var(--dark-blue-over);
}

.blue-round-wide-sag,
.blue-round-wide-sag:visited,
.blue-round-wide-sag:focus,
.modal .blue-round-wide-sag {
  cursor: pointer;
  padding: 8px 50px;
  border-radius: 4px;
  border: solid 1px var(--main-blue);
  background-color: var(--main-blue);
  color: white;
}
.blue-round-wide-sag:hover {
  color: black;
}

.blue-round-sag-small,
a.blue-round-sag-small:visited,
.modal .blue-round-sag-small {
  cursor: pointer;
  padding: 1px 2px;
  border-radius: 5px;
  border: solid 1px var(--main-blue);
  background-color: var(--main-blue);
  color: white;
}
.blue-round-sag-o,
.blue-round-sag-o:visited,
.modal .blue-round-sag-o {
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 5px;
  border: solid 1px var(--main-blue);
  background-color: white;
  color: var(--main-blue);
}

.blue-round-sag-o:hover {
  color: white;
  text-decoration: none !important;
  background-color: var(--dark-blue-over);
}
.blue-round-sag-small:hover,
.modal .blue-round-sag-small:hover {
  cursor: pointer;
  padding: 1px 2px;
  border-radius: 2px;
  border: solid 1px var(--main-blue);
  background-color: var(--main-blue);
  color: white !important;
}

#topPageButton {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  left: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: transparent;
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px;
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topPageButton:hover {
  border: 1px solid grey;
}

/* fin boutons */

.modal .left,
.left {
  text-align: left !important;
}

#accordionLots td {
  color: #35364b;
}
#accordionLots .link {
  cursor: pointer;
}
.offre_moins_chere {
  color: #38a968;
}
.offre_trop_chere {
  color: red;
}

#accordionLots .attente,
#detailLot .attente {
  color: var(--dark-blue);
}
#accordionLots .attente::before,
#detailLot .attente::before {
  content: "\A";
  background: var(--medium-grey);
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}

#accordionLots .attente,
#detailLot .attente {
  color: var(--dark-blue);
}
#accordionLots .attente::before,
#detailLot .attente::before {
  content: "\A";
  background: #c7d0e1;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .retire,
#detailLot .retire {
  color: var(--dark-blue);
}
#accordionLots .retire::before,
#detailLot .retire::before {
  content: "\A";
  background: #7c85e5;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .noninteresse,
#detailLot .noninteresse {
  color: var(--dark-blue);
}
#accordionLots .noninteresse::before,
#detailLot .noninteresse::before {
  content: "\A";
  background: red;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .repondu,
#detailLot .repondu {
  color: var(--dark-blue);
}
#accordionLots .repondu::before,
#detailLot .repondu::before {
  content: "\A";
  background: #44c46b;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .pressenti,
#detailLot .pressenti {
  color: var(--dark-blue);
}
#accordionLots .pressenti::before,
#detailLot .pressenti::before {
  content: "\A";
  background: #44c46b;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .retenue,
#detailLot .retenue {
  color: var(--dark-blue);
}
#accordionLots .retenue::before,
#detailLot .retenue::before {
  content: "\A";
  background: #07803d;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .ignore,
#detailLot .ignore {
  color: var(--dark-blue);
}
#accordionLots .ignore::before,
#detailLot .ignore::before {
  content: "\A";
  background: #a2a9c8;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .interesse,
#detailLot .interesse {
  color: var(--dark-blue);
}
#accordionLots .interesse::before,
#detailLot .interesse::before {
  content: "\A";
  background: #ffc465;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}

#accordionLots .retire,
#detailLot .retire {
  color: var(--dark-blue);
}
#accordionLots .retire::before,
#detailLot .retire::before {
  content: "\A";
  background: #7c85e5;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}

#accordionLots .noninteresse,
#detailLot .noninteresse {
  color: var(--dark-blue);
}

#accordionLots .noninteresse::before,
#detailLot .noninteresse::before {
  content: "\A";
  background: red;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}

#accordionLots .repondu,
#detailLot .repondu {
  color: var(--dark-blue);
}
/* #accordionLots .repondu::before, #detailLot .repondu::before  { content:"\A"; background: #38A4FC; height: 10px;width: 10px;border-radius: 50%;display: inline-block;margin:0 10px;} */
#accordionLots .repondu::before,
#detailLot .repondu::before {
  content: "\A";
  background: #44c46b;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
*/ #accordionLots .pressenti,
#detailLot .pressenti {
  color: var(--dark-blue);
}
#accordionLots .pressenti::before,
#detailLot .pressenti::before {
  content: "\A";
  background: #44c46b;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .retenue,
#detailLot .retenue {
  color: var(--dark-blue);
}
#accordionLots .retenue::before,
#detailLot .retenue::before {
  content: "\A";
  background: #00b050;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
#accordionLots .ignore,
#detailLot .ignore {
  color: var(--dark-blue);
}
#accordionLots .ignore::before,
#detailLot .ignore::before {
  content: "\A";
  background: #a2a9c8;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}

#accordionLots .budgetLotHeader {
  font-size: 13px;
  font-weight: 500;
  color: var(--dark-blue);
}
#accordionLots .lotHeader,
#accordionLots .nbLotSynthese {
  font-size: 13px;
  font-weight: 400;
  color: var(--dark-blue);
}
.accordion-heading,
.trigger {
  border: 0px;
}
.modal {
  border: 0px;
  border-radius: 4px;
}

.modalFilter {
  display: none;
  height: auto;
  background: #fff;
  border: solid 1px #ccc;
  padding: 8px;
  position: absolute;
  z-index: 1001;
  min-width: 100px;
}

.modalFilter .modal-content {
  max-height: 250px;
  overflow-y: auto;
}

.modalFilter .modal-content label {
  display: inline-block;
  padding-right: 10px;
  white-space: nowrap;
}
.modalFilter .modal-content input {
  vertical-align: text-top;
  margin-right: 10px;
}
.modalFilter .modal-content label span {
  vertical-align: middle;
}

.verticalCenter {
  display: flex;
  align-items: center;
}

.round {
  border-radius: 50%;
  color: var(--main-blue);
  background: #eaadc1;
  margin: 0 5px;
}
.roundpink {
  border-radius: 50%;
  background: var(--main-blue);
  color: white;
  margin: 0 5px;
}

.titleAO {
  color: var(--main-blue);
}
.gras {
  font-weight: bold;
}
.graslite {
  font-weight: 500;
}
.dataTables_filter {
  float: left !important;
  margin-top: 15px;
}
.mesao-tabletoolbar {
  float: right;
  margin-top: 10px;
}
.sumo_filtres {
  width: 450px;
}
/*
div.SumoSelect.sumo_filtre_departements p.CaptionCont { background: var(--main-blue);}
div.SumoSelect.sumo_filtre_departements p.CaptionCont > span { color:white; font-style: normal;}
div.SumoSelect.sumo_filtre_membres p.CaptionCont { background: var(--main-blue);}
div.SumoSelect.sumo_filtre_membres p.CaptionCont > span { color:white; font-style: normal;}
*/
div.dt-buttons {
  float: right !important;
}

table.sortable
  th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(
    .sorttable_nosort
  ):after {
  content: " \25B4\25BE";
}

.error {
  color: var(--main-red) !important;
}
.errorInput {
  border: solid 2px var(--main-red) !important;
}

div.tags span.tagtemplate {
  border: 1px solid #a5d24a;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  background: #cde69c;
  color: #638421;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: Roboto, helvetica;
  font-size: 13px;
}

.bigcheckbox {
  transform: scale(2, 2);
}

td.actions {
  text-align: left;
}
a.ajout_texte_option_lot,
a.small_link {
  font-size: 10px;
  color: blue;
  text-decoration: underline;
}

/* Pour afficher une ligne TR en particulier */
tr.cadre_rouge {
  border: 2px solid var(--main-blue);
}
.color {
  color: var(--main-blue);
}
.h2de {
  padding-top: 20px;
}
.td_opens_ao {
  cursor: pointer;
}
.displayfalse {
  visibility: hidden;
}
.displaytrue {
  visibility: visible;
}
div.errormsg {
  color: var(--main-blue);
  font-size: 12px;
}
table#dlg-detailsDocumentsTable td {
  padding: 0px;
}

table#users td {
  padding: 0px;
}

/* #1049 */
form.formCB {
  display: inline-block;
  padding: 10px;
  margin: 10px;
  border: 1px solid grey;
}

/* #1045 */
div.pilotageContent table#fourniTable td {
  padding: 1px;
}
div.pilotageContent table#fourniTable td li {
  line-height: 15px;
}
/* Demande mail 09/02/16 */
a#autresplateformes {
  padding: 10px;
  display: none;
}

/* Demande mail 15/01/16 */
div.span6.importDefine {
  padding: 10px;
  border: 1px solid grey;
}

/* 1031 */
.option-import {
  border: 1px solid black;
  padding: 20px;
  font-size: 16px;
}
.selectionsLine td {
  background-color: inherit;
  padding: 2px 5px;
}
.lotLine td {
  background-color: inherit;
}
tr.retenu td,
tr.retenu a {
  color: #000 !important;
}
tr.nonretenu td,
tr.nonretenu a,
span.grey {
  color: #aaa !important;
}
/* 994 */
.lotLine {
  font-size: 20px;
  text-align: left;
  /*background-color: #ddd;*/
  border: 2px solid black;
}

.eidHeader .contact {
  color: #0b2d77;
}
.headline {
  color: #ea8803;
  font-family: Roboto, "Century Gothic";
  font-size: 20px;
  line-height: 25px;
  padding: 20px 0 0;
  text-align: center;
}

.headline span {
  line-height: 30px;
}

.headline span.title {
  color: #003070;
  font-size: 30px;
  font-weight: bold;
  font-family: Roboto, "SansaProNormal", Myriad Pro, Arial;
}

.headline li {
  list-style-type: square;
  font-size: 30px;
}
.slogan {
  color: #bbbbbb;
  font-size: 22px;
  line-height: 25px;
  padding: 71px 0 0;
  text-align: center;
}

/* commun */

.bold {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
.alignLeft,
.alignTextLeft {
  text-align: left;
}
.alignMiddle {
  vertical-align: middle !important;
}
.right {
  float: right;
}
.alignRight {
  text-align: right;
}
.clearBoth {
  clear: both;
}
.noMarginLeft {
  margin-left: 0 !important;
}
.orangeTextColor {
  color: var(--main-blue);
}
.toUpperCase {
  text-transform: uppercase;
}

.ajax_loader {
  background: url("../img/ajax-loader2.gif") no-repeat scroll center center
    transparent;
  height: 100%;
  width: 100%;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-backdrop .ajax_loader_txt {
  left: 46%;
  position: absolute;
  top: 60%;
}
.ajax_overlay {
  height: 500px;
  background-color: white;
}
.ajax_overlay .ajax_loader_txt {
  left: 45%;
  position: absolute;
  top: 56%;
}
.achatAOGlobalLoader {
  color: black;
  font-weight: bold;
  text-align: center;
  left: 39% !important;
}
.downloadGlobalLoader {
  color: black;
  font-weight: bold;
  text-align: center;
  left: 45% !important;
}
.additifsGlobalLoader {
  color: black;
  font-weight: bold;
  text-align: center;
  left: 40% !important;
}

/* header & footer */
#control-bar {
  background-color: #ff0000;
  opacity: 0.9;
}
#control-bar .container_12 {
  width: 100%;
  padding: 30px 0;
}
#control-bar h1,
#control-bar h1 a:hover,
#control-bar h1 a:visited {
  color: white;
}

.formActions button {
  margin: 0 10px;
}

/* form error */

input.form-error {
  border: 1px solid var(--main-blue);
}
tr.error {
  border: 2px solid var(--main-blue);
}
div.form-error {
  color: var(--main-red);
  line-height: 18px;
  margin-bottom: 5px;
}
label.required:after,
h2.required:after {
  content: " *";
}

/* form success */
div.form-success {
  color: #79d65a;
  line-height: 18px;
  margin-bottom: 5px;
}

/* dualBox */

.dualBoxes select {
  width: 100%;
  height: 125px;
}
.dualBoxes .leftBox {
  position: relative;
}
#box1Filter,
#box3Filter {
  width: 90%;
  display: block;
}
.dualBoxes .leftBox .fltr {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.dualControl {
  margin-top: 55px;
}
#box2View,
#box4View {
  margin-top: 18px;
}

/**************************************************************/
/*							ELFINDER						  */
/**************************************************************/
div.elfinder-upload-dialog-wrapper div.ui-button {
  display: none;
}
div.elfinder-upload-dialog-wrapper
  div.elfinder-upload-dialog-or
  + div.ui-button {
  margin-left: 70px !important;
  display: inline-block !important;
}
.elfinder-button-icon-fileaccess {
  background-position: 0 -688px;
}
.elfinder-button-icon-fileprint {
  background-position: 0 -656px;
}
.elfinder-button-icon-filevisu {
  background-position: 0 -352px;
}
.elfinder-button-icon-uud {
  background-position: 0 -368px;
}
/**************************************************************/
/*							index.html						  */
/**************************************************************/
#loginForm {
  padding: 10px;
  margin-bottom: 0px;
}
#loginForm p:last-child {
  margin-bottom: 0;
}
#forgotPasswordModal .infobox {
  text-align: left;
}

/**************************************************************/
/*							home.html						  */
/**************************************************************/
#aoTable .icon-search {
  font-size: 18px;
}
#aoTable strong,
#aoAccordion h4 {
  color: var(--main-blue);
}
.iconHome {
  padding: 40px 0 0 0;
}
.banner {
  width: 100%;
  background: #020f1a;
}
.banner h2 {
  color: #fff;
  margin: 5px 0 5px 0;
}
.imgFluid {
  width: 100%;
}
.imgSlider {
  margin: 22px 15px 15px 0;
}

/**************************************************************/
/*						appels-offres.html					  */
/**************************************************************/
.aoListContent .container {
  padding: 0px;
  min-height: 500px;
}
.aoListContent h1 {
  padding-bottom: 0px;
}
.aoListContent #searchForm {
  padding-top: 10px;
}
.aoListContent .aoName {
  color: var(--main-blue);
}
.aoListContent .clearSearch {
  margin-left: 20px;
}
.aoListContent .aoRestreintFilter {
  /*float:right;*/
  padding-top: 5px;
}

/**************************************************************/
/*						code-secret.html					  */
/**************************************************************/
.codeSecretContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.codeSecretContent .container .infobox {
  padding-right: 25px;
}

/**************************************************************/
/*					inscription.html						  */
/**************************************************************/
.inscriptionContent .main {
  padding: 30px 0;
  min-height: 500px;
}
.inscriptionContent h1 {
  padding: 10px 0;
}

.inscriptionContent .entrepriseInfo label {
  display: inline;
}
.inscriptionContent .adressTitle h3,
.inscriptionContent .domainTitle h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.inscriptionContent .validForm {
  clear: both;
  padding-top: 25px;
}
.inscriptionContent .addressBlock > div {
  margin-top: 5px;
}
.inscriptionContent .deleteAddressBtn {
  display: block;
  margin-top: 26px;
  width: 195px;
}
.inscriptionContent .adressDomain {
  margin: 0 2.5em;
}
.inscriptionContent .adressDomain {
  margin: 0 2.5em;
}
.inscriptionContent input.form-error {
  margin-bottom: 0;
}
.inscriptionContent .infoCreateCompte {
  margin-top: 50px;
}
/**************************************************************/
/*						contact.html						  */
/**************************************************************/
.contactpage {
  padding-top: 20px;
}
textarea.contact-form-error {
  border: 1px solid #c67971 !important;
}
.shortcode-google-frame {
  line-height: 10px;
}

/**************************************************************/
/*						nouveau-ao.html						  */
/**************************************************************/
#steps {
  margin-top: 30px;
}
#steps li {
  padding: 0 15px;
}
#steps li .dropcap-gradient {
  display: inline-block;
  float: none;
  font-size: 19px;
  line-height: 28px;
  margin: 6px 8px 6px 0;
  width: 30px;
}
/*
#steps li .dropcap4 {
	cursor:pointer;
}
*/
#steps li.current .dropcap-gradient {
  background-color: var(--main-blue);
  color: #ffffff;
  border: 1px solid #fff;
}

/*td.edit-entreprise { cursor: pointer;}*/
.nom_entreprise_td,
.nom_contact_td {
  font-weight: 500;
}
.email_entreprise_td,
.adresse_contact_td,
.phone_contact_td {
  font-weight: 400;
}

#editAO {
  background-color: var(--mona-background);
}
#editAO .accordion-heading {
  background-color: white;
}
#editAO .accordion-body {
  background-color: white;
}
#newAO {
  padding: 5px 0 20px;
}
#newAO form {
  margin: 0;
}
#newAO fieldset > .content-title {
  margin-top: 15px;
}
#newAO .imageImgContent img {
  margin: 0 5px 5px 0;
}
#newAO .icon-time,
#newAO .icon-calendar {
  font-size: 14px;
}
#newAO .addMAE,
#editAO .addMAE {
  margin-bottom: 25px;
}
#newAO .addMAE .span3 label,
#editAO .addMAE .span3 label {
  width: 90px;
}
#newAO .addMAE .span3 .controls,
#editAO .addMAE .span3 .controls {
  margin-left: 110px;
}
#newAO .addMAE .span3 .controls input,
#editAO .addMAE .span3 .controls input {
  width: 220px;
}
#newAO .listManagers select,
#newAO .listAssistantes select,
#newAO .listEconomistes select,
#editAO .listManagers select,
#editAO .listAssistantes select,
#editAO .listEconomistes select {
  width: 80%;
}
#newAO .actions,
#editAO .actions {
  padding-top: 35px;
}
#editAO div.border {
  border: 1px solid grey;
  padding: 5px 0 5px 5px;
  width: 80%;
}
.ui-timepicker-wrapper {
  width: 92px;
}
/*STEP 2*/
.no-close .ui-dialog-titlebar-close {
  display: none;
}
/*STEP 3*/
#newAOStep3Form .infobox {
  border: none;
  outline: none;
  padding: 10px 0 0 5px;
}
#newAOStep3Form .infobox-wrap,
#newAOStep5Form .infobox-wrap {
  margin-top: 11px;
}
#newAOStep3Form label[for="inputModel"] {
  width: 165px;
}
/*STEP 4*/
#validLots,
#validModel {
  color: #fff !important;
}
.pricing-table-alt .title-row {
  font-size: 16px;
  padding: 10px 0;
}
.pricing-table-alt .title-row form {
  padding: 10px;
}
.pricing-table-alt .title-row form label.checkbox {
  font-size: 16px !important;
}
.pricing-table-alt .title-row th {
  font-size: 16px;
  padding: 10px 0;
  /*font-family: 'Lato', Verdana, sans-serif;*/
  background-color: #242424;
  color: #fff;
}
#accordionReprographe .accordion-heading {
  background-color: #f7f7f7;
}
#accordionReprographe table thead td[colspan="2"] {
  border-bottom: 1px solid #e2e2e2;
}
#accordionReprographe table tbody tr:hover td {
  background-color: #fff;
}
#accordionReprographe table .completeFolder td,
#accordionReprographe table tr.completeFolder:hover td {
  background-color: #f9f9f9;
}
#accordionReprographe .noGrillesTarifaires,
#accordionReprographe .noTarifsEnvois {
  color: #c67971;
  line-height: 18px;
  margin-bottom: 5px;
}
#accordionReprographe .noGrillesTarifairesPrint,
#accordionReprographe .noTarifsEnvois {
  color: #c67971;
  line-height: 18px;
  margin-bottom: 5px;
}
#accordionReprographe .noGrillesTarifairesEnvoi,
#accordionReprographe .noTarifsEnvois {
  color: #c67971;
  line-height: 18px;
  margin-bottom: 5px;
}

/*STEP 5*/
#newAOStep5Form .infobox {
  padding: 12px 0 0 15px;
  margin-top: 30px;
}
/* #994 */
#newAOStep5Form .infobox-import {
  padding: 12px 0 12px 15px;
  margin-top: 30px;
}
.infobox-import span {
  display: block;
  width: 34px;
  text-align: center;
  margin: 5px 20px 0 0;
  border-radius: 1px;
  outline: 4px solid #f4f4f4;
  line-height: 30px;
  padding: 4px 0 0 0;
  float: left;
}

#newAOStep5Form .form-horizontal {
  margin-bottom: 25px;
}
#newAOStep5Form .form-horizontal div.controls {
  text-align: left;
}
#newAOStep5Form #listOfRubriqueTable .selected td,
#newAOStep5Form #rubriqueTable .selected td {
  background-color: var(--main-blue);
  color: white;
}

#newAOStep6Form .adresseBlock {
  padding-top: 15px;
  margin-bottom: 0;
}

/* STEP 8*/
#newAOStep8 .control-group .btnGroup > div {
  display: inline-block;
}

#newPCStep5 .control-group .btnGroup > div {
  display: inline-block;
}

/**************************************************************/
/*							profil.html						  */
/**************************************************************/
.profilContent {
  background-color: var(--main-grey);
}
.profilContent {
  font-size: 14px;
}
.profilContent h1 {
  padding-top: 15px;
}
.profilContent .content-title span,
.entrepriseContent .content-title span,
.inscriptionContent .adressTitle span {
  float: right;
  padding: 0 0 0 20px;
  background-color: #ffffff;
  display: block;
  width: 30px;
}
.profilContent .content-title a,
.entrepriseContent .content-title a,
.inscriptionContent .adressTitle a {
  border-radius: 55px 55px 55px 55px;
  color: #ffffff !important;
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  background-color: var(--main-blue);
  margin-top: 8px;
  font-size: 26px;
  line-height: 29px;
}
.profilContent .adresseList div.span4 {
  line-height: 18px;
  margin-bottom: 15px;
}
.profilContent .notEnoughInformation .entrepriseInfo label {
  display: inline;
}
.profilContent .notEnoughInformation .addressBlock {
  padding: 10px;
}
.profilContent #box2View.form-error {
  border: 1px solid #c67971;
}

.content-title span,
.entrepriseContent .content-title span {
  float: right;
  padding: 0 0 0 20px;
  background-color: #ffffff;
  display: block;
  width: 30px;
}

a.plus-sign,
.content-title a,
.entrepriseContent .content-title a {
  border-radius: 55px 55px 55px 55px;
  color: #ffffff !important;
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  background-color: var(--main-blue);
  margin-top: 8px;
  font-size: 26px;
  line-height: 29px;
}

.accordion-heading,
.trigger {
  background-color: #f7f7f7;
}
.entreprise-tags ul li {
  background-color: #0aa732;
}
.entreprise-tags ul li span {
  padding: 5px 20px 5px 10px;
  color: white;
  display: block;
}
.entreprise-tags ul li span:before {
  color: white;
  content: "\f02b";
  font-family: "FontAwesome";
  padding: 0 15px 0 0;
}
#accordionEntreprise .show-grid [class*="span"]:hover {
  background-color: #eee;
}
#accordionEntreprise .updateEntreprise {
  padding-top: 30px;
}

/**************************************************************/
/*					mes-entreprises.html				 	 */
/**************************************************************/

#entrepriseForm #inputDescription,
#entrepriseForm #inputCommentaires {
  width: 95%;
}
.entrepriseContent .contactInformations label {
  display: inline;
}

.addressBlock {
  margin-bottom: 10px;
  background-color: #eeeeee;
  border-radius: 3px 3px 3px 3px;
  line-height: 40px;
  min-height: 40px;
  text-align: left;
  padding-left: 10px;
}
.entrepriseContent .addressBlock label {
  display: inline;
  padding-right: 10px;
}
.entrepriseContent .addressBlock input,
.entrepriseContent .addressBlock select {
  margin-top: 5px;
  margin-bottom: 5px;
  width: auto;
}
.addressLine {
  float: left;
  width: 100%;
}

/**************************************************************/
/*							messagerie.html					  */
/**************************************************************/
.newMsg {
  color: #ff9900;
}
p.control-label {
  width: 80% !important;
  text-align: left !important;
  margin: 0 0 0 30px;
}
#readSentMsg,
#readReceivedMsg {
  display: none;
}

/**************************************************************/
/*					mouvement-compte.html					  */
/**************************************************************/
.mvtCompte .container {
  padding: 30px 0;
  min-height: 500px;
}
.mvtCompte .rechargerCompte {
  display: none;
}
.mvtCompte .shortcode-clients {
  border: none;
}
.mvtCompte .shortcode-clients h3 {
  margin-left: 15px;
  padding: 0 5px;
}
.mvtCompte .shortcode-clients .cb h3,
.mvtCompte .shortcode-clients .virement h3,
.mvtCompte .shortcode-clients .cheque h3 {
  margin-left: 50px;
}
.mvtCompte .shortcode-clients .cb a {
  padding: 0 20px;
}
.mvtCompte .shortcode-clients .virement label,
.mvtCompte .shortcode-clients .virement table {
  padding: 0 20px;
}
.mvtCompte .closeRechargement {
  padding-top: 20px;
}
.mvtCompte .mouvements a.menu,
.mvtCompte .mouvements a.menu:hover {
  text-decoration: underline;
}

/**************************************************************/
/*					 		alertes.html					  */
/**************************************************************/
.mesAlertes .container {
  padding: 30px 0;
  min-height: 500px;
}
.mesAlertes table a.newAO,
.mesAlertes table a.newAO:hover,
.mesAlertes .aoList a,
.mesAlertes .aoList a:hover {
  text-decoration: underline;
}
.mesAlertes .aoList h3 {
  padding: 0 5px;
  margin-left: 100px;
}
.mesAlertes .aoList .new td {
  background-color: var(--main-blue);
  color: white;
  font-weight: bold;
}
.mesAlertes .aoList .new td a,
.mesAlertes .aoList .new td a:hover {
  text-decoration: underline;
  color: white;
  font-weight: bold;
}
.mesAlertes .newAlert {
  display: none;
}
.mesAlertes .newAlert .alertName,
.mesAlertes .newAlert .alertDesc {
  padding-top: 10px;
}
.mesAlertes .newAlert h4 {
  padding: 0 5px;
  margin-left: 50px;
}
.mesAlertes .newAlert .newWord {
  padding-top: 15px;
}
.mesAlertes .newAlert .optionWord .infobox {
  margin: 0;
  padding-top: 10px;
}
.mesAlertes .newAlert .optionWord .infobox h4 {
  margin: 0;
  padding: 0;
}
.mesAlertes .newAlert .optionWord .infobox .underline {
  display: inline;
}
.mesAlertes .newAlert .optionWord .infobox p {
  display: inline-block;
}
.mesAlertes .newAlert .alerts-tags {
  margin: 0 45px;
}
.mesAlertes .alerts-tags ul li {
  background-color: var(--main-blue);
}
.mesAlertes .alerts-tags ul li span {
  padding: 5px 20px 5px 10px;
  color: white;
  display: block;
}
.mesAlertes .alerts-tags ul li span:before {
  color: white;
  content: "\f02b";
  font-family: "FontAwesome";
  padding: 0 15px 0 0;
}
.mesAlertes .alerts-tags ul li a {
  padding: 0px 0px 0px 0px;
  color: white;
  display: inline;
}
.mesAlertes .alerts-tags ul li a:before {
  content: none;
}
.mesAlertes .wordsToExclude,
.mesAlertes .wordsToSearch {
  margin: 5px 5px 5px 5px;
}
.mesAlertes .newAlert .formActions {
  padding-top: 35px;
}

/**************************************************************/
/*						factures.html					  	  */
/**************************************************************/
.facturesContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.facturesContent .separator {
  font-size: 25px;
  margin-left: 15px;
  margin-right: 15px;
}
.facturesContent img {
  vertical-align: bottom;
}
.facturesContent table a.menu,
.facturesContent table a.menu:hover {
  text-decoration: underline;
}

/**************************************************************/
/*			mes-commandes.html	/ manage-commandes.html		  */
/**************************************************************/
.commandesContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.commandesContent .separator {
  font-size: 25px;
  margin-left: 15px;
  margin-right: 15px;
}
.commandesContent .hideTerminateCommandFilter {
  float: right;
  padding-top: 5px;
}
.commandesContent img {
  vertical-align: bottom;
}
.commandesContent table a.menu,
.commandesContent table a.menu:hover {
  text-decoration: underline;
}
.commandesContent table td.download {
  white-space: nowrap;
}
.commandesContent .orderDetail .box {
  padding: 0;
}
.commandesContent .orderDetail .generalInfos label {
  width: 200px;
}
.commandesContent .orderDetail .generalInfos .controls {
  margin-left: 220px;
}
.commandesContent .orderDetail h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.commandesContent .orderDetail .repro {
  margin-bottom: 20px;
}
.commandesContent #tarifsTable td.subclass {
  background: #d7d7d7;
  font-size: 16px;
  font-weight: bold;
}
.commandesContent #totalTable .selected td {
  background-color: var(--main-blue);
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}
#dialog-cancel-order .cancelOrderForm {
  margin-bottom: 0;
}
#dialog-cancel-order .cancelOrderForm textarea {
  width: 400px;
}

.commandesContent .actions a {
  margin-left: 10px;
}
.commandesContent .actions i {
  display: inline-block;
}

/**************************************************************/
/*						manage-factures					  	  */
/**************************************************************/
.factureListAdmin .container {
  padding: 30px 0;
  min-height: 500px;
}
.factureListAdmin table a.menu,
.factureListAdmin table a.menu:hover {
  text-decoration: underline;
}
.factureListAdmin table td.actions {
  white-space: nowrap;
}
.factureListAdmin #exportHistoFacture {
  vertical-align: top;
  margin-right: 20px;
}
/**************************************************************/
/*			    		entreprise.html			      	 */
/**************************************************************/
.entrepriseProfilContent .container {
  padding: 0;
  min-height: 500px;
}
.entrepriseProfilContent .adresseList div.span4 {
  line-height: 18px;
  margin-bottom: 15px;
}
/**************************************************************/
/*					mes-commandes-repro.html				  */
/**************************************************************/
.printCommandesReproContent table,
.aoDocumentsReproContent table {
  font-size: 12px;
}
.printCommandesReproContent .printButton,
.aoDocumentsReproContent .printButton {
  margin: 15px 0 0 0;
}
.printCommandesReproContent h1,
.aoDocumentsReproContent h1 {
  margin: 0;
  padding: 0px 5px 20px 0;
}
.printCommandesReproContent .content-title h3,
.aoDocumentsReproContent .content-title h3 {
  margin: 5px 0;
}
.commandesReproContent .container,
.aoDocumentsReproContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.commandesReproContent .hideTerminateCommandFilter {
  float: right;
  padding-top: 5px;
}
#commandTable li {
  white-space: nowrap;
}
#commandTable a,
#commandTable a:hover {
  text-decoration: underline;
}
.commandesReproContent .documentsList h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.aoDocumentsReproContent .downloadButtons {
  padding: 20px 0 40px 0;
}
.aoDocumentsReproContent .downloadButtons a {
  margin-right: 15px;
}

/**************************************************************/
/*					mes-fournisseurs.html			    	  */
/**************************************************************/
.fournisseursContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.fournisseursContent #rubriqueTableSelectOnly .selected td,
.fournisseursContent #rubriqueTable .selected td,
.fournisseursContent #usersTable .selected td {
  background-color: var(--main-blue);
  color: white;
}
/**************************************************************/
/*					modele-ao.html					       	  */
/**************************************************************/
.modeleAOContent .container {
  padding: 30px 0;
  min-height: 500px;
}
#addModel,
#addModelPart2 {
  display: none;
}
/**************************************************************/
/*						mes-ao.html					       	  */
/**************************************************************/
.mesaoContent {
  background-color: var(--main-grey);
  width: 96% !important;
}
.mesaoContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.mesaoContent a.publish,
.mesaoContent a.changeDate,
.mesaoContent a.warningAO {
  vertical-align: bottom;
  display: inline-block;
  margin-left: 30px;
}
.mesaoContent .aoName {
  color: var(--main-blue);
}
.mesaoContent table .ao a.menu,
.mesaoContent table .ao a.menu:hover {
  text-decoration: underline;
}
#changeDateClosModal #changeDateClosForm {
  margin: 20px 0 0 0;
}
#changeDateClosModal #changeDateClosForm label {
  width: 180px;
}
#changeDateClosModal #changeDateClosForm div.controls {
  margin-left: 200px;
}
/**************************************************************/
/*						annuaire.html				       	  */
/**************************************************************/
.annuaireContent {
  background-color: var(--main-grey);
}
.annuaireContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.annuaireContent table#suppliers tbody tr:hover td {
  background-color: #ffffff;
}
.annuaireContent .clearSearch {
  margin-left: 20px;
}
.annuaireContent p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
/**************************************************************/
/*					pilotage.html			  		       	  */
/**************************************************************/
.pilotageContent .container {
  padding: 30px 0;
  min-height: 500px;
  background-color: var(--main-grey);
}
.pilotageContent #fourniTable th.checkAll {
  width: 40px;
}
.pilotageContent #fourniTable .actions {
  white-space: nowrap;
}
/*.pilotageContent #fourniTable ul.actions li, .pilotageContent .accordion ul.actions li { display:inline; font-size:25px; }
.pilotageContent #fourniTable ul.actions li a, .pilotageContent .accordion ul.actions li a { color:black; }
.pilotageContent #fourniTable ul.actions li a.hasComment, .pilotageContent .accordion ul.actions li a.hasComment { color:var(--main-blue); }*/
.pilotageContent .text-left {
  text-align: left !important;
}
.pilotageContent .floatLeft {
  float: left;
}
.pilotageContent .hrRight {
  border-right: 1px solid #eee;
  padding: 0 45px 0 0;
}
.pilotageContent .buttonBox {
  margin: 20px;
  padding-top: 20px;
}

/**************************************************************/
/*							stats-ao.html					  */
/**************************************************************/
.statisticContent .container {
  padding: 30px 0;
  min-height: 500px;
  background-color: var(--main-grey);
}
.statisticContent #stats {
  padding: 20px 0;
  background: #eee;
  border: 2px solid #eee;
  margin: 20px;
  width: 100%;
  height: 225px;
}
.statisticContent .masterList {
  margin: 0;
}
.statisticContent .hrLeft {
  border-left: 1px solid #eee;
  padding: 0 0 0 30px;
}
.statisticContent .underlist {
  margin: 0 0 0 30px;
}
.statisticContent .underlist i {
  font-size: 8px;
}
.statisticContent .buttonBox {
  margin: 20px;
  padding-top: 20px;
}
.statisticContent .generalActions {
  margin-top: 35px;
}
.statisticContent .generalActions .alignLeft {
  text-align: left !important;
}

/**************************************************************/
/*					detail-ao.html			  		       	  */
/**************************************************************/
.aoDetails .centerTable {
  margin: 0 0 0 70px;
}
.aoDetails .titleAO {
  color: var(--main-blue);
}
.aoDetails .responseUrlEmail a {
  font-size: 14px;
  padding-top: 6px;
  text-decoration: underline;
}
.aoDetails .responseUrlEmail span.text {
  font-size: 14px;
  padding-top: 6px;
  display: block;
}
.aoDetails .lotTable,
.aoDetails .docsTable {
  margin-bottom: 20px;
}
.aoDetails .docsTable h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.aoDetails .docPayantContent .content-title span {
  margin-right: 50px;
  padding: 0 20px;
}
.aoDetails .docsTable span.infoLaw {
  font-size: 0.9em;
  color: #333;
}
.aoDetails .docsTable .downloadButton {
  margin-bottom: 30px;
}
.aoDetails .docsTable .buyButton {
  margin-top: 30px;
}
.aoDetails .infoDisableDownload {
  padding-top: 20px;
}
/**************************************************************/
/*					achat-ao.html			  		       	  */
/**************************************************************/
.achataoContent .container > .row-fluid h1 {
  margin-top: 30px;
  padding-bottom: 0;
}
.achataoContent #steps.fiveSteps li {
  margin: 0 40px;
}
.achataoContent #steps.fourSteps li {
  margin: 0 60px;
}
.achataoContent .titleAO {
  color: var(--main-blue);
}
.achataoContent form {
  margin-bottom: 0;
}
.achataoContent .infoTarifs {
  margin-bottom: 0;
}
.achataoContent #allDocsTable th {
  padding: 10px;
}
.achataoContent #downloadTable input[type="checkbox"],
.achataoContent #allDocsTable input[type="checkbox"] {
  float: left;
}
.achataoContent #checkAllFiles {
  margin-right: 10px;
  margin-top: 3px;
}
.achataoContent #allLotsTable label {
  margin: 0 10px 0 5px;
}
.achataoContent #allLotsTable label,
.achataoContent #allDocsTable .folderLine label,
.achataoContent #allDocsTable .fileLine label {
  display: inline;
}
.achataoContent #allLotsTable input[type="radio"],
.achataoContent #allDocsTable .folderLine input[type="radio"],
.achataoContent #allDocsTable .fileLine input[type="radio"] {
  vertical-align: top;
}
.achataoContent #allDocsTable tr:hover td {
  background-color: #fff;
}
.achataoContent tr.grey td,
.achataoContent #allDocsTable tr.grey:hover td {
  background-color: #f9f9f9;
}
.achataoContent #allDocsTable .download i {
  display: inline-block;
  vertical-align: top;
}
.achataoContent #step2Form .errorDownload {
  margin-top: 30px;
}
.achataoContent #step4Form h3,
.achataoContent .step5Fieldset h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.achataoContent .selectEntreprise label,
.achataoContent .refClient label {
  width: 200px;
}
.achataoContent .selectEntreprise .controls,
.achataoContent .refClient .controls {
  margin-left: 220px;
}
.achataoContent .boxBorderRight {
  border-right: 1px solid #b3b3b3;
  margin-right: 5px;
  padding-right: 5px;
}
.achataoContent #step3Form .box {
  margin-bottom: 50px;
}
.achataoContent #step3Form #progress {
  border: 1px solid var(--main-blue);
}
.achataoContent #step3Form .bar {
  width: 0%;
  background-color: var(--main-blue);
  height: 10px;
}
.achataoContent #step3Form .statusStep {
  color: var(--main-blue);
}
.achataoContent #useSameAddress {
  margin: 0 10px 0 0;
}
.achataoContent td.subclass {
  background: #d7d7d7;
  font-size: 16px;
  font-weight: bold;
}
.achataoContent #totalTable {
  margin-bottom: 50px;
}
.achataoContent #totalTable .selected td {
  background-color: var(--main-blue);
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}
.achataoContent .paypal {
  left: 44%;
  position: relative;
  margin: 10px;
}
.achataoContent #payment {
  padding-bottom: 30px;
}
.achataoContent .paymentContent {
  position: relative;
}
.achataoContent .paymentContent .loader {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #eee;
  opacity: 0.3;
}
.achataoContent #payment .modePaiement {
  margin-top: 50px;
}
.achataoContent #payment .majorate {
  display: inline;
}
.achataoContent #payment .info-info {
  padding-bottom: 20px;
}
.achataoContent #payment .solde,
.achataoContent #payment .newSolde,
.achataoContent #payment .info,
#content-CHEQUE_CAUTION .info {
  font-size: 16px;
  background: none;
}
.achataoContent .paiementContent {
  clear: both;
  padding-top: 20px;
}
.achataoContent h3.center {
  font-weight: normal;
}
.achataoContent .noFont,
.achataoContent .noFont:hover {
  background: none;
}
.achataoContent div.span4 p {
  padding: 0;
  margin: 0;
}
.achataoContent .frais {
  padding-top: 10px;
  clear: both;
}
.achataoContent #content-CHEQUE_CAUTION h4 {
  padding-top: 10px;
}
.achataoContent #content-CHEQUE_CAUTION .info p {
  display: inline;
}
.achataoContent #content-CHEQUE_CAUTION .address p {
  margin-bottom: 0px;
  word-break: break-all;
}
/**************************************************************/
/*					order.html			  		       	  */
/**************************************************************/
.orderContent .container {
  padding: 100px 0;
  min-height: 200px;
}
.orderContent .info {
  font-size: 16px;
  background: none;
}
/**************************************************************/
/*					edit-ao.html			  		       	  */
/**************************************************************/
td.desactive {
  background-color: #eee;
}
.aoEdit .container {
  min-height: 500px;
  background-color: var(--main-grey);
}
.aoEdit .titleAO {
  color: var(--main-blue);
}
.aoEdit .detailAO {
  padding-bottom: 20px;
}
.aoEdit #inputCodeSecret {
  cursor: auto;
}
.aoEdit .detailAO h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.aoEdit .show-grid [class*="span"]:hover {
  background-color: #eeeeee;
}
.aoEdit .pilotageList p {
  margin-bottom: 0px;
}
.aoEdit .detailAO .entreprise-tags ul li.contact {
  background-color: #808080;
}
/**************************************************************/
/*					error.html			  		       	  */
/**************************************************************/
.errorContent .container {
  padding: 30px 0;
  min-height: 300px;
}
/**************************************************************/
/*					manage-util.html		  		       	  */
/**************************************************************/
.manageUtilContent {
  background-color: var(--main-grey);
}
.manageUtilContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.manageUtilContent .clearSearch {
  margin-left: 20px;
}
.manageUtilContent .importCsvUsers {
  padding-top: 5px;
  border: 1px solid #bbb;
  padding: 3px 3px;
  position: relative;
  z-index: 10;
}
.manageUtilContent .hideActifUser {
  float: right;
  padding-top: 5px;
}
.manageUtilContent .tarifsReproEnvoiContent {
  padding: 25px 0;
}
.manageUtilContent .tarifsReproEnvoiContent h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.manageUtilContent .tarifsReproEnvoiContent input.right {
  text-align: right;
}
.manageUtilContent .tarifsReproEnvoiContent #tarifsFraisEnvoiTable input {
  width: 65%;
}
.manageUtilContent .tarifsReproEnvoiContent #tarifsFraisAtShopTable input {
  width: 65%;
}
.manageUtilContent .tarifsReproEnvoiContent .actions {
  margin-top: 25px;
}
#editUserModal {
  text-align: left;
}
#tarifsReproEnvoiForm label[for="inputModel"] {
  width: 165px;
}
/**************************************************************/
/*					manage-system.html		  		       	  */
/**************************************************************/
.manageSystemContent .container {
  padding: 30px 0;
  min-height: 300px;
}
/**************************************************************/
/*					reglages-repro.html		  		       	  */
/**************************************************************/
.reglagesReproContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.reglagesReproContent h3 {
  margin-left: 50px;
  padding-left: 20px;
}
.reglagesReproContent input.right {
  text-align: right;
}
.reglagesReproContent #tarifsFraisEnvoiTable input {
  width: 65%;
}
.reglagesReproContent #tarifsFraisAtShopTable input {
  width: 65%;
}
.reglagesReproContent .tarifsActions,
.reglagesReproContent .emailActions {
  margin-top: 25px;
}
.reglagesReproContent .subjectMessage input,
.reglagesReproContent .subjectMessage textarea {
  width: 100%;
}
/**************************************************************/
/*						manage-ao.html		  		       	  */
/**************************************************************/
.manageAOContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.manageAOContent .clearSearch {
  margin-left: 20px;
}
.manageAOContent #aoList .aoName {
  color: var(--main-blue);
}
.manageAOContent #aoList input {
  width: 65%;
  margin-bottom: 0;
}
.manageAOContent #aoList input.right {
  text-align: right;
}
.manageAOContent #aoList .actions a {
  margin-left: 10px;
}
.manageAOContent #aoList .actions i {
  display: inline-block;
}
.manageAOContent #aoList a.menu,
.manageAOContent #aoList a.menu:hover {
  text-decoration: underline;
}
/**************************************************************/
/*							cgv.html		  		       	  */
/**************************************************************/
.cgvContent .container {
  padding: 30px 0;
  min-height: 500px;
}
.squareli {
  list-style-type: square;
}
.enhance {
  font-size: 24px;
  color: black;
}
.aoDetails .responseUrlEmail a.enhance {
  font-size: 24px;
  color: black;
}

/* Spinner */
.spinner {
  width: 14px;
  height: 14px;
  float: left;
  background: url("./img/spinner-mini.gif") center center no-repeat;
  margin: 0 5px;
  border: 0;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  border-width: 0.2em;
  margin-right: 10px;
}

.sidebar {
  position: sticky;
  top: 50px;
}

/**************************************************************/
/*					editer-ao.html			  		       	  */
/**************************************************************/

.tableau-ecarts-container {
  position: relative;
}

.glitch-fixer-rect {
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #FFF;
  top: 0;
}