@charset "UTF-8";
/*
 * Couleurs issues du thème
 */
/*
 * Couleurs associés à un niveau d'alerte
 */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/CSAdmin/javax.faces.resource/fonts/open-sans-v17/open-sans-v17-latin-regular.woff2.xhtml?ln=primefaces-blitzer") format("woff2"), url("/CSAdmin/javax.faces.resource/fonts/open-sans-v17/open-sans-v17-latin-regular.woff.xhtml?ln=primefaces-blitzer") format("woff");
}
/*********************************************************************************************************************************
 * Eléments HTML
 ********************************************************************************************************************************/
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  background-attachment: fixed;
  background-image: url("/CSAdmin/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-blitzer");
  background-color: #b6b6b6;
  background-position: center bottom;
  background-repeat: no-repeat;
}

label {
  color: #4c545d;
}

/*********************************************************************************************************************************
 * Font Awesome
 ********************************************************************************************************************************/
.csa-fa-small {
  font-size: 0.5em;
}

.ui-button-icon-left.fa {
  color: #cf0217;
}

.ui-menuitem-icon.ui-icon {
  height: 1.1em;
}

.ui-menuitem-icon.fa-fw {
  color: #cf0217;
  font-size: 1.1em;
}

.ui-menuitem-link.ui-submenu-link > span.ui-icon-triangle-1-s {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
  text-indent: 0;
}

.ui-tree-toggler.ui-icon {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline;
  text-align: center;
  color: #cf0217;
}

.ui-tree-toggler.ui-icon-triangle-1-s {
  padding: 0.2em 0 0.5em 0;
}

.ui-icon-triangle-1-s::before {
  content: "\f0d7";
}

.ui-tree-toggler.ui-icon-triangle-1-e {
  padding: 0.2em 0 0.5em 0;
}

.ui-icon-triangle-1-e::before {
  content: "\f0da";
  padding: 0 0.11em 0 0.11em;
}

.ui-tree .ui-treenode-leaf-icon {
  width: 0.85em;
}

.ui-paginator-first, .ui-paginator-prev, .ui-paginator-next, .ui-paginator-last {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
.ui-paginator-first.ui-state-default, .ui-paginator-prev.ui-state-default, .ui-paginator-next.ui-state-default, .ui-paginator-last.ui-state-default {
  font-weight: normal;
}

.ui-icon.ui-icon-seek-first, .ui-icon.ui-icon-seek-prev, .ui-icon.ui-icon-seek-next, .ui-icon.ui-icon-seek-end {
  display: none;
}

.ui-paginator-first::after {
  content: "\f049";
}

.ui-paginator-prev::after {
  content: "\f048";
}

.ui-paginator-next::after {
  content: "\f051";
}

.ui-paginator-last::after {
  content: "\f050";
}

a.ui-panel-titlebar-icon {
  text-decoration: none;
}
a.ui-panel-titlebar-icon > span.ui-icon-plusthick {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
a.ui-panel-titlebar-icon > span.ui-icon-plusthick::after {
  content: "\f067";
}

a.ui-panel-titlebar-icon > span.ui-icon-minusthick {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
a.ui-panel-titlebar-icon > span.ui-icon-minusthick::after {
  content: "\f068";
}

span.ui-messages-info-icon {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline;
  text-align: center;
  color: #cf0217;
  color: #4c545d;
}
span.ui-messages-info-icon::after {
  content: "\f05a";
}

span.ui-messages-warn-icon {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline;
  text-align: center;
  color: #cf0217;
  color: #ff8c00;
}
span.ui-messages-warn-icon::after {
  content: "\f071";
}

span.ui-messages-error-icon {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline;
  text-align: center;
  color: #cf0217;
  color: #dc3545;
}
span.ui-messages-error-icon::after {
  content: "\f057";
}

span.ui-messages-fatal-icon {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline;
  text-align: center;
  color: #cf0217;
  color: #dc3545;
}
span.ui-messages-fatal-icon::after {
  content: "\f1e2";
}

button.ui-widget.ui-picklist-button-add {
  padding: 1em;
}
button.ui-widget.ui-picklist-button-add span.ui-icon.ui-icon-arrow-1-e {
  text-indent: unset;
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
button.ui-widget.ui-picklist-button-add span.ui-icon.ui-icon-arrow-1-e::after {
  content: "\f051";
}
button.ui-widget.ui-picklist-button-add span.ui-button-text {
  display: none;
}

button.ui-widget.ui-picklist-button-add-all {
  padding: 1em;
}
button.ui-widget.ui-picklist-button-add-all span.ui-icon.ui-icon-arrowstop-1-e {
  text-indent: unset;
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
button.ui-widget.ui-picklist-button-add-all span.ui-icon.ui-icon-arrowstop-1-e::after {
  content: "\f050";
}
button.ui-widget.ui-picklist-button-add-all span.ui-button-text {
  display: none;
}

button.ui-widget.ui-picklist-button-remove {
  padding: 1em;
}
button.ui-widget.ui-picklist-button-remove span.ui-icon.ui-icon-arrow-1-w {
  text-indent: unset;
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
button.ui-widget.ui-picklist-button-remove span.ui-icon.ui-icon-arrow-1-w::after {
  content: "\f048";
}
button.ui-widget.ui-picklist-button-remove span.ui-button-text {
  display: none;
}

button.ui-widget.ui-picklist-button-remove-all {
  padding: 1em;
}
button.ui-widget.ui-picklist-button-remove-all span.ui-icon.ui-icon-arrowstop-1-w {
  text-indent: unset;
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline;
  text-align: center;
  color: #cf0217;
}
button.ui-widget.ui-picklist-button-remove-all span.ui-icon.ui-icon-arrowstop-1-w::after {
  content: "\f049";
}
button.ui-widget.ui-picklist-button-remove-all span.ui-button-text {
  display: none;
}

/*********************************************************************************************************************************
 * Thème
 ********************************************************************************************************************************/
.ui-toolbar {
  background: #cccccc;
  border: none;
  margin-top: 0.5em;
}

.ui-fileupload-buttonbar {
  background: #cccccc;
  border: none;
}

.ui-tabs {
  padding: 0;
}

.ui-tabs .ui-tabs-panel {
  padding: 0;
}

.ui-outputlabel .ui-outputlabel-rfi {
  display: none;
}

.ui-dialog {
  position: absolute;
}

.ui-dialog .ui-dialog-content {
  padding: 0;
}

.ui-widget {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 0.9em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 0.9em;
}

.ui-fieldset-legend {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 500;
}

.ui-fieldset .ui-fieldset-legend {
  padding: .25em 1em;
}

.ui-widget-header {
  border: none;
}

.ui-datatable-header {
  border: 1px solid #d8dcdf;
  background: #eeeeee;
  font-weight: bold;
  color: #4c545d;
}

.ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
  background: #eeeeee;
}

.ui-datalist-content.ui-widget-content {
  border: none;
}

.ui-datalist-header {
  border: 1px solid #d8dcdf;
  background: #eeeeee;
  font-weight: bold;
  color: #4c545d;
}

.ui-tooltip .ui-tooltip-text {
  max-width: 50em;
}

.ui-message {
  max-width: 100em;
}

.ui-selectonemenu {
  vertical-align: middle;
}

.ui-selectoneradio {
  vertical-align: middle;
  display: inline-table;
}

.ui-wizard-step-title {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/*
 * PrimeFlex version 1.0.0-rc.1
 * https://github.com/primefaces/primeflex/blob/1.0.0-rc.1/primeflex.css
 *
 * MIT License
 * 
 * Copyright (c) 2018 PrimeFaces
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
.p-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5em;
  margin-left: -0.5em;
  margin-top: -0.5em;
}

.p-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.p-nogutter > .p-col,
.p-nogutter > [class*="p-col-"] {
  padding: 0;
}

.p-dir-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.p-dir-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-dir-col-rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.p-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.p-justify-even {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.p-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.p-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.p-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding: 0.5em;
}

.p-col-fixed {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5em;
}

.p-col-align-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.p-col-align-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.p-col-align-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.p-col-align-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.p-col-align-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5em;
}

.p-col-1 {
  width: 8.3333%;
}

.p-col-2 {
  width: 16.6667%;
}

.p-col-3 {
  width: 25%;
}

.p-col-4 {
  width: 33.3333%;
}

.p-col-5 {
  width: 41.6667%;
}

.p-col-6 {
  width: 50%;
}

.p-col-7 {
  width: 58.3333%;
}

.p-col-8 {
  width: 66.6667%;
}

.p-col-9 {
  width: 75%;
}

.p-col-10 {
  width: 83.3333%;
}

.p-col-11 {
  width: 91.6667%;
}

.p-col-12 {
  width: 100%;
}

.p-offset-12 {
  margin-left: 100%;
}

.p-offset-11 {
  margin-left: 91.66666667%;
}

.p-offset-10 {
  margin-left: 83.33333333%;
}

.p-offset-9 {
  margin-left: 75%;
}

.p-offset-8 {
  margin-left: 66.66666667%;
}

.p-offset-7 {
  margin-left: 58.33333333%;
}

.p-offset-6 {
  margin-left: 50%;
}

.p-offset-5 {
  margin-left: 41.66666667%;
}

.p-offset-4 {
  margin-left: 33.33333333%;
}

.p-offset-3 {
  margin-left: 25%;
}

.p-offset-2 {
  margin-left: 16.66666667%;
}

.p-offset-1 {
  margin-left: 8.33333333%;
}

.p-offset-0 {
  margin-left: 0%;
}

.p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12,
.p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12,
.p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12,
.p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
  padding: 0.5em;
}

.p-col-nogutter {
  padding: 0;
}

@media screen and (min-width: 576px) {
  .p-sm-1,
  .p-sm-2,
  .p-sm-3,
  .p-sm-4,
  .p-sm-5,
  .p-sm-6,
  .p-sm-7,
  .p-sm-8,
  .p-sm-9,
  .p-sm-10,
  .p-sm-11,
  .p-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .p-sm-1 {
    width: 8.3333%;
  }

  .p-sm-2 {
    width: 16.6667%;
  }

  .p-sm-3 {
    width: 25%;
  }

  .p-sm-4 {
    width: 33.3333%;
  }

  .p-sm-5 {
    width: 41.6667%;
  }

  .p-sm-6 {
    width: 50%;
  }

  .p-sm-7 {
    width: 58.3333%;
  }

  .p-sm-8 {
    width: 66.6667%;
  }

  .p-sm-9 {
    width: 75%;
  }

  .p-sm-10 {
    width: 83.3333%;
  }

  .p-sm-11 {
    width: 91.6667%;
  }

  .p-sm-12 {
    width: 100%;
  }

  .p-sm-offset-12 {
    margin-left: 100%;
  }

  .p-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-sm-offset-9 {
    margin-left: 75%;
  }

  .p-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-sm-offset-6 {
    margin-left: 50%;
  }

  .p-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-sm-offset-3 {
    margin-left: 25%;
  }

  .p-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-sm-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 768px) {
  .p-md-1,
  .p-md-2,
  .p-md-3,
  .p-md-4,
  .p-md-5,
  .p-md-6,
  .p-md-7,
  .p-md-8,
  .p-md-9,
  .p-md-10,
  .p-md-11,
  .p-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .p-md-1 {
    width: 8.3333%;
  }

  .p-md-2 {
    width: 16.6667%;
  }

  .p-md-3 {
    width: 25%;
  }

  .p-md-4 {
    width: 33.3333%;
  }

  .p-md-5 {
    width: 41.6667%;
  }

  .p-md-6 {
    width: 50%;
  }

  .p-md-7 {
    width: 58.3333%;
  }

  .p-md-8 {
    width: 66.6667%;
  }

  .p-md-9 {
    width: 75%;
  }

  .p-md-10 {
    width: 83.3333%;
  }

  .p-md-11 {
    width: 91.6667%;
  }

  .p-md-12 {
    width: 100%;
  }

  .p-md-offset-12 {
    margin-left: 100%;
  }

  .p-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-md-offset-9 {
    margin-left: 75%;
  }

  .p-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-md-offset-6 {
    margin-left: 50%;
  }

  .p-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-md-offset-3 {
    margin-left: 25%;
  }

  .p-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-md-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-1,
  .p-lg-2,
  .p-lg-3,
  .p-lg-4,
  .p-lg-5,
  .p-lg-6,
  .p-lg-7,
  .p-lg-8,
  .p-lg-9,
  .p-lg-10,
  .p-lg-11,
  .p-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .p-lg-1 {
    width: 8.3333%;
  }

  .p-lg-2 {
    width: 16.6667%;
  }

  .p-lg-3 {
    width: 25%;
  }

  .p-lg-4 {
    width: 33.3333%;
  }

  .p-lg-5 {
    width: 41.6667%;
  }

  .p-lg-6 {
    width: 50%;
  }

  .p-lg-7 {
    width: 58.3333%;
  }

  .p-lg-8 {
    width: 66.6667%;
  }

  .p-lg-9 {
    width: 75%;
  }

  .p-lg-10 {
    width: 83.3333%;
  }

  .p-lg-11 {
    width: 91.6667%;
  }

  .p-lg-12 {
    width: 100%;
  }

  .p-lg-offset-12 {
    margin-left: 100%;
  }

  .p-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-lg-offset-9 {
    margin-left: 75%;
  }

  .p-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-lg-offset-6 {
    margin-left: 50%;
  }

  .p-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-lg-offset-3 {
    margin-left: 25%;
  }

  .p-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-1,
  .p-xl-2,
  .p-xl-3,
  .p-xl-4,
  .p-xl-5,
  .p-xl-6,
  .p-xl-7,
  .p-xl-8,
  .p-xl-9,
  .p-xl-10,
  .p-xl-11,
  .p-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .p-xl-1 {
    width: 8.3333%;
  }

  .p-xl-2 {
    width: 16.6667%;
  }

  .p-xl-3 {
    width: 25%;
  }

  .p-xl-4 {
    width: 33.3333%;
  }

  .p-xl-5 {
    width: 41.6667%;
  }

  .p-xl-6 {
    width: 50%;
  }

  .p-xl-7 {
    width: 58.3333%;
  }

  .p-xl-8 {
    width: 66.6667%;
  }

  .p-xl-9 {
    width: 75%;
  }

  .p-xl-10 {
    width: 83.3333%;
  }

  .p-xl-11 {
    width: 91.6667%;
  }

  .p-xl-12 {
    width: 100%;
  }

  .p-xl-offset-12 {
    margin-left: 100%;
  }

  .p-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .p-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .p-xl-offset-9 {
    margin-left: 75%;
  }

  .p-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .p-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .p-xl-offset-6 {
    margin-left: 50%;
  }

  .p-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .p-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .p-xl-offset-3 {
    margin-left: 25%;
  }

  .p-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .p-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .p-xl-offset-0 {
    margin-left: 0%;
  }
}
/*# sourceMappingURL=primegrid.css.map */
.p-grid {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.csa-p-grid-inner-scroll {
  overflow: hidden;
  flex-wrap: unset;
}

.p-col,
.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/*********************************************************************************************************************************
 * Split.js: https://github.com/nathancahill/split/tree/master/packages/splitjs
 ********************************************************************************************************************************/
.gutter.gutter-vertical {
  cursor: row-resize;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gutter.gutter-vertical::after {
  content: "\f0d8  \f0d7";
  display: block;
  text-align: center;
  white-space: pre;
  margin-top: -0.2em;
  color: #777777;
}

.gutter.gutter-horizontal {
  cursor: col-resize;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gutter.gutter-horizontal::after {
  content: "\f0d9\A\f0da";
  display: block;
  position: absolute;
  top: 50%;
  white-space: pre;
  padding-left: 0.2em;
  color: #777777;
}

/*********************************************************************************************************************************
 * Layout flexbox
 ********************************************************************************************************************************/
.csa-frmk-layout-flex-col {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.csa-frmk-layout-flex-row {
  margin: 0;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.csa-frmk-layout-flex-grow-all {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-frmk-layout-flex-grow-all {
    flex: 1 0 0px;
  }
}

@supports not (-ms-high-contrast: none) {
  .csa-frmk-layout-flex-grow-all-except-ie11 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  @media all and (-ms-high-contrast: none) {
    .csa-frmk-layout-flex-grow-all-except-ie11 {
      flex: 1 0 0px;
    }
  }
}

.csa-frmk-layout-flex-grow-20 {
  -webkit-box-flex: 20;
  -moz-box-flex: 20;
  -ms-box-flex: 20;
  box-flex: 20;
  -webkit-flex: 20;
  -moz-flex: 20;
  -ms-flex: 20;
  flex: 20;
}

.csa-frmk-layout-flex-grow-80 {
  -webkit-box-flex: 80;
  -moz-box-flex: 80;
  -ms-box-flex: 80;
  box-flex: 80;
  -webkit-flex: 80;
  -moz-flex: 80;
  -ms-flex: 80;
  flex: 80;
}

.csa-frmk-layout-flex-scroll {
  overflow: auto;
  flex-shrink: 0;
}

.csa-frmk-layout-flex-scroll-vert {
  overflow-y: auto;
}

.csa-frmk-layout-flex-scroll-horiz {
  overflow-x: auto;
  flex: 1 0 auto;
}

.csa-frmk-layout-stretched {
  height: 100%;
}

/*********************************************************************************************************************************
 * Composants PrimeFaces
 ********************************************************************************************************************************/
/* -------------------------------------------------------------------------------------------------------------------------------
 ! Treeview
 ! JSF:
       ＜p:tree id="xxxx" styleClass="csa-p-tree">
 ! HTML:
       ＜div id="form:xxxx" class="ui-tree ui-widget ui-widget-content ui-corner-all csa-p-tree">
             ＜ul class="ui-tree-container">
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-tree.ui-tree {
  width: 100%;
}

.csa-p-tree.ui-widget-content {
  border: 0;
}

.csa-p-tree > ul.ui-tree-container {
  overflow: hidden;
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! DataTable
 ! JSF:
       ＜p:dataTable id="xxxx" styleClass="csa-p-datatable-flex">
 ! HTML:
      ＜div id="form:xxxx" class="ui-datatable ui-widget ui-datatable-resizable csa-p-datatable-flex">
             ＜div class="ui-datatable-tablewrapper">
                    ＜table role="grid">
                          ＜thead id="form:xxxx_head">
                               ＜tr>＜th ... ＜/th>＜/tr>
                         ＜/thead>
                         ＜tbody id="form:xxxx_data" class="ui-datatable-data ui-widget-content">
                               ＜tr>＜td> ... ＜/td>＜/tr>
                         ＜/tbody>
                   ＜/table>
            ＜/div>
      ＜/div>
 +----------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------
 ! DataTable scrollable
 !   une première table affiche les en-têtes mais n'a pas de corps, elle est suivie d'une seconde table pour laquelle 
 !   c'est l'inverse: les en-têtes sont présents (pour la largeur des colonnes) mais ne sont pas affichées (hauteur à zéro)
 !   par contre le corps est bien affiché
 ! JSF:
        ＜p:dataTable id="xxxx" styleClass="csa-p-datatable-flex" scrollable="true">
 ! HTML:
       ＜div id="form:xxxx" class="ui-datatable ui-widget ui-datatable-scrollable csa-p-datatable-flex">
              ＜div class="ui-widget-header ui-datatable-scrollable-header">
                    ＜div class="ui-datatablclasse-scrollable-header-box">
                         ＜table>
                               ＜thead>
                 ...
        ＜/div>
            ＜div class="ui-datatable-scrollable-body">
                    ＜table role="grid">
                         ＜thead class="ui-datatable-scrollable-theadclone" style="height: 0px;">
                               ＜tr>＜td> ... ＜/td>＜/tr>
                         ＜/thead>
                         ＜tbody id="form:xxxx_data" class="ui-datatable-data ui-widget-content">
                                ＜tr>＜td> ... ＜/td>＜/tr>
                         ＜/tbody>
                    ＜table>
              ＜/div>
       ＜/div>
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-datatable-flex, .csa-p-datatable-flex > .ui-datatable-tablewrapper {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-datatable-flex, .csa-p-datatable-flex > .ui-datatable-tablewrapper {
    flex: 1 0 0px;
  }
}

.csa-p-datatable-flex > .ui-datatable-scrollable-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-basis: 0;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-datatable-flex > .ui-datatable-scrollable-body {
    flex: 1 0 0px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! Panel
 ! JSF:
       ＜p:panel id="xxxx" styleClass="csa-p-panel">
 ! HTML:
      ＜div id="form:xxxx" class="ui-panel ui-widget ui-widget-content ui-corner-all">
            ＜div id="form:xxxx_content" class="ui-panel-content ui-widget-content">
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-panel {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5em;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-panel {
    flex: 1 0 0px;
  }
}

.csa-p-panel > div.ui-panel-content {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-panel > div.ui-panel-content {
    flex: 1 0 0px;
  }
}

.csa-p-panel-scroll-content > div.ui-panel-content {
  overflow: auto;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-panel-scroll-content > div.ui-panel-content {
    display: block;
  }
}

@supports not (-ms-high-contrast: none) {
  .csa-p-panel-scroll-content-except-ie11 > div.ui-panel-content {
    overflow: auto;
  }
}

.csa-p-panel-no-margin {
  margin: 0;
}

.csa-p-panel-no-padding, .csa-p-panel-no-padding > div.ui-panel-content {
  padding: 0;
}

.csa-p-panel-header-2 > div.ui-panel-titlebar {
  border: 1px solid #d8dcdf;
  background: #eeeeee;
  font-weight: bold;
  color: #4c545d;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! TabView
 ! JSF:
      ＜p:tabView id="xxxx" styleClass="csa-p-tabview">							
             ＜p:tab id="conf">
 ! HTML:
      ＜div id="form:xxxx" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-top csa-p-tabview">
            ＜ul class="ui-tabs-nav ui-helper-reset ui-widget-header ui-corner-all">
                  ＜li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top">＜a href="#form:xxxx:yyyy" tabindex="-1"> Onglet yyyy ＜/a>＜/li>
            ＜/ul>
                  ＜div class="ui-tabs-panels">
                        ＜div id="form:xxxx:yyyy" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-hidden="false">
                              ＜div id="form:xxxx:j_idt113" class="ui-outputpanel ui-widget">
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-tabview.ui-widget.ui-widget-content {
  border: 0;
}

.csa-p-tabview, .csa-p-tabview > div.ui-tabs-panels {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-tabview, .csa-p-tabview > div.ui-tabs-panels {
    flex: 1 0 0px;
  }
}

.csa-p-tabview > div.ui-tabs-panels > div.ui-tabs-panel {
  min-height: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-tabview > div.ui-tabs-panels > div.ui-tabs-panel {
    flex: 1 0 0px;
  }
}

.csa-p-tabview > div.ui-tabs-panels > div.ui-tabs-panel[aria-hidden="false"] {
  display: flex !important;
}

.csa-p-tabview > div.ui-tabs-panels > div.ui-tabs-panel > div.ui-outputpanel {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-tabview > div.ui-tabs-panels > div.ui-tabs-panel > div.ui-outputpanel {
    flex: 1 0 0px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! Dialog
 ! JSF:
      ＜p:dialog id="xxxx" styleClass="csa-p-dialog">							
 !        
 ! HTML:
      ＜div id="form:xxxx" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container ui-draggable ui-resizable csa-p-dialog">
            ＜div class="ui-dialog-content ui-widget-content">
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-dialog > div.ui-dialog-content {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-dialog > div.ui-dialog-content {
    flex: 1 0 0px;
  }
}

.csa-p-dialog-no-scroll > div.ui-dialog-content {
  overflow: hidden;
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! Wizard
 ! JSF:
      ＜p:wizard id="xxxx" styleClass="csa-p-wizard csa-frmk-layout-flex-col csa-frmk-layout-flex-grow-all">							
            ＜p:tab id="yyyy" title="YYYY">        
 ! HTML:
      ＜div id="form:xxxx" class="ui-wizard ui-widget csa-frmk-layout-flex-col csa-frmk-layout-flex-grow-all">
            ＜ul class="ui-wizard-step-titles ui-helper-reset ui-helper-clearfix">
                  ＜li class="ui-wizard-step-title ui-state-default ui-corner-all ui-state-highlight">YYYY</li>
            .../...
            ＜/ul>	
            ＜div id="form:xxxx_content" class="ui-wizard-content csa-frmk-layout-flex-col csa-frmk-layout-flex-grow-all">
            ... contenu de l'onglet actif ...
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-wizard, .csa-p-wizard > div.ui-wizard-content {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-wizard, .csa-p-wizard > div.ui-wizard-content {
    flex: 1 0 0px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! DataList
 ! JSF:
      ＜p:dataList styleClass="csa-p-datalist-content-border"> 						
 !             
 ! HTML:
      ＜div id="form:csa_distribution_distrib_depends" class="ui-datalist ui-widget csa-p-datalist-content-border">
            ＜div class="ui-datalist-header ui-widget-header ui-corner-top">
            Titre
            ＜/div>
      ＜div id="form:csa_distribution_distrib_depends_content" class="ui-datalist-content ui-widget-content"> 
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-datalist-content-border > div.ui-datalist-content {
  border: 1px solid #d8dcdf;
}

.csa-p-datalist-item {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.6em;
  display: inline;
  text-align: center;
  color: #cf0217;
  color: #888888;
  margin-right: 0.5em;
}
.csa-p-datalist-item::before {
  content: "\f111";
}

.csa-p-datalist-no-left-indent ul {
  padding-left: 0;
}

.csa-p-datalist-left-indent ul {
  padding-left: 0.5em;
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! FileUpload
 ! JSF:
      ＜p:fileUpload styleClass="csa-p-fileUpload"> 						
 !             
 ! HTML:
      ＜div class="ui-fileupload ui-widget ui-fileupload-responsive csa-p-fileupload">
            ＜<div class="ui-fileupload-buttonbar ui-widget-header ui-corner-top">
            // barre des boutons : Ajouter des fichiers, Tout télécharger, Tout supprimer
            ＜/div>
      ＜div class="ui-fileupload-content ui-widget-content ui-corner-bottom">
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-fileUpload {
  margin: 0;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-fileUpload {
    flex: 1 0 0px;
  }
}

.csa-p-fileUpload > div.ui-fileupload-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
@media all and (-ms-high-contrast: none) {
  .csa-p-fileUpload > div.ui-fileupload-content {
    flex: 1 0 0px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------
 ! PickList
 +----------------------------------------------------------------------------------------------------------------------------- */
.csa-p-picklist-hide-button-move-all button.ui-picklist-button-add-all {
  display: none;
}

.csa-p-picklist-hide-button-move-all button.ui-picklist-button-remove-all {
  display: none;
}

/*********************************************************************************************************************************
 * Badges
 ********************************************************************************************************************************/
.csa-frmk-badge {
  display: inline-block;
  padding: .25em .4em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

.csa-frmk-badge-success {
  color: #fefefe;
  background-color: #53db51;
}

.csa-frmk-badge-success::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  content: "\f00c";
}

.csa-frmk-badge-error {
  color: #fefefe;
  background-color: #dc3545;
}

.csa-frmk-badge-error::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  content: "\f00d";
}

.csa-frmk-badge-warning {
  color: #212529;
  background-color: #ff8c00;
}

.csa-frmk-badge-warning::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  content: "\f12a";
}

.csa-frmk-badge-none {
  color: #fefefe;
  background-color: #555555;
}

/*********************************************************************************************************************************
 * Formulaires de saisie
 ********************************************************************************************************************************/
.csa-frmk-fieldset > .ui-state-default {
  border: 0;
  background: none;
}

.csa-frmk-field-value {
  color: #333333;
  font-weight: bold;
  text-align: left;
}

.csa-frmk-field-displaying {
  max-width: 50em;
}

.csa-frmk-field-msg {
  padding: 0;
  width: unset;
}
.csa-frmk-field-msg .ui-message-error-summary {
  font-weight: normal;
}

.csa-frmk-field-lowercase {
  text-transform: lowercase;
}

.csa-frmk-field-lowercase {
  text-transform: lowercase;
}

.csa-frmk-field-strech {
  width: 100%;
}

.csa-frmk-field-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  display: inline-block;
}

/*
 *  Usage:
 *
      <div class="spinkit-wave">
        <div class="spinkit-rect spinkit-rect1"></div>
        <div class="spinkit-rect spinkit-rect2"></div>
        <div class="spinkit-rect spinkit-rect3"></div>
        <div class="spinkit-rect spinkit-rect4"></div>
        <div class="spinkit-rect spinkit-rect5"></div>
      </div>
 *
 */
.spinkit-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinkit-wave .spinkit-rect {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: spinkit-waveStretchDelay 1.2s infinite ease-in-out;
}
.spinkit-wave .spinkit-rect1 {
  animation-delay: -1.2s;
}
.spinkit-wave .spinkit-rect2 {
  animation-delay: -1.1s;
}
.spinkit-wave .spinkit-rect3 {
  animation-delay: -1s;
}
.spinkit-wave .spinkit-rect4 {
  animation-delay: -0.9s;
}
.spinkit-wave .spinkit-rect5 {
  animation-delay: -0.8s;
}

@keyframes spinkit-waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
/*********************************************************************************************************************************
 * En-pied du template de base
 ********************************************************************************************************************************/
.csa-app-footer {
  color: #cf0217;
  font-weight: 500;
  padding-top: 0.25em;
  padding-right: 2em;
  justify-content: flex-end;
}

/*********************************************************************************************************************************
 * Font pour la saisie masquée des mots de passe
 ********************************************************************************************************************************/
/* Adobe NotDef Regular Font */
@font-face {
  font-family: 'NotDef';
  src: url("/CSAdmin/javax.faces.resource/fonts/notdef-v1.001-carl-1/notdef-v1.001-carl-1-regular.otf.xhtml?ln=default&v=5_4_1");
}
input.ui-widget.csa-app-common-password {
  font-family: 'NotDef';
}

span.csa-app-common-password {
  font-family: 'NotDef';
}

/*********************************************************************************************************************************
 * tailles des champs de saisies (remplace l'attribut size qui définie la largeur du champ en nomnbre de caractères dans la font
 * du champ ce qui produit des variations intempestives dans l'affichage suivant la police utilisée).
 ********************************************************************************************************************************/
.csa-app-common-input-size-tiny {
  width: 5rem;
}

.csa-app-common-input-size-small {
  width: 10rem;
}

.csa-app-common-input-size-small-plus {
  width: 15rem;
}

.csa-app-common-input-size-medium {
  width: 25rem;
}

.csa-app-common-input-size-large {
  width: 50rem;
}

/*********************************************************************************************************************************
 * styles communs à plusieurs vues > paddings et margins
 ********************************************************************************************************************************/
.csa-app-common-padding-all {
  padding: 0.5em;
}

.csa-app-common-padding-horiz {
  padding: 0em 0.5em;
}

.csa-app-common-margin-north {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.csa-app-common-margin-east {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.5em;
}

.csa-app-common-margin-west {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0;
}

.csa-app-common-margin-center {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.csa-app-common-margin-south {
  margin-top: 0;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.csa-app-common-margin-messages {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*********************************************************************************************************************************
 * styles communs à plusieurs vues > en-têtes
 ********************************************************************************************************************************/
.csa-app-common-header-content {
  padding-left: 0.5em;
  font-size: 1.5em;
}

.csa-app-common-header-1 {
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 0.5em;
  margin-left: 0.5em;
  padding-left: 0.5em;
  color: #4c545d;
  display: inline-block;
}

.csa-app-common-header-2 {
  border: 1px solid #d8dcdf;
  background: #eeeeee;
  font-weight: bold;
  color: #4c545d;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
}

.csa-app-common-header-3 {
  font-weight: bold;
  color: #4c545d;
}

/*********************************************************************************************************************************
 * styles communs à plusieurs vues > enpied
 ********************************************************************************************************************************/
.csa-app-common-footer {
  background-color: #cf0217;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0.25em 1em;
  margin-top: 1em;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.csa-app-common-footer > button {
  margin-left: 2em;
}

/*********************************************************************************************************************************
 * styles communs à plusieurs vues > texte
 ********************************************************************************************************************************/
.csa-app-common-center {
  text-align: center;
}

.csa-app-common-message-info {
  color: #4c545d;
}

.csa-app-common-message-warning {
  color: #ff8c00;
}

.csa-app-common-message-error {
  color: #dc3545;
}

.csa-app-common-checkbox-label {
  padding-left: 0.25em;
}

.csa-app-common-indent-right {
  margin-left: 1.5em;
}

.csa-app-common-margin-left {
  margin-left: 0.5em;
}

sup.csa-app-common-registered::before {
  content: "\00ae";
}

/*********************************************************************************************************************************
 * styles communs à plusieurs vues > icônes
 ********************************************************************************************************************************/
.csa-app-common-star-link-on {
  width: 1.2em;
  color: #1779ba;
}

.csa-app-common-star-link-off {
  width: 1.2em;
  color: gray;
}

.csa-app-common-field-required::before {
  color: #cf0217;
  content: "\f069";
  font-size: 0.6em;
}

.csa-app-common-info::before {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
  display: inline;
  text-align: center;
  color: #cf0217;
  content: "\f05a";
  color: #4c545d;
  padding-right: 0.5em;
}

.csa-app-common-warning::before {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
  display: inline;
  text-align: center;
  color: #cf0217;
  content: "\f071";
  color: #ff8c00;
  padding-right: 0.5em;
}

.csa-app-common-error::before {
  background-image: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
  display: inline;
  text-align: center;
  color: #cf0217;
  content: "\f00d";
  color: #dc3545;
  padding-right: 0.5em;
}

.csa-app-common-waiting::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 1.8em;
  color: #555555;
  content: "\f110";
  margin-right: 0.5em;
  text-align: center;
}

a.csa-app-common-icon-link {
  text-decoration: none;
}

/*********************************************************************************************************************************
 * Login
 ********************************************************************************************************************************/
.csa-app-login-dialog-wrapper {
  height: 100%;
  text-align: center;
}

.csa-app-login-dialog {
  margin: auto;
  min-width: 20rem;
  display: inline-block;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.csa-app-login-logo {
  background-image: url("/CSAdmin/javax.faces.resource/images/csadmin_logo.svg.xhtml?ln=primefaces-blitzer");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 9em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.csa-app-login-fieldset {
  padding: 1em;
  border-top: 1px solid #d8dcdf;
  text-align: center;
}

.csa-app-login-fieldset > div {
  margin-top: 1em;
}

.csa-app-login-fieldset .fa {
  color: #cf0217;
}

.csa-app-login-footer {
  margin-top: 2em;
}

/*********************************************************************************************************************************
 * Menu
 ********************************************************************************************************************************/
.csa-app-menu-logo {
  background-image: url("/CSAdmin/javax.faces.resource/images/csadmin_logo.svg.xhtml?ln=primefaces-blitzer");
  background-repeat: no-repeat;
  background-size: auto 36px;
  background-position: 0.3em center;
}

.csa-app-menu-logo .ui-menu-list {
  padding-left: 80px;
}

.csa-app-menu-username {
  font-weight: normal;
  font-weight: bold;
  margin-right: 0.5em;
}

.csa-app-menu-deconnect-link {
  text-decoration: none;
  float: right;
}

/*********************************************************************************************************************************
 * A propos de
 ********************************************************************************************************************************/
.csa-app-about-logo {
  background-image: url("/CSAdmin/javax.faces.resource/images/csadmin_logo.svg.xhtml?ln=primefaces-blitzer");
  background-repeat: no-repeat;
  background-position: center;
  height: 90px;
  margin: 1em;
}

.csa-app-about-copyright {
  border-top: 1px solid #d8dcdf;
  margin-top: 0.5em;
  text-align: right;
}

/*********************************************************************************************************************************
 * Log
 ********************************************************************************************************************************/
.csa-app-log-display-iframe {
  height: 100%;
  width: 100%;
  border: 0;
}

.csa-app-log-level-error {
  color: #dc3545;
}

.csa-app-log-level-info {
  color: #53db51;
}

.csa-app-log-table.ui-datatable-resizable tbody td {
  white-space: unset;
}

.csa-app-log-table-col-date {
  width: 10em;
}

.csa-app-log-table-col-context {
  width: 40em;
}

.csa-app-log-table-col-level {
  width: 5em;
  text-align: center;
}

/*********************************************************************************************************************************
 * vue des Paramètres
 ********************************************************************************************************************************/
.csa-app-param-header {
  background: #aaaaaa;
}

.csa-app-param-name {
  color: #669966;
  font-size: 80%;
}

/*********************************************************************************************************************************
 * vue des Equipements > détail de l'équipement sélectionné (panel east)
 ********************************************************************************************************************************/
.csa-app-equipment-title > img {
  vertical-align: middle;
}

.csa-app-equipment-title > span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.5em;
}

.csa-app-equipment-detail-panel {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.csa-app-equipment-no-icon {
  display: inline;
}

.csa-app-equipment-no-icon > i {
  display: inline-block;
  width: 1.2em;
}

.csa-app-equipment-auto-icon {
  display: inline;
}

.csa-app-equipment-auto-icon > i {
  width: 1.2em;
  color: gray;
}

.csa-app-equipment-interpolable {
  color: #1779ba;
}

.csa-app-equipment-interpolable-editing {
  margin-left: 2em;
}

.csa-app-equipment-message-puce {
  vertical-align: middle;
  font-size: 0.5rem;
  padding-right: 0.25rem;
}

a.csa-app-equipment-prop-link {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  color: #1779ba;
}
a.csa-app-equipment-prop-link::before {
  content: "\f08e";
  padding-right: 0.25em;
}

.csa-app-equipment-breadcrumb-info-icon {
  padding-left: 0.25em;
}
.csa-app-equipment-breadcrumb-info-icon::before {
  color: #ffffff;
}

.csa-app-equipment-entity-type-img {
  height: 48px;
}

.csa-app-equipment-appli-touch-fieldset {
  background-image: url("/CSAdmin/javax.faces.resource/images/carltouch_logo.svg.xhtml?ln=primefaces-blitzer");
  background-repeat: no-repeat;
  background-size: auto 2em;
  background-position: top right;
  background-origin: content-box;
}

/*********************************************************************************************************************************
 * vue des Equipements > statut d'un équipement dans l'arborescence
 ********************************************************************************************************************************/
.csa-app-equipment-status {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.25em;
  border: 3px solid #e6e6e6;
}

.csa-app-equipment-status.UP {
  background: #53db51;
}

.csa-app-equipment-status.UNSTEADY, .csa-app-equipment-status.UP_WARN, .csa-app-equipment-status.UP_ERR {
  background: #ff8c00;
}

.csa-app-equipment-status.DOWN {
  background: #dc3545;
}

/*********************************************************************************************************************************
 * vue des Equipements > affichage d'un équipement dans l'arborescence
 ********************************************************************************************************************************/
.csa-app-equipment-tree li {
  line-height: 0.25em;
}
.csa-app-equipment-tree li.ui-treenode-children > li.ui-treenode {
  padding: 3px 0 0 0;
}

.csa-app-equipment-tree-type-img {
  margin: 0px 3px 0px 0px;
  height: 32px;
}

.csa-app-equipment-tree-proto-badge-wrapper {
  margin-right: 0.25em;
  vertical-align: super;
}

.csa-app-equipment-tree-proto-badge-wrapper > span {
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;
  font-size: 0.9em;
  display: inline-block;
  padding: .2em;
  background: #1779ba;
  color: #fefefe;
  text-align: center;
  font-weight: bold;
  vertical-align: super;
  line-height: 1;
}
.csa-app-equipment-tree-proto-badge-wrapper > span::before {
  content: "P";
}

span.csa-app-equipment-tab-badge {
  vertical-align: bottom;
}

.csa-app-equipment-tree-locked {
  color: #dc3545;
}

.csa-app-equipment-tree-locked-by-me {
  color: #53db51;
}

.csa-equipment-tree-node-name {
  vertical-align: text-top;
}

.csa-equipment-tree-node-status {
  vertical-align: super;
}

/*********************************************************************************************************************************
 * vue des Equipements > statut d'un équipement dans le panel statut sous le détail
 ********************************************************************************************************************************/
.csa-app-equipment-status-message-severity.ERR::before {
  content: "\f057";
  color: #dc3545;
}

.csa-app-equipment-status-message-severity.WARN::before {
  content: "\f071";
  color: #ff8c00;
}

.csa-app-equipment-status-panel {
  margin: 0;
  word-break: break-all;
}

.csa-app-equipment-status-panel-inner {
  padding-left: 0.75rem;
  padding-top: 0.5rem;
}

/*********************************************************************************************************************************
 * vue des Equipements > Application (Cluster ou Instance)
 ********************************************************************************************************************************/
.csa-app-equipment-appli-keystore-picklist.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
  width: 48%;
}
.csa-app-equipment-appli-keystore-picklist.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 4%;
}

.csa-app-equipment-appli-keystore-store-entry {
  width: 9em;
  padding: 0;
}

.csa-app-equipment-appli-keystore-cert-entry {
  padding: 0;
}

/*********************************************************************************************************************************
 * vue des Equipements > Cluster Elastic Administré
 ********************************************************************************************************************************/
.csa-app-equipment-esclusterunmng-hostName-list {
  width: max-content;
}

.csa-app-equipment-esclusterunmng-hostName-entry {
  padding-right: 2em;
}

.csa-app-equipment-esclusterunmng-hostName {
  margin-top: 0.5em;
}

.csa-app-equipment-esclusterunmng-hostName > input {
  margin-left: 0.5em;
}

.csa-app-equipment-esclusterunmng-hostName > button {
  margin-left: 0.5em;
}

/*********************************************************************************************************************************
 * vue des Equipements > Noeud Elastic
 ********************************************************************************************************************************/
.csa-app-equipment-esnode-cert-secure {
  color: #53db51;
}

.csa-app-equipment-esnode-cert-unsecure {
  color: #dc3545;
}

/*********************************************************************************************************************************
 * vue des Equipements > Bucket S3
 ********************************************************************************************************************************/
.csa-app-equipment-s3bucket-datatable table {
  width: auto;
}

.csa-app-equipment-s3bucket-datatable .ui-cell-editor-input {
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.csa-app-equipment-s3bucket-datatable .ui-cell-editor-input input {
  width: fit-content;
}

.csa-app-equipment-s3bucket-remove-button {
  border: none !important;
  background: none !important;
}

.csa-app-equipment-s3bucket-add-button {
  margin-top: 1em;
}

/*********************************************************************************************************************************
 * vue des Equipements > Magasin de clé
 ********************************************************************************************************************************/
.csa-app-equipment-keyshop-certificate {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
}

.csa-app-equipment-keyshop-certinfos {
  background-color: #4c4c4c;
  color: #ffffff;
}

.csa-app-equipment-keyshop-certificate-tooltip {
  width: 50em;
}

/*********************************************************************************************************************************
 * vue des Equipements > Dialog Configuration Loadbalanceur Apache httpd
 ********************************************************************************************************************************/
.csa-app-equipment-reverseProxyConfig-apacheConfJson {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
}

.csa-app-equipment-reverseProxyConfig-apacheConfInfos {
  background-color: #4c4c4c;
  color: #ffffff;
}

.csa-app-equipment-reverseProxyConfig-apacheConf-downloadColor {
  color: #53db51;
}

/*********************************************************************************************************************************
 * vue des Equipements > action ADD
 ********************************************************************************************************************************/
.csa-app-equipment-action-add-fieldset > .ui-fieldset-content {
  margin: 0;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.csa-app-equipment-action-add-fieldset > .ui-fieldset-content a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  text-align: center;
}
@media all and (-ms-high-contrast: none) {
  .csa-app-equipment-action-add-fieldset > .ui-fieldset-content a {
    flex: 1 0 0px;
  }
}

.csa-app-equipment-action-add-type-img {
  height: 48px;
}

.csa-app-equipment-action-add-legal-notice-link {
  flex-grow: 1;
  text-align: right;
}
.csa-app-equipment-action-add-legal-notice-link > div {
  margin-top: auto;
  font-style: italic;
  font-size: 0.95em;
}

/*********************************************************************************************************************************
 * vue des Equipements > action DEPLOY
 ********************************************************************************************************************************/
.csa-app-equipment-action-deploy-distrib-status-INSTALL, .csa-app-equipment-action-deploy-distrib-status-UPGRADER {
  color: #1779ba;
}

.csa-app-equipment-action-deploy-distrib-status-UPGRADED, .csa-app-equipment-action-deploy-distrib-status-NONE {
  color: gray;
}

.csa-app-equipment-action-deploy-distrib-status-UNINSTALL {
  text-decoration: line-through;
}

.csa-app-equipment-action-deploy-distrib-status-UPGRADABLE {
  color: gray;
  font-style: italic;
}

@supports not (-ms-high-contrast: none) {
  .csa-app-equipment-action-deploy-log-panel {
    margin: 0;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  @media all and (-ms-high-contrast: none) {
    .csa-app-equipment-action-deploy-log-panel {
      flex: 1 0 0px;
    }
  }
}

@supports not (-ms-high-contrast: none) {
  .csa-app-equipment-action-deploy-log-panel > div.ui-panel-content {
    margin: 0;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  @media all and (-ms-high-contrast: none) {
    .csa-app-equipment-action-deploy-log-panel > div.ui-panel-content {
      flex: 1 0 0px;
    }
  }
}

.csa-app-equipment-action-deploy-tree-config-root ul.ui-tree-container > li > span > span.ui-tree-toggler {
  display: none;
}

.csa-app-equipment-action-deploy-tree-display-mode-none span > span.ui-tree-toggler {
  visibility: hidden;
}

.csa-app-equipment-action-deploy-icon-newer-exists {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.csa-app-equipment-action-deploy-icon-newer-exists::before {
  content: "\f01b";
  color: #ff8c00;
}

.csa-app-equipment-action-deploy-icon-new-patchs-selected {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.csa-app-equipment-action-deploy-icon-new-patchs-selected::before {
  content: "\f145";
  color: #ff8c00;
}

/*********************************************************************************************************************************
 * vue des Equipements > action RESTORE
 ********************************************************************************************************************************/
.csa-app-equipment-action-restore-backup-table thead th,
.csa-app-equipment-action-restore-backup-table tbody td {
  white-space: normal;
  word-break: break-all;
}

@supports not (-ms-high-contrast: none) {
  .csa-app-equipment-action-restore-backup-table, .csa-app-equipment-action-restore-backup-table > .ui-datatable-tablewrapper {
    margin: 0;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  @media all and (-ms-high-contrast: none) {
    .csa-app-equipment-action-restore-backup-table, .csa-app-equipment-action-restore-backup-table > .ui-datatable-tablewrapper {
      flex: 1 0 0px;
    }
  }
}

@supports not (-ms-high-contrast: none) {
  .csa-app-equipment-action-restore-backup-table > .ui-datatable-scrollable-body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: 0;
  }
  @media all and (-ms-high-contrast: none) {
    .csa-app-equipment-action-restore-backup-table > .ui-datatable-scrollable-body {
      flex: 1 0 0px;
    }
  }
}

input.csa-app-equipment-action-restore-dirstorage {
  width: 90%;
}

.csa-app-equipment-action-restore-dirstorage-warning {
  float: right;
}

/*********************************************************************************************************************************
 * vue des Equipements > action EXTRACTLANG
 ********************************************************************************************************************************/
.csa-app-equipment-action-extractlang-confcsv-other-cell-sep {
  width: 1em;
}

.csa-app-equipment-action-extractlang-term-count {
  text-align: right;
}

/*********************************************************************************************************************************
 * vue des Equipements > action CONVERTDB
 ********************************************************************************************************************************/
.csa-app-equipment-action-convertdb-datasource-noselectable {
  font-style: italic;
}

/*********************************************************************************************************************************
 * vue des Equipements > action IMPORT
 ********************************************************************************************************************************/
.csa-app-equipment-action-import-type-img {
  margin: 0px 0.5em 0px 0px;
  height: 32px;
  vertical-align: middle;
}

.csa-app-equipment-action-import-data-content {
  margin-top: 2em;
}

/*********************************************************************************************************************************
 * vue des Equipements > progression de l'exécution d'une action
 ********************************************************************************************************************************/
.csa-app-equipment-action-progress-aborted {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8em;
  color: #dc3545;
}
.csa-app-equipment-action-progress-aborted::before {
  content: "\f057";
}

.csa-app-equipment-action-progress-warning {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8em;
  color: #ff8c00;
}
.csa-app-equipment-action-progress-warning::before {
  content: "\f071";
}

.csa-app-equipment-action-progress-completed {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8em;
  color: #53db51;
}
.csa-app-equipment-action-progress-completed::before {
  content: "\f00c";
}

.csa-app-equipment-action-progress-started {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 1.8em;
  color: #555555;
}
.csa-app-equipment-action-progress-started::before {
  content: "\f110";
}

#csa_equipment_action_progress_error_panel {
  overflow: auto;
}

/*# sourceMappingURL=style.css.map */