/*html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}*/

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

/*Kossi css*/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*icone de dropdown personnalis�*/
.ui-icon-triangle-1-s {
    background-position: -68px -13px;
}

/*Montrer l'icone pencil � droite lorsqu'on a le droit de modification*/
editMode {
    float: right;
    margin-top: 0.2em;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-size: 14px;*/
    font-size: 12px;
    line-height: 20px;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

.liferay-faces-bridge-body, #p_p_id_webui_WAR_webui_ .portlet-body,
.portlet, .portlet-content, .portlet-content-container,
#layout-column_column-1 .portlet-boundary, .portlet-dropzone,
.portlet-column, .portlet-layout, #main-content, #content, #wrapper {
    height: auto !important;
    max-height: inherit;
    overflow-x: auto;
    /* overflow dde la page tout entiere lors de la modification des données*/
    /* prevent horizontal scrollbar */
    overflow-y: hidden;
    /* add padding to account for vertical scrollbar */
    /*padding-bottom: 0.5px;*/
    display: block;
}

.overFlow {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 0.5px;
    /*position: fixed;*/
    /*top: 0;*/
}

.overFlowRect {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 0.5px;
    /*position: fixed;*/
    /*top: 0;*/
}

.overFlowFileUpload {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 0.5px;
    /*position: fixed;*/
    /*top: 0;*/
}

/*.active{
 color : #F8FBFC;
 background:#cde9d1;
 background-repeat:no-repeat;
 background-position:right center;
  } 
  
#nav a#active {
    color: #F8FBFC;
    background: none no-repeat scroll right center #4E4941;
    border-radius: 4px;
}
 */
.showDetails {
    font-weight: bold;
    font-style: italic;
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url(../images/icon_top.png) no-repeat;
    background-color: rgb(255, 255, 255, 1);
}

/*etape 1*/
.ui-tabs .ui-tabs-nav {
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0)) repeat scroll 0% 0% rgb(188, 206, 190);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    /*  background: repeat-x scroll 0 0 #C7DEC1;  */
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0)) repeat scroll 0% 0% rgb(162, 189, 165);
    background: -webkit-gradient(center top, rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0)) repeat scroll 0% 0% rgba(119, 162, 107, 1);
    color: #000000 /*{fcHeader}*/;
    font-weight: bold;
    color: #000000 /*{fcHeader}*/
}

/*etape 2. ne pas inverser avec etape 1*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #034501;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFF; /*rgba(107, 159, 99, 1);*/
    text-decoration: none;
    text-shadow: none;
    font-size: 1.1em;
    font-weight: bold;
}

/* .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    text-shadow: none;
} */

/*gere le clic sur un lien pour afficher le detail de la liste parcelle, procedure)*/
.iu-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header
.ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)) repeat scroll 0% 0% rgba(159, 183, 156, 1);
    background: -webkit-linear-gradient(left, #D3ECBF 18%, #CFEFB6 18%, #B8D2A3 58%);
    /* Chrome10-25,Safari5.1-6 */
    /*     font-weight: bold; */
    color: #4F4F4F;
    /*     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); */
    box-shadow: 0px 0px 8px #325C43; /*contour du lien selectionn�*/
}

/*aligner les bouton de save/cancel avec le champ p:inplace*/
.ui-inplace-editor {
    display: inline;
}

/*couleur de la bordure des input*/
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: 0px 0px 5px #ADC5A3, 0px 2px 2px #889F7C inset;
    border: 1px solid #8CAE73;
    font-weight: normal;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none repeat scroll 0% 0% rgba(251, 251, 251, 1);
    box-shadow: 0px 2px 2px rgba(185, 213, 146, 1) inset;
    color: #313131;
    font-weight: normal;
}

.designationTerrain {
    /* text-align: center; */
    padding: 2px 0 0px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    /*height: 35px;*/
    width: 585px;
    transition-property: width;
    transition-duration: 0.5s;
    /* color: #ccc;  Donne la couleur grise */
    text-indent: 10px;
    background-position: 10px 6px;
    font-size: large;
}

.designationTerrain:focus, .designationTerrain.focused {
    width: 600px;
}

.myInput {
    /* text-align: center; */
    padding: 2px 0 0px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    /*height: 35px;*/
    /*width: 200px;*/
    width: 355px;
    transition-property: width;
    transition-duration: 0.5s;
    /* color: #ccc;  Donne la couleur grise */
    text-indent: 10px;
    background-position: 10px 6px;
    font-size: large;
}

.inputN {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.myInput:focus, .myInput.focused {
    width: 370px;
}

.rectificationRem {
    padding: 2px 0 0px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    /*height: 35px;*/
    width: 600px;
    transition-property: width;
    transition-duration: 0.5s;
    /* color: #ccc;  Donne la couleur grise */
    text-indent: 10px;
    background-position: 10px 6px;
    font-size: large;
}

.rectificationRem:focus, .rectificationRem.focused {
    width: 800px;
}

.remarqueInput {
    padding: 2px 0 0px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    /*height: 35px;*/
    /*width: 300px;*/
    width: 385px;
    transition-property: width;
    transition-duration: 0.5s;
    /* color: #ccc;  Donne la couleur grise */
    text-indent: 10px;
    background-position: 10px 6px;
    font-size: large;
}

.remarqueInput:focus, .remarqueInput.focused {
    width: 400px;
}

/*lorsqu'on clique sur un lien pour le tri dans le tabView*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #7096AB;
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.4)) repeat scroll 0% 0% rgba(197, 219, 202, 1);
    font-weight: bold;
    color: #1C4257;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

/*GROWL AND SELECT COLOR*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #708A6B;
    background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.25),
    transparent) repeat scroll 0% 0% #b7c5a5;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.ui-progressbar .ui-widget-header {
    background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0)) repeat scroll 0% 0% #B9D592;
    border-radius: 10px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    /* border: 1px solid rgba(46, 119, 53, 1); */
    border: 1px solid rgb(127, 150, 129);
    background: none repeat scroll 0% 0% rgb(107, 165, 116);
    /* background: none repeat scroll 0% 0% rgb(148, 177, 153); */
    /* background: none repeat scroll 0% 0% rgb(147, 193, 154); */
}

.ui-tabs .ui-tabs-nav li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(133, 168, 108, 1);
}

.ui-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.ui-widget-content {
    border: 1px solid rgb(172, 181, 170); /*COULEUR BORDURE PAGE*/
    /*rgba(170, 186, 167, 1);*/
    background: none repeat scroll 0% 0% #FFF;
    color: #4F4F4F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border: 1px solid rgb(172, 181, 170); /*COULEUR BORDURE DATATABLE*/
    /* 2px solid rgba(170, 186, 167, 1); */
}

.block {
    display: block;
}

/* AMERLIORATION DU THEME SAM DU LIFERAY */
.ui-datatable tr.ui-state-highlight {
    background: none #BCCEC0;
    border: 0 none;
    color: #ffffff;
}

.ui-datatable tr.ui-state-hover {
    background: none #D2E0DC;
    border: 0 none;
    color: #000000;
}

.ui-widget {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 100%;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 100%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa /*{borderColorActive}*/;
    background: repeat-x scroll left -1400px #B4C1B3;
    font-weight: normal /*{fwDefault}*/;
    color: #FFFFFF /*{fcActive}*/;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #666666;
    background: #D3F9D2 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)),
    to(rgba(0, 0, 0, 0)));
    color: #ffffff;
    text-shadow: 1px 1px 1px #333333;
}

.ui-widget-content {
    color: #012101; /* a remettre dans global.css*/
}

#range-basket {
    background-image: url(../images/panierX20.png);
    display: block;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#download-file {
    background-image: url(../images/download-font.png);
    display: block;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.myCustomHelpButton {width: 20px; height: 20px; background-image: url('https://sol.environnement.wallonie.be/files/BDES/Question_mark_white.png');}
.myCustomAdvancedSearchButton {width: 20px; height: 20px; background-image: url('https://sol.environnement.wallonie.be/files/BDES/otherMaps-white.png');}
.myCustomAdvancedIdentifyButton {width: 20px; height: 20px; background-image: url('https://sol.environnement.wallonie.be/files/BDES/stethoscope-48.png');}