/* ====================================================================================================*/
/* GLOBAL */
/* ====================================================================================================*/
body .ui-widget {
    font-family: Verdana, sans-serif;
    font-size: small;
}

body .ui-inputfield {
    font-size: small;
}

/* éléments sélectionnés dans un combo ou une picklist */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: #007ad9;
    color: #ffffff;
    overflow: auto;
}

/* éléments dans un combo ou une picklist */
body .ui-picklist .ui-picklist-list {
    width: 260px;
}

/* éléments sélectionnés dans un combo ou une picklist */
body .ui-picklist-item.ui-state-highlight {
    background: #007ad9;
    color: #ffffff;
    overflow: auto;
}

/* éléments sélectionnés dans un combo ou une picklist */
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: #007ad9;
    color: #ffffff;
    overflow: auto;
}

/* Compactisation des lignes dans les picking-list */
body .ui-picklist .ui-picklist-list .ui-picklist-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ui-picklist.pickingListUtilisateurs .ui-picklist-list {
    height: 500px;
}

/* élément de l'arbre de sélection dans l'édition des groupes d'utilisateurs */
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: #007ad9;
    color: #ffffff;
}

/* bouton de navigation du carousel contenu colis */
body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
    background: #E8A909;
    color: #ffffff;
}

.fa-exclamation-circle:before {
    content: "\f06a";
    background: #007ad9;
    color: #ffffff;
}

.titre {
    font-size: x-large;
    display: block;
    clear: both;
    margin: 20px;
}

.indicationOrange {
    color: #C48200;
    font-size: small;
}


.labelPresentation {
    display: inline-block;
    font-weight: bold;
    margin-left: 0.5em;
    width: 175px;
}

.labelPresentationLong {
    display: inline-block;
    font-weight: bold;
    margin-left: 0.5em;
    width: 275px;
}

.labelLigne {
    display: inline-block;
    width: 150px;
    margin-right: 20px;
    text-align: right;
}

.grandChamp {
    width: 350px;
}


body .ui-datatable .ui-datatable-data > tr.ui-datatable-even.cron_err {
    background-color: #ff0000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

body .ui-datatable .ui-datatable-data > tr.ui-datatable-odd.cron_err {
    background-color: #ff0000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* ======================================= */
/* Largeur des champs de recherche dans les popups */
/* texte */
body .ui-inputfield.champRecherchePopup {
    width: 250px;
}

/* combobox */
body .ui-selectonemenu.champRecherchePopupSelect {
    width: 250px;
}

/* ======================================= */

/* Augmente la taille max des dropdown pour éviter le scroll pour une petite liste de valeurs */
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    max-height: 300px;
}

/* Réduit la taille de la recherche intégrée aux combobox */
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
    padding-top: 3px;
    padding-bottom: 3px;
}

.petitChamp {
    width: 80px;
    display: inline-block;
}

.champMoyen {
    width: 150px;
    display: inline-block;
}

.grandChampDroite {
    width: 250px;
    height: 30px;
    border-style: none !important;
    border-left: solid 1px !important;
}

.grandChampGauche {
    width: 250px;
    height: 30px;
    border-style: none !important;
}

/* Détails Groupe utilisateurs liste utilisateurs */
body .dataListServicePays .ui-datalist-content {
    border: 0px;
    padding: 0;
}

/* Détails service transporteur liste pays déservies*/
body .dataListGroupeUsers .ui-datalist-content {
    border: 0px;
    padding: 0;
}

.blocBouton {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

.blocBoutonInline {
    display: inline;
    margin-right: 5em;
}

.margeDroite {
    padding-right: 39px;
}

.margeGauche {
    padding-left: 50px;
}

.petiteMargeDroite {
    padding-right: 13px;
}

.margeDeuxCotes50 {
    padding-right: 40px;
    padding-left: 39px;
}

.enorme {
    width: 200px;
    height: 80px;
    font-size: large;
}

.grosTitre {
    font-size: xx-large;
    text-align: center;
}


/** Pour affichage des h:commandLink sous forme de bouton */
.ButtonStyle {
    border: 1px solid #007ad9;
    border-radius: 3px;
    padding: 5px 8px 5px 8px;
    color: #333333;
    background-color: #e7e7e7;
    text-decoration: none;
    font-weight: normal;
    display: inline;
    cursor: pointer;
    display: inline;
    margin-left: 5em;
}

.ButtonStyle:hover {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
    color: #e7e7e7;
}

/** Pour affichage des h:commandLink sous forme de bouton icone */
.ButtonStyleIcone {
    border: 1px solid #007ad9;
    border-radius: 3px;
    padding: 5px 7px 4px 3px;
    color: #333333;
    background-color: #e7e7e7;
    text-decoration: none;
}

.ButtonStyleIcone:hover {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
    color: #e7e7e7;
}

/** Pour affichage des h:commandLink sous forme de bouton */
.ButtonStyleInLine {
    border: 1px solid #007ad9;
    border-radius: 3px;
    padding: 5px 8px 5px 8px;
    color: #333333;
    background-color: #e7e7e7;
    text-decoration: none;
    font-weight: normal;
    display: inline;
    cursor: pointer;
    display: inline;
    margin-left: 5em;
}

.ButtonStyleInLine:hover {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
    color: #e7e7e7;
}

/* carousel */
.ui-carousel-page-links {
    margin-top: -10px !important;
}

/* item du carousel */
.ui-items-hidden .ui-carousel-item.ui-carousel-item-active {
    border: 1px solid #c8c8c8;
    border-collapse: collapse;
}

.autoComplete240px input {
    width: 240px;
}

.ui-cell-editor .ui-inputtext {
    width: 100%;
}

.contenuColis, .contenuColis .ui-panel-content {
    background-color: white !important;
}

.ui-confirm-dialog .ui-dialog-buttonpane {
    text-align: center !important;
}

/* ============ TABLES ============= */
/* Une action = Petite cellule */
.dataTable td.action {
    width: 10px;
}

/* Densification TH */
body .ui-datatable thead th {
    padding: 0.3rem 0.4rem;
}


/* ============= MENU PRINCIPAL ==============*/
/* Centrage des boutons de la barre de menu principal */
.centeredMenuBar.ui-menubar {
    text-align: center;
}

/* réduction marges sup/inf de la barre */
body .ui-menu.ui-menubar {
    padding: 0.1rem;
    /*background: #c4c4c4;*/
}

.centeredMenuBar .ui-menu-list {
    display: inline-block;
}

/* Espacement des entrées de menu */
.centeredMenuBar .ui-widget.ui-menuitem {
    margin-right: 10px;
}

/* Réduction des marges inf/sup des entrées du menu principal */
/* Alignement à gauche du texte des entrées de menu, sinon c'est centré */
/* Retrait de l'animation sur les over des entrées de menu pour rendre la navigation plus fluide*/
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;
    text-align: left;
    transition: none;
}

/* Réduction de la marge entre le texte et l'indicateur de menu déroulant */
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
    margin-left: -5px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    background-color: white !important;
    border-color: white !important;
    border: 1px solid #007ad9;
    border-radius: 3px;
    font-weight: normal;
    color: #333333;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    background-color: white !important;
    border-color: white !important;
    font-weight: normal;
    color: #333333;
    border: 1px solid #007ad9;
    border-radius: 3px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
    font-weight: normal;
    color: #333333;
    border: 1px solid #007ad9;
    border-radius: 3px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
    font-weight: normal;
    color: #333333;
    border: 1px solid #007ad9;
    border-radius: 3px;
}

/* =============================================*/

/* Orange à la place du bleu pour caler un peu sur la charte graphique Connect */
.ui-button.ui-state-hover, .ui-button.ui-state-active, .ui-button.ui-state-focus,
.ui-menu-list .ui-state-hover, .ui-radiobutton-box.ui-state-hover,
.ui-radiobutton-box.ui-state-active, .ui-sortable-column.ui-state-hover,
.ui-sortable-column.ui-state-active, .ui-paginator-page, .ui-tabs-nav .ui-state-hover[aria-expanded=false],
.ui-fieldset-legend.ui-state-hover, .ui-selectonemenu.ui-state-hover,
.ui-selectonemenu.ui-state-focus, .ui-selectonemenu.ui-state-hover .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-focus .ui-selectonemenu-trigger,
.ui-selectonemenu-item.ui-state-hover, .ui-chkbox-box.ui-state-hover,
.ui-chkbox-box.ui-state-active, .ui-dialog-titlebar-icon.ui-state-hover,
.ui-picklist-item.ui-state-hover, .ui-treenode-label.ui-state-hover {
    background-color: #E8A909 !important;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    border-color: #E8A909 !important;
}

.ui-datepicker-calendar td .ui-state-active {
    background-color: #E8A909 !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
    background-color: #E8A909 !important;
    background: #fff;
    border-color: #E8A909 !important;
    box-shadow: 0 0 8px #E8A909 !important;
}


body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0px;
}

body .ui-datepicker .ui-datepicker-calendar td a {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

/* Largeur fixe compacte et texte centré sur les input de date */
.shortDateInput {
    width: 100px;
    text-align: center;
}

/* Combobox de hauteur réduite en hauteur */
body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: 1.8rem;
}

/* Lignes des combobox étendues réduites en hauteur */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}


/* Fin theme orange */

/* Densification formulaires */
body .ui-inputfield {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}


/* Panneau contenant */

/* Page de login */
#connexionPanel {
    background-image: url(/jakarta.faces.resource/ekan-connect-logo_loginpage.jpg.xhtml);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 15%;
    padding-bottom: 5%;
}

#connexionForm {
    padding-top: 23%;
    width: 400px;
    margin: auto;
}

#connexionForm input {
    width: 200px;
    margin-right: 20px;
}

#connexionForm label {
    display: inline-block;
    width: 150px;
    font-size: 1.2em;
}

body .ui-button {
    color: #333333;
    background: #ededed;
}

/* Header des popups */
body .ui-dialog .ui-dialog-titlebar {
    background: #E8A909;
    color: #333333;
    font-weight: 620;
    border-bottom: 1px solid gray;
    padding: 0.3rem 0.5rem;
}


/* Enlever le header sur la popup dialog */
body .dialogSansHeader .ui-dialog-titlebar {
    display: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    height: 1.5rem;
    line-height: 1.5rem;
    color: #333333;
    /*box-shadow: 0 0 0 0 #333333;*/
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
    box-shadow: 0 0 0 0 #E8A909;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
    box-shadow: 0 0 0 0 #E8A909;
}

.doublePanel {
    border-collapse: separate !important;
}


/* Actions Utilisateur */
.listeDroits {
    width: 100%;
    margin: auto;
}

.listeDroits .ui-panelgrid-even {
    background-color: #EDF0F4;
}

/* Ligne impaires en gris très leger */
body .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: #e9e9e9;
}

.listeDroits body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    padding: 0.6rem 0.6rem;
}

/* header des tableaux (ex: Actions Utilisateur) */
body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid lightgray;
    padding: 0.1rem 0.3rem;
    background: transparent;
    color: #333333;
}

.listeDroits tbody {
    font-size: 0.9rem;
}

/* Actions Utilisateur */

.sansBordures .ui-datagrid-content {
    border: none;
    margin-bottom: 20px;
}

#footer {
    vertical-align: bottom;
    text-align: center;
    clear: both;
}

/* colonne actions pour icones centrés et largueur fixe */
.colonneActions {
    vertical-align: middle;
    text-align: center;
    width: 200px;
}

.colonneRequete {
    display: inline-block;
    width: 12em;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
}


/* ====================================================================================================*/
/* POPUPS */
/* ====================================================================================================*/
/* Croix des popups en noir */
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    color: black;
}

/*.ui-confirm-dialog {*/
/*    z-index: 100;*/
/*}*/

/* ====================================================================================================*/
/* TABLES */
/* ====================================================================================================*/
/* densification des lignes datatable */
body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.1rem 0.2rem;
}

body .ui-datatable tfoot td {
    background: #f4f4f4;
    border: 1px solid #c8c8c8;
    border-width: 1px 1px 1px 1px;
    color: #333;
    padding: 0.1rem 0.2rem;
    font-weight: 700;
    text-align: left;
    box-sizing: content-box;
}

/* ====================================================================================================*/
/* CARDS/PANELS */
/* ====================================================================================================*/
/* Réduction des marges internes aux fieldsets */
body .ui-fieldset {
    padding: 0.3rem 0.4rem;
}

/* Réduction des marges internes aux datagrids dans des fieldsets */
body .ui-datagrid .ui-datagrid-content {
    padding: 0.3rem 0.4rem;
}

body .ui-datalist .ui-datalist-content {
    padding: 0 0 0 0;
}

/* cards header amincies  */
body .ui-fieldset .ui-fieldset-legend {
    color: #333333;
    border-color: #E8A909;
    background: transparent;
    padding: 0.2rem 0.5rem;
    font-weight: 500
}

/* ====================================================================================================*/
/* FORMULAIRES */
/* ====================================================================================================*/
/* Hauteur réduite des dropdown */
body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.3rem;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.3rem;
}

/* Hauteur réduite des boutons avec icone et texte (ex : Recherche avancée) */
body .ui-button.ui-button-text-icon-left .ui-button-text {
    color: #333333;
    background: transparent;
    padding: 0.3rem 0.5rem 0.3rem 1.8rem;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.2rem 2rem 0.2rem 1rem;
}

/* Dimension des boutons*/
body .ui-button.ui-button-icon-only {
    width: 1.7rem;
    height: 1.7rem;
    margin: 0.1rem;
    padding: 0;
}

/* Retrait de la marge du bouton des datepicker dans les formulaires */
body .ui-calendar .ui-button.ui-button-icon-only {
    margin: 0px;
    width: 2rem; /* ratio carré */
}

/* header datatable list point relais */
body .ui-datatable .ui-datatable-header {
    padding: 0.5rem 0.6rem;
}

/* header suivi colis détail expédition */
body .ui-datagrid .ui-datagrid-header {
    padding: 0.2rem 0.5rem;
    border-radius: 0px;
    background: lightgrey;
    color: black;
    border-color: lightgrey;
}


body .ui-panelgrid .ui-panelgrid-cell {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

/* cadre des éléments de l'index */
body .noBorder .ui-panel-content {
    border: 0px solid #c8c8c8;
}


/* ====================================================================================================*/
/* MENU PRINCIPAL */
/* ====================================================================================================*/
.identificationPanel {
    height: 3.8em;
    text-align: center;
}

/* Dimensions et positionnement logo de l'appli */
.identificationPanel img {
    height: 3em;
    float: left;
    margin-top: -5px;
}

/* Titre de la page entré */
.identificationPanel h1 {
    display: inline-block;
    margin: 0px;
    font-size: 23px;
}

/* Panneau contenant la bannière en haut de page, ainsi que le nom de l'utilisateur connecté */
.userConnecte {
    float: right;
    /*margin-top: 0.3em;*/
}

/* Rapproche les icones des entrées de menu pour accenturer la séparation */
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 0.3rem;
}

/* ====================================================================================================*/
/* FIN DE JOURNEE
/* ====================================================================================================*/

/* On dé-densifie pour faciliter la sélection */
body .blocFinJournee .ui-datatable .ui-datatable-data > tr > td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

/* Centrage des boutons de sélection des lignes*/
body .blocFinJournee .ui-datatable .ui-datatable-data > tr > td.ui-selection-column {
    text-align: center;
}

/*  */
.nbSelectionnes {
    /* font-weight: bold; */
}

.blocFinJournee label {
    padding-right: 20px;
    font-size: medium;
    font-weight: bold;
}

.blocFinJournee > div.ui-panel-content {
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/*.blocFinJourneeResultats {*/
/*    border: 0px;*/
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
/*}*/

/* ====================================================================================================*/

/* Messages info affichés à l'utilisateur */
.ui-growl-image-info ~ .ui-growl-message {
    color: black;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before {
    color: #f00;
}

.ui-growl-image-error ~ .ui-growl-message {
    color: #f00;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    #background: #eaeaea;
}

.ui-fileupload .ui-fileupload-buttonbar {
    #background: #eaeaea;
}