/* css par d�faut */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body {
  font-size: 11px;
  background-image: url('/monceaunet3/javax.faces.resource/monceaunet3-fond.png.jsf?ln=images');
}

/* affichage des champs en majuscule */
.majuscule {
  text-transform: uppercase;
}
/* couleur gris */
.gris,
.gris label {
  color: #b7b7b7;
}
/* couleur LightSlateGray  */
.lightSlateGray,
.lightSlateGray label {
  color: LightSlateGray;
}
/* couleur orange */
.orange,
.orange label {
  color: #e17009 !important;
}
/* couleur vert */
.vert,
.vert label {
  color: #7fb624 !important;
}

/* couleur rouge */
.red,
.red label {
  color: Red;
}
/* style gras */
.gras,
.gras label {
  font-weight: bold !important;
}
/* style italique */
.italique,
.italique label {
  font-style: italic !important;
}

.first-label-orange td:first-child label {
  color: #e17009 !important;
}

/* couleur noire pour les inputs */
input {
  color: #000000 !important;
}
/* taille par d�faut des input */
input [type='text'] :not (
.ui-spinner-input


 


) {
  width: 90%;
}
/* taille par d�faut des input password */
input[type='password'] {
  width: 90%;
}
/* taille des champs pour les telephones/fax */
input[type='text'].telephone {
  width: 120px;
}
/* taille des champs pour les iban */
input[type='text'].iban {
  text-transform: uppercase;
  width: 250px;
}
/* taille par d�faut des input password */
input[type='text'].numero {
  width: 120px;
}
/* taille par d�faut des input immatriculation */
input[type='text'].immatriculation {
  width: 150px;
}
/* taille des champs avec s�lection de date */
input[type='text'].hasDatepicker {
  width: 68px;
}
/* taille des champs avec s�lection de date et heure */
.hasShortDateTimepicker input[type='text'].hasDatepicker {
  width: 32px;
}
/* taille des champs pour un nombre de 3 chiffres */
input[type='text'].nombre {
  width: 30px;
}

.ui-autocomplete-panel .ui-autocomplete-table {
  border: transparent;
}

.ui-autocomplete-panel {
  width: 240px !important;
}
/* taille par d�faut des auto complete multi s�lection */
ul.ui-autocomplete-multiple-container {
  width: 90%;
}

ul.ui-autocomplete-multiple-container li.ui-autocomplete-token {
  white-space: normal;
}
/* taille des auto complete single s�lection */
span.ui-autocomplete .ui-autocomplete-input {
  width: 90%;
}
span.ui-autocomplete .ui-autocomplete-dd-input {
  width: 60%;
}
/* taille des auto complete recherche rapide */
span.ui-autocomplete.rechercheRapide .ui-autocomplete-input {
  width: 100px;
  float: right;
}

/* taille de l'auto complete mod�le de document */
span.ui-autocomplete.modeleDocument .ui-autocomplete-input {
  width: 80%;
}
/* taille des auto complete codes postaux */
span.ui-autocomplete.codePostal .ui-autocomplete-input {
  width: 80px;
}
/* taille des auto complete villes */
span.ui-autocomplete.ville .ui-autocomplete-input {
  width: 90%;
}
/* taille des champs pour les taux */
span.ui-inputnumber.ui-widget.taux input[type='text'] {
  width: 80px;
  text-align: right;
}
/* taille des champs pour les montants */
span.ui-inputnumber.ui-widget.montant input[type='text'] {
  width: 90px;
  text-align: right;
}
/* taille des champs pour les montants en rouge */
span.ui-inputnumber.ui-widget.montant.red input[type='text'] {
  color: red !important;
}
/* taille des champs pour les �ch�ances */
span.ui-inputnumber.ui-widget.echeance input[type='text'] {
  width: 15px;
  text-align: right;
}
/* taille des champs pour les poids */
span.ui-inputnumber.ui-widget.poids input[type='text'] {
  width: 100px;
  text-align: right;
}
/* taille des champs pour les jours/mois */
span.ui-inputnumber.ui-widget.jourMois input[type='text'] {
  width: 45px;
  text-align: right;
}
/* taille des champs pour les heures */
span.ui-inputnumber.ui-widget.heure input[type='text'] {
  width: 30px;
  text-align: right;
}
/* taille des champs pour les puissances */
span.ui-inputnumber.ui-widget.puissance input[type='text'] {
  width: 80px;
  text-align: right;
}
/* taille des champs pour les hectares */
span.ui-inputnumber.ui-widget.hectare input[type='text'] {
  width: 60px;
  text-align: right;
}
/* taille des champs pour les surfaces */
span.ui-inputnumber.ui-widget.surface input[type='text'] {
  width: 60px;
  text-align: right;
}
/* taille des champs pour les nombres */
span.ui-inputnumber.ui-widget.nombre input[type='text'] {
  width: 60px;
  text-align: right;
}
/* taille des champs pour la densite et les zones de tarifications des commune */
span.ui-inputnumber.ui-widget.communeDecimal input[type='text'] {
  width: 50px;
  text-align: right;
}

/** taille par d�faut des zones larges de texte */
textarea {
  width: 100%;
}
/** pas d'opacit� quand le textarea est d�sactiv� */
textarea.ui-state-disabled {
  opacity: 1 !important;
}

/** alignement par d�faut des combobox de primefaces */
.ui-selectonemenu {
  max-width: 90% !important;
  text-align: left;
}

/* les labels doivent �tre en gras */
label {
  color: #000000;
  font-weight: bold;
}
/** pas d'opacit� quand le label est desactive */
label .ui-state-disabled {
  opacity: 1 !important;
}

/* couleur pour les emails cliquables */
a[href^='mailto'] {
  color: #e17009;
}

/* diminution de l'arrondi (5px � la base) */
.ui-corner-all {
  border-radius: 8px;
}

/* css du panel de login */
.loginPanel {
  width: 400px;
  margin: auto;
  margin-top: 15%;
  text-align: center;
}
/* css du panel de login */
.loginPanel .label {
  width: 40%;
}
/* css du panel de login */
.loginPanel .input {
  width: 60%;
}

/* baisser la position des growl (top fix� � 50px au lieu de 20px) pour ne pas masquer les icones */
.ui-growl.ui-widget {
  top: 50px;
}

/* layout */
.ui-layout-pane.ui-widget-content {
  border: 0;
}
/* layout */
.ui-layout-unit,
.ui-layout-unit-content {
  background-image: none;
  background-color: transparent;
}
/* menu */
.ui-layout-west {
  z-index: 20 !important;
  overflow: visible !important;
}
/* menu */
.ui-layout-west .ui-layout-unit-content {
  overflow: visible !important;
}

/* suppression des bordures dans les panel grid */
.noBorder tr,
.noBorder td {
  background: none !important;
  border: none !important;
}
/* suppression des bordures dans les data grid */
.ui-datagrid.noBorder .ui-datagrid-content {
  background: none !important;
  border: none !important;
}

/** taille des champs de filtre des tableaux */
input.ui-column-filter {
  width: 80% !important;
}
/** taille des combobox de filtre des tableaux */
select.ui-column-filter {
  width: 80% !important;
  height: 25px !important;
  background: #ffffff !important;
  -moz-box-shadow: inset 0 2px 2px #8f8f8f !important;
  -webkit-box-shadow: inset 0 2px 2px #8f8f8f !important;
  box-shadow: inset 0 2px 2px #8f8f8f !important;
}
/** taille des colonnes avec boutons */
.ui-datatable tr th.action,
.ui-treetable tr th.action {
  width: 20px !important;
  text-align: center !important;
}
/** taille des colonnes avec boutons */
.ui-datatable tr th.actionIcon,
.ui-treetable tr th.actionIcon {
  width: 24px !important;
  text-align: center !important;
}
/** alignement des headers des tableaux */
.ui-datatable thead tr th,
.ui-treetable thead tr th {
  text-align: center !important;
  white-space: normal !important;
  padding: 4px 2px 4px 2px !important;
  text-align: center !important;
}
/** css des titres de tableau */
.ui-datatable thead tr th label,
.ui-datatable thead tr th span,
.ui-treetable thead tr th label,
.ui-treetable thead tr th span {
  color: #044683 !important;
  font-weight: bold !important;
}
/** retour � la ligne pour le contenu des tableaux */
.ui-datatable tbody td,
.ui-treetable tbody td {
  white-space: normal !important;
  padding: 4px 2px 4px 2px !important;
}
/* texte tronqu� dans les colonnes des tableaux et pas de retour � la ligne */
.ui-datatable tbody td.tronque,
.ui-treetable tbody td.tronque {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  max-width: 0px !important; /** workaround pour l'overflow des td */
}

/** alignement des footers des tableaux */
.ui-datatable tfoot tr td,
.ui-treetable tfoot tr td {
  white-space: normal !important;
  padding: 4px 2px 4px 2px !important;
}
/* suppression du header d'un tableau */
.noHeader thead {
  display: none;
}
/* suppression du footer d'un tableau */
.noFooter tfoot {
  display: none;
}
/* suppression du header et du footer d'un tableau */
.noHeaderFooter thead,
.noHeaderFooter tfoot {
  display: none;
}

/* Suppression du scrollbar horizontal pour les combobox */
.ui-selectonemenu-items.ui-selectonemenu-list.ui-widget-content.ui-widget.ui-corner-all.ui-helper-reset
  li {
  overflow-x: hidden;
}

/* n�cessaire pour �viter les clignotements des cases � cocher et radio bouton */
.ui-chkbox,
.ui-chkbox div,
.ui-radiobutton,
.ui-radiobutton div {
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}

.ui-selectmanycheckbox label,
.ui-selectoneradio label {
  margin-top: auto;
}

/* desing des boites de dialogue modales */
.ui-dialog.modalDialog {
  border: none;
  max-height: 700px;
  overflow: auto;
  margin-top: 20px;
}
/* desing des boites de dialogue modales */
.ui-dialog.modalDialog .ui-dialog-titlebar {
  display: none;
}
/* desing des boites de dialogue modales */
.ui-dialog.modalDialog .ui-dialog-content {
  padding: 0px;
}

/* tronque un texte avec '...' */
div.tronque {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 99%;
  overflow: hidden;
}
/* barre un texte */
.barre {
  text-decoration: line-through !important;
}

/* css pour les liens cliquables */
.lien {
  text-decoration: none;
  padding: 3px;
}
/* css pour les liens cliquables */
.lien:hover {
  background: #bed5f4
    url('/monceaunet3/javax.faces.resource/images/ui-bg_highlight-hard_80_BED5F4_1x100.png.jsf?ln=primefaces-monceaunet3-theme')
    50% 50% repeat-x;
  border-radius: 4px;
  color: #1d5987;
}

/* taille par d�faut des editors primefaces */
.ui-editor {
  width: 100% !important;
}
/* police par d�faut des editors */
.ui-editor textarea {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 11px;
}

/* taille du panel grid de l'accueil */
.accueilPanelGrid {
  width: 100%;
}
/* taille du panel grid de l'accueil */
.accueilPanelGrid td {
  vertical-align: top;
}

/* css de la journ�e actuelle dans l'agenda */
.ui-state-highlight.fc-today {
  background: #eff7ff !important;
  border: 1px solid #a6c9e2 !important;
}
/* css de la journ�e actuelle dans l'agenda */
.fc-border-separate {
  border-collapse: collapse !important;
}
/* couleur du titre de l'agenda */
.fc-header-title {
  color: #1d5987;
}
/* d�sactive le skin sur les events du schedule de primefaces */
.fc-event-skin {
  border: none !important;
  background: none !important;
  padding: 2px;
  border-radius: 4px;
}
/* css du texte d'une t�che en retard */
.tacheRetard {
  color: #ff3333 !important;
}
/* css du texte d'une t�che termin�e */
.tacheTerminee {
  color: #d3d3d3 !important;
}
/* css du texte d'une t�che active */
.tacheActive {
  color: #5c9ccc !important;
}
/* css d'un event en retard */
.tacheAgendaRetard {
  background-color: #ff3333 !important;
  border: 1px solid #ff3333 !important;
}
/* css d'un event termin� */
.tacheAgendaTerminee {
  background-color: #d3d3d3 !important;
  border: 1px solid #d3d3d3 !important;
}
/* css d'un event en cours */
.tacheAgendaActive {
  background-color: #5c9ccc !important;
  border: 1px solid #5c9ccc !important;
}

/* css du panel du wizard de cr�ation d'un devis  */
.devisWizardPanel .ui-panel-content {
  padding: 0 !important;
}
/* css du wizard de cr�ation d'un devis  */
.devisWizard ul.ui-wizard-step-titles {
  background: #044683
    url('/monceaunet3/javax.faces.resource/images/ui-bg_glass_60_044683_1x400.png.jsf?ln=primefaces-monceaunet3-theme')
    50% 50% repeat-x;
  font-weight: bold !important;
  border-radius: 8px !important;
  padding: 0.16em 0.35em 0 !important;
}
/* css du wizard de cr�ation d'un devis  */
.devisWizard ul.ui-wizard-step-titles li {
  border-bottom: 0 !important;
  top: 1px !important;
  position: relative !important;
  margin: 0 0.2em 1px 0 !important;
  padding: 0.5em 1em !important;
  moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-weight: bold !important;
}
/* css du wizard de cr�ation d'un devis  */
.devisWizard ul.ui-wizard-step-titles li.ui-state-highlight {
  border-top: 1px solid #79b7e7 !important;
  border-right: 1px solid #79b7e7 !important;
  border-left: 1px solid #79b7e7 !important;
  background: #ffffff !important;
  font-weight: bold !important;
  color: #f77a33 !important;
}
/* css du wizard de cr�ation d'un devis  */
.devisWizard ul.ui-wizard-step-titles li.ui-wizard-step-title {
  font-size: 1em !important;
}
/* css du wizard de cr�ation d'un devis  */
.devisWizard .ui-wizard-content {
  padding: 0.8em 1em !important;
}

/* css de la barre de titre des panels */
.ui-panel .ui-panel-titlebar {
  border: 0 !important;
  padding: 8px 7px 8px 7px !important;
}
/* css des panels avec bouton dans la barre de titre  */
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
  width: 23px !important;
  height: 23px !important;
}

/* css des many checkbox */
.ui-selectmanycheckbox label {
  font-weight: normal !important;
  margin-top: 0px !important;
}
/* css des select one radio */
.ui-selectoneradio label {
  font-weight: normal !important;
  margin-top: 0px !important;
}
/* supprimer les paddings */
.ui-selectoneradio tbody td {
  padding: 0px 10px 0px 0px !important;
}

/* css pour la librairie masonry (�cran de nouveau devis) */
.masonry {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* css pour la librairie masonry (�cran de nouveau devis) */
.masonry .item,
.masonry .grid-sizer {
  width: 33%;
}
/* css pour la librairie masonry (�cran de nouveau devis) */
.masonry .item,
.masonry .grid-sizer {
  float: left;
  margin-bottom: 9px;
}

/* taille maximum des tooltips */
.ui-tooltip {
  max-width: 100% !important;
}

/* style des inputs primefaces */
.ui-inputfield {
  background: #ffffff !important;
  -moz-box-shadow: inset 0 1px 1px #8f8f8f !important;
  -webkit-box-shadow: inset 0 1px 1px #8f8f8f !important;
  box-shadow: inset 0 1px 1px #8f8f8f !important;
  color: #044683 !important;
}
/* style des inputs primefaces */
.ui-inputfield.ui-state-focus,
.ui-inputfield.ui-state-hover {
  background: #ffffff !important;
  -moz-box-shadow: 0px 0px 3px #79b7e7, inset 0 1px 1px #8f8f8f !important;
  -webkit-box-shadow: 0px 0px 3px #79b7e7, inset 0 1px 1px #8f8f8f !important;
  box-shadow: 0px 0px 3px #79b7e7, inset 0 1px 1px #8f8f8f !important;
  color: #044683 !important;
}
/* colonne active des tableaux triables */
table thead tr th.ui-state-active {
  background: #eff7ff !important;
}
/* css des onglets */
.ui-tabs .ui-tabs-nav .ui-state-default {
  font-weight: bold !important;
}
/* css des fieldset */
.ui-fieldset .ui-fieldset-legend {
  font-weight: bold !important;
}

.fileupload-simple > .ui-fileupload-content {
  display: none;
}

.fileupload-simple > .ui-fileupload-buttonbar {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.ui-selectonemenu-panel .ui-selectonemenu-table {
  border-collapse: separate !important;
}

.ui-selectonemenu-table td {
  background: none !important;
  border: none !important;
  text-align: left;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
  margin: 1px 0 !important;
  padding: 3px 5px !important;
}

.commentaire {
  white-space: pre-wrap;
}

.ui-datascroller-header {
  text-align: left !important;
}

.ui-datascroller-item .ui-panelgrid-even {
  background: #d3d3d3;
}

.ui-datatable.noBorder th,
.ui-datatable.noBorder tbody {
  border-style: none;
  background: none;
}

.ui-selectonemenu-panel.hideDisabled .ui-selectonemenu-item.ui-state-disabled,
#devisForm\:conducteur_panel .ui-selectonemenu-items .ui-state-disabled {
  display: none;
}

.typePanel .ui-selectonemenu-items-wrapper {
  height: 550px !important;
  overflow-y: scroll;
}

.garantie-04122-col1 {
  width: 300px !important;
}

.garantie-04122-col2 {
}

.underlined-title {
  margin: 0;
  padding: 0;
  margin-left: 5%;
  text-decoration: underline;
  display: block;
}

.labelsColumnClass,
.littleColumnClass {
  width: 20% !important;
}

.valuesColumnClass,
.bigLabelsColumnClass {
  width: 30% !important;
}

.ql-toolbar.ql-snow {
  padding: 0.5px !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
  opacity: 1;
}

.input-numero-serie {
  width: 50% !important;
  min-width: 150px !important;
}

.inputValeurMonetaire {
  width: 20% !important;
  min-width: 150px !important;
}

/* administration portefeuille portefeuillePointDeVente */
.portefeuille-iban-fieldset .ui-fieldset-content {
  position: relative;
}

.portefeuille-iban-btn-modif {
  position: absolute !important;
  top: -35px;
  right: 0;
}

/*  Grille responsive sur 2 colonnes.

 			     ::gridTemplate::				  

  Permet de creeer une grille de 2 colonnes.  
  Chaque element ajoute dans cette grille    
  sera positionne de la maniere suivante :   
 										      
   		    -----------------------			  
 	       | 1 element | 1 element |		 
 		   | 1 element | 1 element |          
 		   |	...	   |	...    |		  
 		    -----------------------			  

 			     ::gridElement:: 				  

 Ajoute aux elements de la grille pour avoir 
 plus d'espace entre chacun des composant de 
 la grille.								  

	
*/
.gridTemplate {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.gridElement {
  margin: 12px;
}

.hide {
  display: none;
}

/*
FVA
*/
.fva-icon{
	display: inline-block;
  margin-left: 10px;
 	width: 16px;
  height: 16px;
  background-size: cover;
}
.fva-icon-ok{
	width: 32px;
	background-image: url('/monceaunet3/javax.faces.resource/fva/fva.svg.jsf?ln=images');
}
.fva-icon-no-send{
	width: 32px;
	background-image: url('/monceaunet3/javax.faces.resource/fva/fva-no-send.svg.jsf?ln=images');
}
.fva-icon-hors-fva{
	width: 68px;
	background-image: url('/monceaunet3/javax.faces.resource/fva/hors-fva.svg.jsf?ln=images');
}
.fva-icon-error{
	background-image: url('/monceaunet3/javax.faces.resource/fva/alarm.svg.jsf?ln=images');
}

/*
08567
*/

.garanties-tab-titre{
	text-align: center;
}

.garanties-tab{
	margin: 0 auto;
}

.garanties-tab tr,
.garanties-tab td{
	border: 1px solid #BED5F4 !important;
}

/* 
loading spinner 
*/
.lds-ellipsis {
  display: block;
  margin: 15px auto 0px;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #4072a1;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* 
blockUI
*/

.blockUI.blockOverlay{
	z-index: 2000 !important;
}

.blockUI.blockMsg{
	z-index: 2020 !important;
}

/* cellules sans separation dans un selection menu panel */
.ui-selectonemenu-panel .ui-selectonemenu-table {
    border-collapse: collapse !important;
}

/* SelectCheckboxMenu - Disable "all-selection" */
.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none; 
}

.info-icon {
  display: inline-block;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url('/monceaunet3/resources/images/info.png');
}