/* Surcharge Foundation */

select {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}


b {
font-weight: bold;
}
em {
color:black;
}
ul.accordion > li.active .title {
background: #f6f6f6;
}

.row {
  width: 1600px;
}
h5.building-block-title {
  font-weight:normal;
  font-size:14px;
}

h4 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1rem;
}
h1.building-block-title {
  color: #074e68;
  display: inline;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 23px;
  padding:15px 0;
  font-size: 3rem;
}
sup {
font-size: 0.5em;
}

/*** BUTTON ***/
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em !important;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #9e1f20;
  color: #fefefe;
  font-size:16px;
  font-weight:normal;
  width: 100%;
  border: 1px solid #7c0808;
  border-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;;
}
.button.reset {
background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3;
}
.button.reset:hover {
  background-color: #d0d0d0;
}
.button.reset.disabled, .button.reset[disabled] {
opacity: 0.6;
background-color: #d0d0d0;
}
.button.minus {
padding: 0.5em 1em;
 font-size:13px;
}
.button:hover {
background:#7c0808;
}
.button.expanded {
  display: block;
  margin-right: 0;
  margin-left: 0;
  font-weight:normal;
  width: 100%;
}
.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #7c0808;
}

@media (max-width: 767px) {
.prefix {
  left: 0;
}
}

/*** TYPOGRAPHY ***/
.warning{
font-size:1em;
font-weight:700;
color:#e3032e;
}
.warningAlert {
color:#9e1f20;
}

/*** TOOLTIP ***/
.tooltip-custom {
  padding: 0;
  display: inline;
  text-align: center;
position: relative;
cursor: pointer !important;
font-weight: bold;
z-index: 999;
}
.tooltip-custom .tooltipicon {
display: inline-block;
  border-radius: 50%;
}
.tooltip-custom .tooltipicon.tooltipicon-blue {
color: #fff;
background-color: #3B73AF;
width: 1.5em;
height: 1.5em;
}
.tooltip-custom .tooltiptext {
  display: none;
  width: 190px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  font-size: 12px;
  top: 25px;
  left: 0;
  cursor: default;
}

/*** PANELS GENERAUX ***/
.panel{
background: #F6F6F6;
  border: solid #ddd;
  border-width: 1px;
  padding: 20px;
}
.panel.transparent{
background:none;
}
#main-container .panel-discreet {
  border:none;
  padding:10px;
  background: #F6F6F6;
}
#main-container .panel-discreet p {
  line-height:1.5em;
  margin-bottom:0;
}
#main-container .panel-discreet a,
#main-container .panel-discreet a:visited,
#main-container .panel-discreet a:focus,
#main-container .panel-discreet a:active {
  color: rgb(124, 121, 121);
  text-decoration:underline;
}

/*** MENU NAVIGATION ***/
.nav-bar>li {
color:#ffffff;
background: #4d4d4d;
}
.nav-bar>li.active,
.nav-bar>li.active:hover {
  background: #9e1f20;
  border-color: #4C1B1B;
}
.accueil-estimation .report,
.accueil-param .report,
.accueil-config .report {
margin:10px 10px 20px 0;
}
#main-container ul > li.has-flyout > ul > li > a {
text-align:left;
}
.nav-bar li.has-flyout ul.flyout li:hover {
  border-left: 4px solid #9e1f20;
}


/*** PAGE CONNEXION ***/
#connexionMoReprise.log-in-form {
border: 1px solid #cacaca;
padding: 2rem;
border-radius: 10px;
}
#connexionMoReprise label {
  display: block;
  margin: 20px 0;
  font-weight: bold;
  line-height: 1.8;
  color: #0a0a0a;
}
#main-container .errormessage {
font-size:1em;
font-weight:700;
color:#e3032e;
margin:15px auto;
}


/*** PAGE ACCUEIL ***/
.accueil-param .button-group,
.search-estimation .button-group,
.accueil-estimation .button-group{
text-align: center;
margin-top:10px;
}


/**** PAGE ESTIMATION ****/
ul.accordion>li.active {
 /* border-top: 1px solid #e9e9e9;*/
  border-top: 3px solid #9e1f20;
}

#lead-search-form fieldset legend {
  padding: 0 3px;
  margin: 0;
  margin-left: -3px;
  font-style: italic;
  color: gray;
}

/* Formulaire de recherche */
.search-estimation .datepicker {
  display: inline-block;
  max-width: 80%;
}

.search-estimation label{
display:inline-block;
}
#lead-search-form img {
width:20px;
vertical-align:middle;
padding-left:3px;
}
#lead-search-form .lead-bo-main-label,
.lead-price-by-type .lead-bo-main-label {
  display: block;
  padding: 8px 0;
  font: normal bold 14px Helvetica, Arial, sans-serif;
  text-align: center;
}
#lead-search-form select {
  padding-right: 18px;
  height: 30px;
  margin: 0 0 12px 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.75);
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  /*text-transform:capitalize;*/
}

#vendre-btn-detail-conso {
margin-top: 30px;
}

/* Tableau des résultats */
.errorMessage, .errorResult {
color:#9e1f20;
margin-bottom:10px;
}
.errorMessage .pre {
font-weight:bold;
font-size: 1.2em;
}
#list-lead-result .button-group {
float:right;
}
#lead-search-table i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

#lead-search-table .up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#lead-search-table .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#lead-search-table {
border-collapse: collapse;
background: white;
overflow: hidden;
position: relative;
margin: 5px 5px 30px 5px;
padding:5px;
display: block;
border-radius:3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
animation: float 5s infinite;
}
#lead-search-table th {
color:#D5DDE5;;
background:#1b1e24;
border-bottom:4px solid #9ea7af;
border: 1px solid #343a45;
font-size:14px;
font-weight: 400;
padding:12px;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align:middle;
}
#lead-search-table th.lead-vehicule{
border-bottom: 1px solid #343a45;
}
#lead-search-table th:first-child { border-top-left-radius:3px; }
#lead-search-table th:last-child {
border-top-right-radius:3px;
border-right:none;
}
#lead-search-table tr {
border-top: 1px solid #C1C3D1;
-webkit-border-bottom-: 1px solid #C1C3D1;
color:#666B85;
font-size:16px;
font-weight:normal;
text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
#lead-search-table tr:hover td {
background:#4E5066;
color:#FFFFFF;
border-top: 1px solid #22262e;
}
#lead-search-table tr:first-child { border-top:none; }
#lead-search-table tr:last-child { border-bottom:none; }
#lead-search-table tr:nth-child(odd) td { background:#EBEBEB; }
#lead-search-table tr:nth-child(odd):hover td { background:#4E5066; }
#lead-search-table tr:last-child td:first-child { border-bottom-left-radius:3px; }
#lead-search-table tr:last-child td:last-child { border-bottom-right-radius:3px; }

#lead-search-table td {
background:#FFFFFF;
padding:20px 5px;
text-align:center;
vertical-align:middle;
font-weight:300;
font-size:18px;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
border-right: 1px solid #C1C3D1;
}

#lead-search-table td:last-child { border-right: 0px; }
#lead-search-table th.text-left { text-align: left; }
#lead-search-table th.text-center { text-align: center; }
#lead-search-table th.text-right { text-align: right; }
#lead-search-table td.text-left { text-align: left; }
#lead-search-table td.text-center { text-align: center; }
#lead-search-table td.text-right { text-align: right; }

#lead-search-table .invisible { visibility: hidden; }

#lead-search-table.liste-orphelins {
display: table;
}
#lead-search-table.liste-orphelins td {
font-size: 14px;
}

/* Pagination */
#list-lead-result .pagination {
  display: inline-block;
  vertical-align: top;
}
#list-lead-result .pagination-info {
  display: inline-block;
  margin-right: 5px;
}
#list-lead-result .pagination-info input {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  margin-bottom: 0;
  text-align: right;
}
#list-lead-result .pagination-total {
text-align:left;
}

/** Reporting **/
#reporting-form img {
width:20px;
vertical-align:middle;
padding-left:3px;
}
#reporting-table {
border-collapse: collapse;
background: white;
overflow: hidden;
position: relative;
margin: 5px 5px 30px 5px;
padding:5px;
display: block;
border-radius:3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
animation: float 5s infinite;
}
#reporting-table thead th {
color:#D5DDE5;;
background:#1b1e24;
border-bottom:4px solid #9ea7af;
border: 1px solid #343a45;
font-size: 14px;
font-weight: 400;
padding: 12px;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align: middle;
}
#reporting-table td {
background:#FFFFFF;
padding: 20px 5px;
text-align: center;
vertical-align: middle;
font-weight: 300;
font-size: 14px;
border-right: 1px solid #C1C3D1;
border-bottom: 1px solid #C1C3D1;
}
#reporting-table tbody th {
background:#FFFFFF;
padding: 20px 5px;
text-align: center;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
border-right: 1px solid #C1C3D1;
border-bottom: 1px solid #C1C3D1;
}

#reporting-table td.empty-cell {
  background-color: #dbdbdb;
}

/** Historique vendre **/
label.inline-label,
select.inline-select {
  display: inline;
}

select.inline-select {
  width: auto;
}

.historique-vendre input.inline,
.historique-vendre button.inline {
  display: inline;
	width : 200px;
}

.historique-vendre .ui-datepicker-trigger {
  display: inline-block;
  width: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
}

.historique-vendre button.inline {
  vertical-align: top;
}

.content-historique {
  position: relative;
}

.overlay-historique {
background: #000 none repeat scroll 0 0;
bottom: 0;
height: 100%;
left: 0;
min-height: 70px;
opacity: 0.25;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 10000;
}

.overlay-historique .loading-image {
display: inline-block;
position: relative;
top: 45%;
}

/** PARAMETRAGE DES EMAILS ***/
#email-projet-form input {
  display:block;
}
#lead-search-form select:disabled {
  background: #efefef;
  color:#cdcdcd
}
#email-projet-form .checkbox-container {
padding-left:8px;
}
#email-projet-form .block-left {
border-left:1px solid #CDCDCD;
}
#email-projet-form .collapse {
padding-left:2%;
}
#email-projet-form .row.destinataire-container {
padding:2% 0;
}

/*Checkbox Emails Form*/
.lead-bo-main-label {
display:inline-block;
top: 3px;
position: relative;
padding-left: 30px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lead-bo-main-label input.lead-bo-checkbox {
display:inline-block;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
.lead-bo-main-label:hover input + .checkmark {
background-color: #ccc;
}
.lead-bo-main-label input:checked + .checkmark {
background-color: #9e1f20;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.lead-bo-main-label input:checked + .checkmark:after {
display: block;
}
.checkmark.without-after-element:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.lead-bo-main-label .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Contrôle des champs */
#email-projet-form .error input, 
#email-projet-form input.error,
#email-projet-form .prefix.error {
  border-color: #c60f13;
  background-color: rgba(198,15,19,0.1);
}


/*** PARAMETRAGE DES MARQUES ***/

/*Multiselect*/
.multiSelectContainer {
max-width: 1000px;
margin: auto;
}
.multiSelectContainer .headerSelectable{
width: 45%;
float: left;
}

.multiSelectContainer .headerSelection{
width: 45%;
float: right;
}
.buttonMultiSelect {
text-align: center;
margin: 10px 0;
}
.multiSelectContainer label {
display: inline;
font-weight:bold;
}
.ms-container{
background: transparent url('/backOffice/static/img/picto/switch.png') no-repeat 50% 50%;
}
.ms-container:after{
content: ".";
display: block;
height: 0;
line-height: 0;
font-size: 0;
clear: both;
min-height: 0;
visibility: hidden;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
background: #fff;
color: #555555;
float: left;
width: 45%;
}
.ms-container .ms-selection{
float: right;
padding: 0 6px;
}
.ms-container .ms-list{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
height: 400px;
padding: 0;
overflow-y: auto;
}
.ms-container .ms-list.ms-focus{
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0;
outline: thin dotted \9;
}
.ms-container ul {
margin: 0;
list-style-type: none;
padding: 0;
}
.ms-container .ms-optgroup-container {
width: 100%;
}
.ms-container .ms-optgroup-label {
margin: 0;
padding: 5px 0px 0px 5px;
cursor: pointer;
color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
border-bottom: 1px #eee solid;
padding: 2px 10px;
color: #555;
font-size: 14px;
margin: 0;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
cursor: pointer;
color: #fff;
text-decoration: none;
background-color: #08c;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
background-color: #eee;
color: #aaa;
cursor: text;
}

/*Bloc de Visualisation*/
.topMarquesContainer h5 {
font-size:24px;
font-family: Lato, sans-serif;
}
button.one-third {
cursor: pointer;
font-size: 19px;
margin: 20px 0;
  border: 1px solid #cd0720;
  color: #fff;
  background: #cd0720;
  padding: 12px;
}
button.one-third:hover {
transition: .2s;
  box-shadow:0px 2px 6px #444;
}
button.one-third:focus {
border: none;
outline: none;
}
button.one-third:active {
transform: translateY(5px);
box-shadow:none;
opacity: .9;
}
.topMarquesContainer .row {
margin:0 0 12px 0 !important;
}
.topMarquesContainer {
padding:10px;
background-color: rgb(204, 204, 204, 0.8);
text-align:center;
margin-top:20px;
}
.dsp-block {
  margin: 5px;
  border: 4px solid rgb(238, 238, 238);
  background: #fff;
  transition: .2s;
  color: #333;
  text-align: center;
  cursor: pointer;
  height:100px;
  font-weight:bold;   
}

.dsp-block img {
max-height:100%;
}

/*** CONFIGURATION MENTIONS LEGALES ***/

/* CKEditor */
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders  { 
color: #454545;
margin:0;
padding : 10px;
text-align:left;
font-weight:normal;
font:12px arial, helvetica, sans-serif!important;
-webkit-margin-after:0!important;
-webkit-margin-before:0!important;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders p { margin: 0 0 10px; }
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders ul { margin:0!important; }

.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders ul,
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders li {
line-height:1,5em;
margin:0 0 0 30px;
color: #454545;
list-style-type: disc;
-webkit-margin-after:0!important;
-webkit-margin-before:0!important;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders ol {
 list-style: none;
 counter-reset: item;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders ol li {
 list-style: none;
 counter-increment: item;
 margin-bottom: 5px;
     line-height:1,5em;
  margin:0 0 0 10px;
  color: #454545;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders ol li:before {
 margin-right: 5px;
 content: counter(item) ". ";
 border-radius: 100%;
 width: 1.2em;
 text-align: center;
 display: inline-block;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders a {
text-decoration:none;
color: #337ab7;
}
.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders em {
  font-style: italic;
}
#cke_txtMentions {
margin-top:10px;
margin-bottom:20px;
}	
#legal_form label{
display:inline-block;
  padding: 8px 0;
  font: normal 14px Helvetica, Arial, sans-serif;
}

/*** PARAMETRAGE DES ESTIMATIONS ***/									
/* Tables de gestion*/
.table-gestion {
width: 100%;
}

@media only screen and (max-width: 767px) {
table.table-gestion,
.table-gestion thead,
.table-gestion tfoot,
.table-gestion tbody,
.table-gestion th,
.table-gestion td,
.table-gestion tr {
  display: block;
}

.table-gestion { border-top: 1px solid #d0d0d0; }

.table-gestion thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.table-gestion tr {
  border: 1px solid #d0d0d0;
  border-top: 0 none;
}

.table-gestion tbody td {
  border: none;
  position: relative;
  padding: 6px 0 6px 40% !important;
}

.table-gestion tbody td.col-checkbox { padding-left: 2px !important; }
.table-gestion th.text-center,
.table-gestion td.text-center { text-align: left !important; }
.table-gestion td:before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 35%;
  padding-right: 10px;
  white-space: nowrap;
  font-weight: bold;
}

tbody td:before {
  content: attr(data-label);
  text-align: left;
}
}

.table-gestion {
position: relative;
}

.table-gestion tr {
position: relative;
}

.table-gestion tr.disabled:after {
content: url("/pro/static/img/loader.svg");
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
background-color: rgba(255,100,50,0.3);
padding-top: 5px;
}

#parametrage-estimation-form .table-gestion {
margin-bottom: 8px
}

#parametrage-estimation-form .table-gestion input, #parametrage-estimation-form .table-gestion select {
margin: 0;
}

#parametrage-estimation-form .table-gestion input:disabled, #parametrage-estimation-form .table-gestion select:disabled {
background-color: #eee;
}

#parametrage-estimation-form .table-gestion .remove-icon {
cursor: pointer;
}

#parametrage-estimation-form .clickable-icon {
cursor: pointer;
width: 18px;
float: right;
margin-right: 14px;
}

#parametrage-estimation-form input.inputWithUnit {
text-align: right;
width: calc(100% - 15px);
display: inline;
}

#parametrage-estimation-form input.inputWithUnit + span {
float: right;
line-height: 33px;
}

/* Paramétrage spécifique */

#param-specifique .isVN .hiddenForVN,
#param-specifique .isVN .hiddenForDistributeur {
display: none;
}


/******* MODAL *********/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 11; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.ciblage-modal-title,
.budget-modal-title {
	font-size: 18px;
	margin-bottom: 12px;
	color: #9e1f20;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

#alert-budget .content {
	text-align:left;
}
#alert-budget .content ul {
	margin: 10px 0 10px 30px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 2px 16px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-body {
padding: 40px 30px 32px;
text-align: center;
}

body.modal-open {
  overflow: hidden;
}

body.modal-open > :not(.modal) {
filter: blur(3px);
}
#cssmenu {
display:none;
}

.ciblage {
float: left !important;
}

.lead-price-by-type .content {
border-top: 3px solid #9e1f20;
text-align: center;
}
.lead-price-by-type .content .columns:after {
display: inline-block;
content: "\20AC";
}

.lead-price-by-type input[type="tel"] {
display: inline-block;
width: 10%;
}

.lead-price-by-type #submit-min-lead {
display: inline-block;
width: 345px;
margin-top: 10px;
}

.lead-price-by-type .message {
display: none;
font-weight: bold;
}

.lead-price-by-type .info {
color: #239a23;
}

.lead-price-by-type .error {
color: #FF0000;  
}

/*** Ciblage lead  ***/

.ciblage-project select[disabled] {
background-color: #ddd;
}

.ciblage-project .type-lead-head {
width: 130px;
}

.ciblage-project .age-max-head,
.ciblage-project .prix-souhaite-head{
width: 100px;
}

.ciblage-project .zone-geo-head {
width: 145px;
}

.ciblage-project .energie-head {
width: 100px;
}

.ciblage-project .km-max-head {
width: 130px;
}

.ciblage-project .add-line-tab {
text-align: right;
}

.ciblage-project .prix-minimum-lead-head {
width: 11px;
}

.ciblage-project .add-line-cta,
.ciblage-project .add-line-cta:active,
.ciblage-project .add-line-cta:focus {
overflow: hidden;
width: 18px;
height: 18px;
border-width: 0;
margin-right: 14px;
outline: none;
text-indent: -9999px;
cursor: pointer;
background: transparent url(/backOffice/static/img/picto/adduser-icon.png) no-repeat;
background-size: contain;
}

.ciblage-project .del-line-cta,
.ciblage-project .del-line-cta:active,
.ciblage-project .del-line-cta:focus  {
overflow: hidden;
width: 18px;
height: 24px;
border-width: 0;
outline: none;
text-indent: -9999px;
cursor: pointer;
background: transparent url(/backOffice/static/img/reprisev4/corbeille.png) no-repeat;
background-size: contain;
}

.ciblage-project .applicable {
display: none;
}

.ciblage-project .reprise-vo .applicable {
display: block;
}

.ciblage-project .reprise-vo .non-applicable {
display: none;
}

.ciblage-project .trash-head {
width: 18px;
}

.ciblage-project .indication {
display: inline-block;
width: 15px;  
height: 15px;
border-radius: 50%;
line-height: 15px;
font-size: 10px;
text-indent: 4px;
color: #FFF;
background: #3B73AF;
cursor: pointer;
}

.ciblage-project .indication-content {
text-align: left;
margin-left: 4px;
font-style: italic;
}

.ciblage-project .indication.exp {
position: relative;
vertical-align: super;
left: 2px;
}
.ciblage-project .indication+.indication {
left: 4px;
}

.ciblage-project .indication-content .indication {
vertical-align: middle;
text-indent: 5px;
vertical-align: top;
}

.ciblage-project .prix-maximum {
text-align: left;
margin-bottom: 5px;
}

.ciblage-project .prix-maximum label {
display: inline-block;
margin-left: 5px;
}

.ciblage-project .prix-maximum input {
display: inline-block;
width: 50px;
margin: 0 5px 0 5px;
text-align: right;
}

.ciblage-project .heritage {
text-align: left;
margin-left: 5px;
}

.ciblage-project .heritage label {
display: inline-block;
}

.ciblage-project .heritage > * {
vertical-align: middle;
}

.ciblage-project tr.errorDouble td {
font-weight: bold;
color: #9e1f20;
}

.ciblage-project tr.errorDouble input,
.ciblage-project tr.errorDouble select {
border-color: #9e1f20;
}

#confirm-heritage .content, #confirm-checkbox-heritage {
font-size: 16px;
}

#confirm-heritage .content {
margin: 5px 3px 3px 3px;
}

#confirm-checkbox-heritage {
margin: 10px 0;
}

#confirm-heritage .confirm-heritage {
width: 180px;
margin: 20px;
}

.ciblage-project h5 {
display : inline-block;
}

.ciblage-project .link-with-reprise-vo {
margin-left: 5px;
font-weight: bold;
font-style:italic;
color: #9e1f20;
}

.ciblage-project .warning-reprise-vo {
margin: 0 0 10px 5px;
text-align: left;
font-weight: bold;
}

/*** Page des choix marques VN pour le projet vendre ***/

#vendre-config-marque-vendre-vn {
text-align: center;
}

#vendre-config-marque-vendre-vn thead {
margin-bottom: 3px;
}

#vendre-config-marque-vendre-vn .table-marque {
display: inline-table;
border: none;
}
#vendre-config-marque-vendre-vn .table-caption {
  margin-bottom: 13px;
  text-align: left;
  font-size: 22px;
  text-transform: capitalize;
}

#vendre-config-marque-vendre-vn .table-head {
width: 160px;
height: 60px;
border-bottom: 2px solid #FFF;
color: #FFF;
font-weight: normal;
font-size: 15px;
text-align:center;
background-color: #A5A5A5;
}

#vendre-config-marque-vendre-vn .table-main-content {
vertical-align: middle;
text-align: center;
font-size: 13px;
height: 60px;
color: #000;
background-color: #D9D9D9;
text-transform: capitalize;
}

#vendre-config-marque-vendre-vn .custom-checkbox {
position: relative;
}

#vendre-config-marque-vendre-vn .label-input-check {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: " ";
width: 20px;
height: 20px;
border: 1px solid #908F90;
background: #FFFFFF;
}

#vendre-config-marque-vendre-vn .marque-vendre-vn-by-pdv {
display: none;
}

#vendre-config-marque-vendre-vn .marque-vendre-vn-by-pdv + .label-input-check:after {
display: inline-block;
content: "\2714";
line-height: 20px;
font-size: 20px;
color: #009D41;
filter: opacity(0);
transform: scale(2) rotate(33deg);
will-change: transition, filter;
transition: all .2s ease-out;
}

#vendre-config-marque-vendre-vn .marque-vendre-vn-by-pdv:checked + .label-input-check:after {
filter: opacity(1);
transform: scale(1) rotate(0deg);
}

#vendre-config-marque-vendre-vn .button-group {
text-align: center;
}

#vendre-config-marque-vendre-vn .button-submit {
width: 346px;
}

#param-specifique .checkbox-container {
vertical-align: middle;
}

/* Paramétrages spécifiques: condition d'offres */

.conditions-app-offre {
display: none;
}

.conditions-app-offre-button,
.conditions-app-offre-button:hover,
.conditions-app-offre-button:focus,
.conditions-app-offre-button:active {
display: block;
position: relative;
padding: 0.70em 0.9em !important;
margin: 0;
border-color: #048800;
font-size: 12px;
background-color: #048800;
}

.conditions-app-offre-button:hover::after {
  position: absolute;
  content: attr(data-tooltip);
  top: 30px;
  left: -434px;
  z-index: 10;
  box-sizing: border-box;
  width: 480px;
  padding: 5px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
  cursor: default;
}


.conditions-app-offre.empty +.conditions-app-offre-button {
border-color: #e86900;
background-color: #e86900;
width: 95px;
}

.conditions-app-offre-button.consulter,
.conditions-app-offre.empty+.conditions-app-offre-button.consulter {
border-color: #2ba6cb;
background: #2ba6cb;
}

.conditions-app-off-input {
  width: 100%;
  min-height: 200px;
  text-align: left;
}

.title-popin-conditions {
text-align: left;
margin-bottom: 10px;
}


/* Backoffice - Constructeur non partenaire */

#parametrage-specifique-constructeur-non-partenaire #param-specifique {
table-layout: fixed;
}

#parametrage-specifique-constructeur-non-partenaire .title{
text-align: left;
}

#parametrage-specifique-constructeur-non-partenaire .button-add-wrapper {
text-align: right;
}

#parametrage-specifique-constructeur-non-partenaire .button-add-wrapper .clickable-icon {
float: none;
}
#parametrage-specifique-constructeur-non-partenaire .select-marque-wrapper {
text-align: left;
}

#parametrage-specifique-constructeur-non-partenaire .label-select-marque-non-partenaire {
display: inline-block;
margin-right: 5px;
font-weight: bold;
color: #000;
}

#parametrage-specifique-constructeur-non-partenaire .select-marque-non-partenaire {
display: inline-block;
width: auto;
}

#parametrage-specifique-constructeur-non-partenaire .modele-table-header {
padding-right: 60px;
}

#parametrage-specifique-constructeur-non-partenaire .valeur-table-header {
width: 65px;
}

#parametrage-specifique-constructeur-non-partenaire .age-table-header {
width: 60px;
}

/*** MOBILE ***/
@media (max-width: 768px) {
#cssmenu {
  display:block;
}

.nav-bar {
  display:none;
}
}