/* OLD jQuery.layout.1.4.3.css, this section should be carefully removed */

/*! jQuery UI - v1.10.4 - 2014-02-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2C%20Helvetica%2C%20sans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0px&bgColorHeader=%23dddddd&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%230065a6&fcHeader=%23222222&iconColorHeader=%23ec875e&bgColorContent=%23fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=%230065a6&fcContent=%23222222&iconColorContent=%23ec875e&bgColorDefault=%23dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=%236da8d5&fcDefault=%23222222&iconColorDefault=%23ec875e&bgColorHover=%23d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23dd5219&fcHover=%23dd5219&iconColorHover=%23dd5219&bgColorActive=%230065a6&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%230065a6&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%230065a6&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%230065a6&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%23ec875e&bgTextureError=flat&bgImgOpacityError=100&borderColorError=%23dd5219&fcError=%23222222&iconColorError=%23ffffff&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px !important;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {

}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("/seveso/javax.faces.resource/images/jquery-ui/animated-overlay.gif.xhtml");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {

    padding: 7px !important;
    margin: 7px !important;

    box-shadow: none !important;
    background: none !important;
    border: none !important;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    background: none !important;
    background-color: #fed334 !important;
    border: 1px solid #fed334 !important;
    color: black !important;
}

body .ui-tooltip {
    border-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #0065a6;
    background: #fcfdfd url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png.xhtml") 50% bottom repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #0065a6;
    color: #222222;
    font-weight: normal;
}

.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #6da8d5;
    background: #dfeffc url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_85_dfeffc_1x400.png.xhtml") 50% 50% repeat-x;
    font-weight: normal;
    color: #222222;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #222222;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #dd5219 !important;
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x;
    font-weight: normal;
    color: #dd5219
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #dd5219;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #0065a6;
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x;
    font-weight: normal;
    color: #dd5219;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dd5219 !important;
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x !important;
    font-weight: normal;
    color: #dd5219;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #ffffff;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #dd5219;
    background: #ec875e url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_flat_100_ec875e_40x100.png.xhtml") 50% 50% repeat-x;
    color: #222222;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #222222;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #222222;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .5;
    filter: Alpha(Opacity=50);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=50); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ec875e_256x240.png.xhtml");
}

.ui-widget-header .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ec875e_256x240.png.xhtml");
}

.ui-state-default .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ec875e_256x240.png.xhtml");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_dd5219_256x240.png.xhtml");
}

.ui-state-active .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_dd5219_256x240.png.xhtml");
}

.ui-state-highlight .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_dd5219_256x240.png.xhtml");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ffffff_256x240.png.xhtml");
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ffffff_256x240.png.xhtml") !important;
}

.ui-fieldset-toggler.ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ffffff_256x240.png.xhtml") !important;
}

.ui-dialog-titlebar-icon .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_ffffff_256x240.png.xhtml") !important;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    background: none !important;
    border: 1px solid transparent !important;

}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover .ui-icon {
    background-image: url("/seveso/javax.faces.resource/images/jquery-ui/ui-icons_dd5219_256x240.png.xhtml") !important;
}

.ui-widget-content.fieldsetRed {
    border: 1px solid #EC875E !important;
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png.xhtml") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png.xhtml") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

/* OLD jQuery.layout.1.4.3.css, this section should be carefully removed */

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
	JABBA StyleSheet
*/

/* COMMON -------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

/* BGCOLOR ------------------------------------------------------------------ */

.bgColorLeftMenu, .bgColorLeftPanel {
    background-color: white !important;
}

.bgColorLeftPanelLinks {
    background-color: #313b3f !important;
    color: white !important;
}

.bgColorRightPanel {
    background-color: white !important;
}

.bgColorContent {
    background-color: white !important; /*6d6e71 454545*/
}

.bgColorToolbar {
    background: -webkit-linear-gradient(#dddddd, #bfbfbf) !important;
    background: -o-linear-gradient(#dddddd, #bfbfbf) !important;
    background: -moz-linear-gradient(#dddddd, #bfbfbf) !important;
    background: linear-gradient(#dddddd, #bfbfbf) !important;
}

.bgTransparent {
    background-color: transparent !important;
}

.bgColorBottomPanel {
    background-color: #f2f2f2 !important;
}

/* LAYOUT -------------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    height: 100%;
    /* BODY BACKGROUND */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

table, table td {
    font-size: 13px !important;
}

fieldset {
    padding: 10px;
    width: 98%;
}

h1 {
    font-size: 16px;
    color: #0065a6;
    margin-bottom: 5px;
}

#wrapper {
    min-height: 100%;
    margin: 0 0 -50px 0;
}

#header {
    margin-top: 0px;
}

#push {
    height: 80px;
    clear: both;
}

#footer {
    height: 50px;
}

img {
    border: none;
}

a {
    color: #dd5219;
    text-decoration: none;
}

a:hover {
    color: #dd5219;
    text-decoration: underline;
    cursor: pointer !important;
}

.rightButton {
    float: right;
}

#contentHome {
    margin: 5px;
}

#content {
    margin: 5px;
}

#leftPanel {
    margin: 5px;
}

#rightPanel {
    margin: 5px;
}

.bold {
    font-weight: bold;
}

.right {
    vertical-align: right;
}

/* HEADER -------------------------------------------------------------------  */

/* HEADER TOP BAR */
#header-topbar {
    background: #000000;
    opacity: 0.69;
    -moz-opacity: 0.69;
    -ms-filter: "alpha(opacity=69)"; /* IE 8 */
    filter: alpha(opacity=69); /* IE < 8 */
    height: 34px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#header-topbar-links li {
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 30px;
    font-weight: normal;
}

#header-topbar-links li.firstLink {
    padding-left: 43px;
}

#header-topbar-links li a {
    color: #ccc;
    text-decoration: none;
}

#header-topbar-links li a:hover {
    color: white;
}

#header-topbar-logout {
    float: right;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 5px;
    display: table;
}

#header-topbar-logout a {
    color: #ffffff;
    text-decoration: none;
}

#header-topbar-logout a:hover {
    text-decoration: underline;
}

#headerForm-selectOneMenuGroups {
    opacity: 0.9 !important;
}

/* HEADER BANNER */

#header-banner-logo {
    width: 170px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1000;
}

#header-banner-logo-right {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 47px;
    right: 17px;
    z-index: 100;
}

#header-banner-title {
    position: absolute;
    left: 200px;
    top: 38px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0;
    color: #049F9C;
}

#header-banner-title span.stitle {
    color: white;
}

#header-banner-stitle {
    position: absolute;
    left: 260px;
    top: 18px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #000;
    white-space: normal;
    line-height: 18px;
    margin-right: 35px;
}

#header-banner-breadcrumb {
    position: absolute;
    left: 310px;
    top: 75px;
    color: #fed334;
    font-size: 13px;
    font-weight: normal;
    z-index: 99999;
}

#header-banner-breadcrumb a {
    color: #D64F13;
    text-decoration: none;
}

#header-banner-breadcrumb a:hover {
    color: #D64F13 !important;
    text-decoration: underline;
}

.header-banner-version {
    position: absolute;
    right: 40px;
    top: 30px;
    color: #dd5219;
    font-weight: bold;
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x !important;
    padding: 5px;
    border: 1px solid white;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}

#header-banner-groups {
    text-transform: none !important;
    display: table-cell;
}

#header-banner-etablissements {
    text-transform: none !important;
    display: table-cell;
    margin-right: 15px;
}

#header-banner-user {
    display: table-cell;
    color: white;
    text-transform: uppercase;
    vertical-align: middle;
    padding-left: 15px;
}

#header-banner-logout {
    display: table-cell;
    padding-left: 15px;
}

.oidcButton {
    margin-top: -17px;
}

.logoutButton {
    margin-top: -17px;
}

#header-bottom {
    height: 3px;
    /*SPW*/
    background: url("/seveso/javax.faces.resource/images/SPW/header-bottom.png.xhtml") repeat-x;
}

/* FORM ----------------------------------------------------------------- */

.nobr {
    white-space: nowrap;
}

input.fullSizeInput, textarea.fullSizeInput {
    width: 98%;
}

span.fullSizeInput input {
    width: 98%;
}

/* FOOTER ------------------------------------------------------------------ */
#footer {
    background: #1a4278;
    border-top: 4px solid white;
}

#footer-logo {
    background: url("/seveso/javax.faces.resource/images/SPW/logoCoq.png.xhtml") no-repeat;
    height: 37px;
    width: 37px;
    position: absolute;
    top: 10px;
    left: 50px;
}

#footer-links {
    padding: 0 0 0 120px;
}

#footer-links li {
    display: block;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 20px;
    line-height: 30px;
    border-right: 1px solid #aaaaaa;
}

#footer-links li:last-child {
    border-right: 0;
}

#footer-links li a {
    color: #fff;
    text-decoration: none;
}

#footer-links li a:hover {
    text-decoration: underline;
}

#footer-scrollTop {
    float: right;
    margin: 5px 0 0 0;
    padding: 0 80px 0 0;
    line-height: 30px;
    color: white !important;
}

#footer-scrollTop a {
    color: #fff;
    text-decoration: none;
}

#footer-scrollTop a:hover {
    text-decoration: underline;
}

.footerAction {
    padding: 8px;
}

.footerAction button {
    margin-right: 8px;
}

.footerActionLeft {
    float: left;
}

.footerActionRight {
    float: right;
}

/* LEFT PANEL MENU ------------------------------------------------------------------ */

#navMenu {
    letter-spacing: 1px;
    width: 228px;
    padding: 0;
    margin: -5px;
    margin-left: -15px;
}

#navMenu .ui-commandlink {
    color: #313280;
}

#navMenu ul li {
    font-weight: normal;
    font-size: 16px;
    color: #082265;
}

#navMenu ul li ul li a {
    font-size: 13px;
    font-weight: normal;
    color: #dd5219 !important;
}

#navMenu ul li {
    display: block;
    text-indent: 20px;
    line-height: 32px;
    list-style: none !important;
}

#navMenu ul li ul li {
    text-indent: 40px;
}

#navMenu ul li.current a {
    color: white !important;
    background-color: #ec875e !important;
}

#navMenu ul li a {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    cursor: default !important;
}

#navMenu ul li a:hover, #navMenu ul li ul li a:hover {
    display: block !important;
    color: white !important;
    background-color: #ec875e !important;
    cursor: pointer !important;
}

/* DROPDOWN MENU ICON RIGHT ------------------------------------------------------------------ */
#menuIconRight, #menuIconRight ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    display: inline;
    position: absolute;
    right: 12px;
    margin-top: 2px;
    z-index: 1000;
}

#menuIconRight a {
    display: block;
    padding: 0;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: white;
    color: #222;
    text-decoration: none;
    width: 110px;
    font-size: 13px;
}

#menuIconRight li ul {
    position: absolute;
    width: 110px;
    left: -999em;
    margin: 0;
    padding: 0;
    margin-left: -11px;
    margin-top: 0px;

    border: 1px solid white;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */

    box-shadow: 0 1px 5px #CCCCCC;
}

#menuIconRight li ul li {
    margin: -1px;
    padding: 0;
    border: 1px solid transparent;
}

#menuIconRight li ul ul {
    margin: -20px 0px 0px -177px;
    border-left: 1px solid #fff;
    box-shadow: 0 1px 5px #CCCCCC;
}

#menuIconRight a:hover {
    color: #000;
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x !important;
}

#menuIconRight li:hover ul ul {
    left: -999em;
}

#menuIconRight li:hover ul, #menuIconRight li li:hover ul {
    left: auto;
    min-height: 0;
}

#menuIconRight li ul li:hover {
    border: 1px solid transparent;
}

#menuIconRight a.arrow {
    background: #2e4661 url(../images/arrowWhiteLeft.gif) no-repeat left center;
}

#menuIconRight a.arrow:hover {
    background: #afcddd url(../images/arrowBlueLeft.gif) no-repeat left center;
}

ul#menuIconRight li {
    margin: 0;
    padding: 0;
    padding-right: 10px;
    padding-top: 2px;
    float: left;
    cursor: pointer;
}

ul#menuIconRight li span {
    width: 24px;
    height: 24px;
    display: block;
}

ul#menuIconRight li:hover {

}

ul#menuIconRight li a img {
    margin: 5px;
}

/* MENU DROPDOWN ------------------------------------------------------------------ */
#menu-header {
    position: absolute;
    top: 78px;
    left: 128px;
}

ul#menu li {
    display: block;
    float: left;
    font-weight: normal;
}

ul#menu li:hover {
    background: none;
}

#menu, #menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu li a.parent {
    padding: 5px !important;
    color: #fed334;
    text-decoration: none;
    margin: 20px;
    margin-right: 10px;
    display: block;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#menu li a.parent:hover, #menu li a.parent.current {
    padding: 4px;
    color: black;
    background-color: white;
    display: block;
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid transparent !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}

#menu li a.parent.current {
    cursor: default;
}

#menu li ul a {
    display: block;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding: 5px;
    background-color: white;
    color: #000;
    text-decoration: none;
    width: 175px;
}

#menu li ul {
    position: absolute;
    width: 185px;
    left: -999em;
    margin: 0;
    padding: 0;
    margin-left: 20px;
    margin-top: -20px;

    border: 1px solid white;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

    box-shadow: 0 1px 5px #CCCCCC;
}

#menu li ul li {
    margin: -1px;
    padding: 0;
    border: 1px solid transparent;
}

#menu li ul ul {
    margin: -25px 0px 0px 186px;
    border-left: 1px solid #fff;
}

#menu li ul a:hover {
    color: #000;
    background-color: #d0e5f5;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
    left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
    left: auto;
}

#menu li ul li:hover {
    border: 1px solid transparent;
}

#menu a.arrow {
    background: white url("/seveso/javax.faces.resource/images/menu/arrowBlue.gif.xhtml") no-repeat right center;
}

#menu a.arrow:hover {
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/menu/arrowOrange.gif.xhtml") no-repeat right center;
}

/* TOOLBAR ------------------------------------------------------------------ */

ul.icon, ul.iconExport, ul.iconRight, ul.iconExportTab {
    display: inline;
    position: relative;
    overflow: hidden; /* required to CONTAINER 'floating li' in FF */
    margin: 0;
    padding: 0px;
    padding-left: 0px;
    list-style: none;
    text-align: left;
}

ul.icon, ul.iconExport, ul.iconRight, ul.iconExportTab, ul.iconHelp {
    position: absolute !important;
    top: 1px !important;
    height: 36px;
}

ul.icon {
    left: 20px !important;
}

ul.iconExport {
    top: 13px !important;
    right: 20px;
}

ul.iconExportTab {
    top: 33px !important;
    right: 20px;
}

ul.iconRight {
    right: 50px !important;
}

ul.iconHelp {
    right: 10px !important;
}

ul.icon li, ul.iconExport li, ul.icon2 li, ul.iconRight li, ul.iconExportTab li, ul.iconHelp li {

    font-size: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: -3px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    padding-top: 4px;
    float: left;
    color: #000;
    border: 1px solid transparent;
    cursor: pointer;
}

ul.icon li span, ul.iconExport li span, ul.icon2 li span, ul.iconRight li span, ul.iconExportTab li span, ul.iconHelp li span {
    /* icons in toolbar */
    width: 24px;
    height: 24px;
    margin-left: -3px;
    margin-right: -2px;
    margin-bottom: 5px;
    vertical-align: middle;
    display: block;
    display: inline-block;
}

ul.icon li:hover, ul.icon li.selected, ul.iconExport li:hover, ul.iconExport li.selected, ul.icon2 li:hover, ul.icon2 li.selected, ul.iconRight li:hover, ul.iconRight li.selected, ul.iconExportTab li:hover, ul.iconExportTab li.selected, ul.iconHelp li:hover {
    background: #d0e5f5 url("/seveso/javax.faces.resource/images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png.xhtml") 50% 50% repeat-x !important;
}

ul.icon li.noSelection:hover, ul.iconHelp li.noSelection:hover {
    background: none !important;
    /*background: none;*/
    border: 1px solid transparent;
}

ul.iconExport li:hover, ul.iconExport li.selected, ul.iconExportTab li:hover, ul.iconExportTab li.selected, ul.iconHelp li.selected {
    background: none;
    border: 1px solid transparent;
}

ul.icon li.selected, ul.iconExport li.selected, ul.iconHelp li.selected {
    cursor: default;
}

ul.iconHelp {
    list-style-type: none;
    list-style-image: none !important;
}

/* ICONS ------------------------------------------------------------------ */

/* TOOLBAR LEFT ICONS */
#logout span:hover {
    opacity: 0.9;
}

/* TOOLBAR RIGHT ICONS */

span.icon-consultation-map {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url("/seveso/javax.faces.resource/images/consultation/map2.png.xhtml") no-repeat center;
}

span.icon-consultation-flag {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url("/seveso/javax.faces.resource/images/consultation/flag2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-sante-haut {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/sante-haut2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-sante-bas {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/sante-bas2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-environnement-haut {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/environnement-haut2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-environnement-bas {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/environnement-bas2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-physique-haut {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/physique-haut2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-physique-bas {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/physique-bas2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-autre-haut {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/autre-haut2.png.xhtml") no-repeat center;
}

span.icon-consultation-seuil-autre-bas {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/seveso/javax.faces.resource/images/consultation/autre-bas2.png.xhtml") no-repeat center;
}

/* DROPDOWN MENU ICONS */
#userSetting span {
    background: url("/seveso/javax.faces.resource/images/menu/userSetting.png.xhtml") no-repeat center;
}

/* FORM / DATATABLE */
.edit {
    background: url("/seveso/javax.faces.resource/images/actions/edit2.png.xhtml") no-repeat center;
    height: 24px;
    width: 24px;
    border: none !important;
}

.noedit {
    background: url("/seveso/javax.faces.resource/images/datatable/noedit.png.xhtml") no-repeat center;
    height: 24px;
    width: 24px;
    border: none !important;
}

.delete {
    background: url("/seveso/javax.faces.resource/images/datatable/delete.png.xhtml") no-repeat center;
    height: 24px;
    width: 24px;
    border: none !important;
}

.nodelete {
    background: url("/seveso/javax.faces.resource/images/datatable/nodelete.png.xhtml") no-repeat center;
    height: 24px;
    width: 24px;
    border: none !important;
}

.dataTableCommand table, .dataTableCommand tr, .dataTableCommand tr td {
    border: none !important;
}

/* --- Icons inventaire etat quantite d'un produit detenu --- */

.icon-info {
    background: url("/seveso/javax.faces.resource/images/icon/about.png.xhtml") no-repeat center;
    height: 16px;
    width: 16px;
    border: none !important;
    display: inline-block;
}

.icon-delete {
    background: url("/seveso/javax.faces.resource/images/actions/delete.png.xhtml") no-repeat center;
    height: 16px;
    width: 16px;
    border: none !important;
    display: inline-block;
}

.icon-indicateur-nouveauProduit {
    background: url("/seveso/javax.faces.resource/images/produitDetenu/produitDetenu-created.png.xhtml") no-repeat center;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: none !important;
}

.icon-indicateur-nouveauProduit-casDoublon {
    background: url("/seveso/javax.faces.resource/images/produitDetenu/produitDetenu-created-duplicated.png.xhtml") no-repeat center;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: none !important;
}

.icon-indicateur-produitAjoute {
    background: url("/seveso/javax.faces.resource/images/produitDetenu/produitDetenu-added.png.xhtml") no-repeat center;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: none !important;
}

.icon-indicateur-produitEnSuppression {
    background: url("/seveso/javax.faces.resource/images/produitDetenu/produitDetenu-removed.png.xhtml") no-repeat center;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: none !important;
}

.icon-indicateur-QuantiteProduitModifiee {
    background: url("/seveso/javax.faces.resource/images/produitDetenu/produitDetenu-modified.png.xhtml") no-repeat center;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: none !important;
}

.icon-warn {
    background: url("/seveso/javax.faces.resource/images/icon/warning.png.xhtml") no-repeat center;
    display: inline-block;
    height: 24px;
    width: 24px;
    border: none !important;
}

a.normal-cursor {
    cursor: initial;
}

/* ROUNDES BOX ------------------------------------------------------------------ */

.roundedBox {
    min-height: 180px;
    max-height: 300px;
    overflow: auto;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    margin: 0 25px 25px 25px;
    width: 410px;
    border: 1px solid #0065a6;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */

    background-color: white;
    color: black;
}

.subMenu {
    border: 1px solid black !important;
}

.roundedBox.box1Style {
    background-color: white;
    border: 1px solid #4b5059;
    color: black;
}

.roundedBox.box1Style h1 {
    background-color: #4b5059;
    border-bottom: 1px solid #4b5059;
    color: white;
}

.roundedBox.box2Style {
    background-color: white;
    border: 1px solid #fa8e1a;
}

.roundedBox.box2Style h1 {
    background-color: #fa8e1a;
    border-bottom: 1px solid #fa8e1a;
    color: black;
}

.roundedBox.box3Style {
    background-color: white;
    border: 1px solid #86d529;
    color: black;
    width: 60%;
}

.roundedBox.box3Style h1 {
    background-color: #86d529;
    border-bottom: 1px solid #86d529;
    color: black;

}

.roundedBox.box4Style {
    background-color: #fff;
    border: 1px solid #49afe7;
}

.roundedBox.box4Style h1 {
    background-color: #49afe7;
    margin-left: 0;
    width: 100%;
}

.roundedBox h1, h2 {
    font-weight: normal !important;
    font-size: 22px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 8px;

}

h2 {
    color: blue;
    text-align: left;
    color: #082265;
    font-weight: normal;
}

.importLabel {
    font-size: 16px !important;
    color: #082265 !important;
    font-weight: normal !important;
}

.roundedBoxContent, .roundedBoxContent2 {
    padding: 10px;
}

.roundedBoxContent a:hover {
    text-decoration: none;
}

.roundedBoxContent img {
    padding-right: 10px;
    border: none;
}

/* OTHER ------------------------------------------------------------------ */

.noborder, .noBorder, .noborder tr, .noborder td {
    border: none !important;
}

.scriptPanel {
    height: 0px !important;
    width: 0px !important;
}

.alignTop {
    vertical-align: top;
}

.ajax-loader {
    opacity: 0.9 !important;
    filter: Alpha(Opacity=90) !important;

    -moz-box-shadow: 3px 3px 4px #777777;
    -webkit-box-shadow: 3px 3px 4px #777777;
    box-shadow: 3px 3px 4px #777777;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

/* INFO PANEL */
.infoPanel, .infoPanel table, .infoPanel table tr, .infoPanel table tr td {
    background: none !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #dd5219 !important;
}

.infoPanel table, .infoPanel table tr, .infoPanel table tr td {
    border: none !important;
}

.infoPanel a {
    color: #dd5219 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.infoPanel a:hover {
    color: #dd5219 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.infoImg {
    cursor: pointer;
    margin-left: 3px;
}

.infoInputImg, .infoCalendarImg {
    cursor: pointer;
    position: relative;
    top: 7px;
    left: 3px;
}

.tooltipLabel, .labelStyle {
    font-style: italic;
    font-size: 12px !important;
}

.tooltipValue, .valueStyle {
    font-weight: bold;
}

/* BULLET STYLE */
ul {
    list-style-image: url("/seveso/javax.faces.resource/images/menu/li.png.xhtml");
}

ul.leftPanelLinks {
    list-style-image: url("/seveso/javax.faces.resource/images/menu/liWhite.png.xhtml");
    margin-left: 10px;
}

ul.leftPanelLinks li {
    margin-bottom: 5px;
}

ul.leftPanelLinks li:hover {
    list-style-image: url("/seveso/javax.faces.resource/images/menu/liYellow.png.xhtml");
}

ul.leftPanelLinks a {
    color: white;
    cursor: pointer;
}

ul.leftPanelLinks a:hover {
    color: #fed334;
    text-decoration: none;
}

ul.leftPanelLinks li.selected a {
    color: #fed334;
}

ul.leftPanelLinks li.selected {
    list-style-image: url("/seveso/javax.faces.resource/images/menu/liYellow.png.xhtml");
}

ul.leftPanelLinks li.selected a:hover {
    color: #fed334;
    text-decoration: none;
    cursor: default;
}

.upperCase {
    text-transform: uppercase;
}

/* DATATABLE ICONS */
.leftIcons {
    float: left;
}

.leftIcons > .ui-state-disabled {
    float: left !important;
}

.rightIcons {
    float: right;
}

.leftIcons img, .rightIcons img {
    margin-top: -2px !important;
    margin-right: 15px !important;
}

ul.fullLinks {
    margin-left: 20px;
    margin-right: 20px;
    float: left;
}

ul.fullLinks li {
    margin: 5px;
}

.searchResulPanel {
    list-style: none !important;
    border: none !important;
}

.searchResultPanel ul li {
    list-style: none !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    padding: none !important;
}

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

.searchResultPanel .ui-paginator {
    background: none;
    align-content: left;
    text-align: left;
    border-top: 1px dashed grey !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-top: 20px;
    padding-top: 10px;
}

.searchResultTitle {
    font-size: 18px !important;
    font-weight: bold !important;
}

.noPadding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.searchResultLink {
    color: #006621 !important;
    font-style: normal !important;
    font-size: 14px !important;
}

.searchResultSummary {
    color: #545454 !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
}

ul.datatable-list-in-cell {
    list-style-type: none;
    list-style-image: none;
}

.spaceButton {
    margin-right: 10px !important;
}

.loginStyle {
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px !important;
    margin-left: -250px !important;
}

.roundedBox.loginStyle {
    width: 500px;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.button-hover:hover img {
    opacity: 0.7;
}

.ui-selectonemenu-label {
    width: 93% !important;
}

.iconEdit {
    background: url("/seveso/javax.faces.resource/images/actions/edit2.png.xhtml") no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;

}

/* -------- Custom Tab header style in error ----------- */

li.tab-in-error {
    background: none !important;
    background-color: #F2DEDE !important;
    border-color: #EE0000 !important;
}

.tab-in-error * {
    font-weight: bold !important;
    color: #EE0000 !important;
}

/* ----- home  ------ */
.text-link-home {
    font-size: 18px;
}

.divHome ul {
    margin-top: 25px;
    padding-left: 25px;
}

.divHome li {
    text-align: left;
    padding-top: 5px;
}

.divHome {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 220px;
    background: white;
    padding: 25px 25px 25px 40px;
    text-align: center;
    margin-top: -150px !important;
    margin-left: -300px !important;
    border-radius: 20px;
    border: 1px solid #656565;
    box-shadow: 5px 5px 20px 0px #656565;
}

div.actions-center {
    text-align: center;
    width: 100%;
}

.actions-center .ui-commandlink.ui-widget.ui-state-disabled, .actions-center .ui-commandlink {
    display: inline !important;
}

.ui-commandlink ui-widget ui-state-disabled iconDisabled {
    opacity: 0.5 !important;
}

.iconDisabled img {
    display: inline !important;
    opacity: 0.5 !important;
}

/* ----- Inventaire ------ */

.inventaireProduitTable-vertical tr, .inventaireProduitTable-vertical td {
    vertical-align: top !important;
}

.warn-changement-classement {
    font-weight: bold;
}

/* ----- Custom p:calendar ------ */
.ui-icon-calendar {
    background-image: url("/seveso/javax.faces.resource/images/actions/calendar2.png.xhtml") !important;
    background: none;
    background-size: 18px 18px;
    width: 18px !important;
    height: 18px !important;
    position: absolute !important;
}

.custom-calendar button {
    background: none !important;
    border: none !important;
    width: 24px;
    height: 24px;
}

.custom-calendar button:hover {
    background: none !important;
    border: none !important;
}

.custom-calendar button:hover .ui-icon-calendar {
    opacity: 0.5 !important;
}

/*****************************************************************
	Ajout des ic�nes sur les togglers du layout jquery
	permettants d'indique le sens pour fermer/ouvrir
******************************************************************/
/*WEST*/
.ui-layout-toggler-west.ui-layout-toggler-open {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/left.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

#mainContent .ui-layout-resizer-west:hover .ui-layout-toggler-open:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/left_hover.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

.ui-layout-toggler-west.ui-layout-toggler-closed {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/right.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

#mainContent .ui-layout-resizer-west:hover .ui-layout-toggler-closed:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/right_hover.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

/*EAST*/
.ui-layout-toggler-east.ui-layout-toggler-open {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/right.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

#mainContent .ui-layout-resizer-east:hover .ui-layout-toggler-open:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/right_hover.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

.ui-layout-toggler-east.ui-layout-toggler-closed {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/left.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

#mainContent .ui-layout-resizer-east:hover .ui-layout-toggler-closed:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/left_hover.png.xhtml") no-repeat !important;
    background-position: 0px !important;
    background-size: 10px 15px !important;
}

/*SOUTH*/
.ui-layout-toggler-south.ui-layout-toggler-open {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/bottom.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

#mainContent .ui-layout-resizer-south:hover .ui-layout-toggler-open:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/bottom_hover.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;;
}

.ui-layout-toggler-south.ui-layout-toggler-closed {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/top.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

#mainContent .ui-layout-resizer-south:hover .ui-layout-toggler-closed:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/top_hover.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

/*NORTH*/
.ui-layout-toggler-north.ui-layout-toggler-open {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/top.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

#mainContent .ui-layout-resizer-north:hover .ui-layout-toggler-open:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/top_hover.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;;
}

.ui-layout-toggler-north.ui-layout-toggler-closed {
    background: rgb(170, 170, 170) url("/seveso/javax.faces.resource/images/jquery-ui/bottom.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

#mainContent .ui-layout-resizer-north:hover .ui-layout-toggler-closed:hover {
    background: #1a4278 url("/seveso/javax.faces.resource/images/jquery-ui/bottom_hover.png.xhtml") no-repeat !important;
    background-position: 18px !important;
    background-size: 10px 8px !important;
}

/*
	fieldset
*/

.medium-fieldset legend.ui-fieldset-legend {
    width: 190px !important;
}

.small-fieldset legend.ui-fieldset-legend {
    width: 100px !important;
}

.big-fieldset legend.ui-fieldset-legend {
    width: 300px !important;
}

.pe-inputNumber, .columnNumber {
    text-align: right !important;
}

/*
 Class dynamiques
*/
.classement-final-seuil-dt {
    font-weight: bold;
    color: white;
    background-color: #0065A6 !important;
}

.classement-final-seuil-depasse-dt {
    font-weight: bold;
    color: orange;
    background-color: #0065A6 !important;
}

.SEUIL_HAUT {
    font-style: italic;
    font-weight: bold;
    color: red !important;
}

.SEUIL_BAS {
    font-style: italic;
    font-weight: bold;
    color: orange !important;
}

.NON_SEVESO {
    font-style: italic;
    font-weight: bold;
    color: green !important;
}

/*
	Tooltip
*/

.tooltip {
    margin: 8px;
    padding: 8px;
    border: 1px solid blue;
    background-color: white;
    position: absolute;
    z-index: 999999;
}

/*
	custom fieldset-error
*/
.fieldset-error {
    border: 1px solid red !important;
}

.fieldset-error .ui-fieldset-legend.ui-corner-all.ui-state-default {
    background-color: red !important;
    border: 1px solid red !important;
    color: white !important;
}

.fieldset-warn {
    border: 1px solid orange !important;
}

.fieldset-warn .ui-fieldset-legend.ui-corner-all.ui-state-default {
    background-color: orange !important;
    border: 1px solid orange !important;
    color: white !important;
}

.outputLabelHeaderDatatableInspection {
    position: relative;
    left: -10%;
}

.outputLabelHeaderDatatableDemandeAvis {
    position: relative;
    left: -5%;
}

.outputLabelHeaderDatatableInspection {
    position: relative;
    left: -5%;
}

.checkbox-datatable-header .ui-chkbox-box {
    position: relative;
    top: 5px;
}

div.listeQuestionsInventaire.ui-widget-content {
    border: none !important;
}

.custom-input-number input {
    width: 100%;
}

/* Inventaire */

#infosComplementairesForm-questionsComplList .ui-datalist-content.ui-widget-content,
#ficheProduitForm-ficheProduit_data .ui-datalist-content.ui-widget-content {
    border: none !important;
}

div.reponseQuestion-fixBorderRight .ui-inputfield {
    padding-right: 3px;
}

#ficheProduitForm ul.chosen-choices {
    min-width: 350px;
}

.primeFacesPanel-without-style {
    border: none;
    padding: 0;
    margin: 0;
}

.custom-calendar-input80 input {
    width: 80%;
}

.message-ok {
    width: 100%;
    border: 2px solid #93D660;
    padding: 5px 5px 5px 0;
}

.message-alert {
    width: 100%;
    border: 2px solid #EF8E35;
    padding: 5px 5px 5px 0;
}

.message-off {
    width: 100%;
    border: 2px solid #C21103;
    padding: 5px 5px 5px 0;
}

.message-image {
    margin-left: 10px;
    display: inline-block;
}

.message-text {
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    margin-left: 10px;
}

.message-off .message-text label {
    color: #C21103;
    font-weight: bold;
    font-size: 16px !important;
}

.message-alert .message-text label {
    color: #EF8E35;
    font-weight: bold;
    font-size: 16px !important;
}

.message-ok .message-text label {
    color: #93D660;
    font-weight: bold;
    font-size: 16px !important;
}

.panel-system-stop {
    border: 1px solid red;
    padding: 5px 15px 5px 15px;
    margin: auto;
}

.panel-warn-comparaison-instal-inventaire {
    border: 1px solid orange;
    padding: 5px 15px 5px 15px;
    margin: auto;
}

.text-system-stop {
    font-size: 18px;
    font-weight: bold;
    color: red;
    white-space: pre-wrap;
}

.spanTitreErrorNoty {
    font-size: 15px;
    display: inline-block;
    padding-bottom: 10px;
}

.ulErrorsNoty li {
    padding-left: 20px;
    list-style-type: square;
}

.float-left {
    float: left;
}

tr.ui-state-highlight td {
    background-color: #82CAC7;
    font-weight: bold;
    color: black;
}

.float-right {
    float: right;
}

.no-css-impact {
    margin: none;
    display: inline;
    border: none;
}

#header-topbar-links li a {
    cursor: pointer !important;
}

.suivi-rapport-clock,
.suivi-rapport-arrow,
.suivi-rapport-smile,
.suivi-rapport-warning {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.suivi-rapport-clock {
    background: url("/seveso/javax.faces.resource/images/SuiviRapportSecurite/clock.png.xhtml") no-repeat center;
}

.suivi-rapport-arrow {
    background: url("/seveso/javax.faces.resource/images/SuiviRapportSecurite/arrowUp.png.xhtml") no-repeat center;
}

.suivi-rapport-smile {
    background: url("/seveso/javax.faces.resource/images/SuiviRapportSecurite/smile.png.xhtml") no-repeat center;
}

.suivi-rapport-warning {
    background: url("/seveso/javax.faces.resource/images/SuiviRapportSecurite/warning.png.xhtml") no-repeat center;
}

.filter-custom-calendar input {
    width: 80% !important;
}

.filter-custom-calendar-full-width input {
    width: 100% !important;
}

.custom-fileUpload {
    width: 98.9%;
    height: 30px;
    font-size: 12px !important;
    background-color: white;
    border: 1px solid grey;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.custom-fileUpload.in {
    background-color: white;
}

.custom-fileUpload.hover {
    background-color: #D0D0D0;
}

.custom-fileUpload-properties {
    width: 100%;
    height: auto;
    border: 1px solid #0065A6;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-highlight-notuploaded {
    color: red !important;
    font-style: italic !important;
}

.ui-confirm-dialog-message {
    word-wrap: break-word !important;
    width: 80% !important;
    text-align: justify !important;
}

.custom-datable-height .ui-datatable-scrollable-body {
    height: 20px !important;
}

.disabled-image-true {
    opacity: 0.5;
}

/* -------------- DataList ----------- */
.ui-datalist div.ui-datalist-content {
    border: none !important;
}

/* ------------------ ToolBar -------------------------- */

.bgColorToolbar {
    background-color: #D8F0EF;
}

#home span {
    background: url("/seveso/javax.faces.resource/images/toolbar/home.png.xhtml") no-repeat center !important;
}

#search span {
    background: url("/seveso/javax.faces.resource/images/toolbar/search.png.xhtml") no-repeat center;
}

#etablissement span {
    background: url("/seveso/javax.faces.resource/images/toolbar/info.png.xhtml") no-repeat center;
}

#tools span {
    background: url("/seveso/javax.faces.resource/images/toolbar/tools.png.xhtml") no-repeat center;
}

#addDeclaration span {
    background: url("/seveso/javax.faces.resource/images/toolbar/add.png.xhtml") no-repeat center;
}

#addDeclaration.disabledIcon span {
    background: url("/seveso/javax.faces.resource/images/toolbar/add.png.xhtml") no-repeat center !important;
    opacity: 0.3 !important;
}

#save span {
    background: url("/seveso/javax.faces.resource/images/toolbar/save.png.xhtml") no-repeat center;
}

#pdf span {
    background: url("/seveso/javax.faces.resource/images/toolbar/pdf.png.xhtml") no-repeat center;
}

#check span {
    background: url("/seveso/javax.faces.resource/images/actions/check.png.xhtml") no-repeat center;
}

#paperclip span {
    background: url("/seveso/javax.faces.resource/images/toolbar/paperclip.png.xhtml") no-repeat center;
}

#generateDocumentToolbar span {
    background: url("/seveso/javax.faces.resource/images/toolbar/doc.png.xhtml") no-repeat center;
}

#soumettre span {
    background: url("/seveso/javax.faces.resource/images/toolbar/soumettre.png.xhtml") no-repeat center;
    width: 93px !important;
}

#soumettre.disabledIcon span {
    background: url("/seveso/javax.faces.resource/images/toolbar/soumettre.png.xhtml") no-repeat center !important;
    opacity: 0.3 !important;
}

#endTask span {
    background: url("/seveso/javax.faces.resource/images/toolbar/check.png.xhtml") no-repeat center;
}

#administration span {
    background: url("/seveso/javax.faces.resource/images/toolbar/administration.png.xhtml") no-repeat center;
}

#administrationUsers span {
    background: url("/seveso/javax.faces.resource/images/toolbar/administration.png.xhtml") no-repeat center;
}

#suiviRapportSecurite span {
    background: url("/seveso/javax.faces.resource/images/toolbar/suiviRapport.png.xhtml") no-repeat center;
}

#export span {
    background: url("/seveso/javax.faces.resource/images/toolbar/export.png.xhtml") no-repeat center;
}

#help span {
    background: url("/seveso/javax.faces.resource/images/toolbar/help.png.xhtml") no-repeat center;
}

#tableauBord span {
    background: url("/seveso/javax.faces.resource/images/toolbar/tableauBord.png.xhtml") no-repeat center;
}

#suiviDossier span {
    background: url("/seveso/javax.faces.resource/images/toolbar/suiviDossier.png.xhtml") no-repeat center;
}

#demandesAvisLi > div {
    background: url("/seveso/javax.faces.resource/images/toolbar/demandesAvis.png.xhtml") no-repeat center;
    padding-top: 0px;
    padding-bottom: 16px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    padding-left: 6px;
    padding-right: 6px;
}

#menuAutreLi > div {
    background: url("/seveso/javax.faces.resource/images/toolbar/tableauBord.png.xhtml") no-repeat center;
    padding-top: 0px;
    padding-bottom: 16px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    padding-left: 6px;
    padding-right: 6px;
}

#header-topbar {
    top: 0;
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=1)"; /* IE 8 */
    filter: alpha(opacity=1); /* IE < 8 */
}

/* HEADER BANNER */
#header-banner-image {
    margin-top: 34px;
    margin-left: 50px;
    height: 78px;
    background: url("/seveso/javax.faces.resource/images/header/repeat.png.xhtml") top left repeat-x !important;
    background-color: white;
}

#header-left {
    width: 325px;
    height: 66px;
    background: transparent url("/seveso/javax.faces.resource/images/header/header.png.xhtml") top left no-repeat;
    position: absolute;
    top: 34px;
    left: 0px;
    z-index: 1000;
}

#header-banner-title {
    color: #85C026;
}

#header-banner-title span.stitle {
    color: #E05719;
}

#header-banner-breadcrumb {
    color: #000;
}

#header-banner-breadcrumb a {
    color: #E05719;
}

#header-banner-breadcrumb a:hover {
    color: #E05719;
}

#footer {
    background: url("/seveso/javax.faces.resource/images/SPW/footer_bg.gif.xhtml") top left repeat;
    height: 100% !important;
    border: none !important;
}

#footer-logo {
    background: url("/seveso/javax.faces.resource/images/SPW/logoCoq.png.xhtml") no-repeat !important;
    width: 40px !important;
}

#menuIconRight, #menuIconRight ul {
    margin-top: -15px;
    width: 25px;
}

.ui-tooltip {
    background-color: #86d529 !important;
    border: 1px solid #86d529 !important;
    color: black !important;
}

.ui-layout-container div#mainContent.ui-layout-container.pane.pane-center div.ui-layout-resizer.ui-layout-resizer-west.ui-draggable-handle.ui-layout-resizer-open.ui-layout-resizer-west-open {
    z-index: -1 !important;
}

.custom-label-to-input {
    border: 1px solid #777;
    width: 100%;
    display: inline-block;
    padding: 5px 0 5px 0;
    background-color: #f0f0f0 !important;
    border-radius: 5px !important;
    color: rgb(63, 63, 63) !important;
    font-style: italic;
}

.custom-label-to-input span {
    padding-left: 5px;
}

/*
	MESSAGE START
*/

.seveso-message {
    width: 870px;
    left: 400px;
    padding: 2px 0px 2px 0px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
}

.seveso-message > span:first-child {
    float: left;
    margin-left: 20px;
}

.seveso-message > div {
    padding-left: 60px;
    padding-top: 3px;
    font-size: 16px;
}

.warning {
    border: 2px solid #EB9725;
}

.info {
    border: 2px solid #1E90FF;
}

.warning > span > i,
.warning > span > i:hover {
    color: #EB9725 !important;
}

.info > span > i,
.info > span > i:hover {
    color: #1E90FF !important;
}

.info > span > i {
    color: black;
}

.warning > div {
    color: #EB9725;
    font-weight: bold;
}

/*
	WARNING MESSAGE END
*/
.customTabViewDmdAvisUrba .ui-tabs-nav {
    width: 50% !important;
}

.ui-datatable .ui-column-filter.ui-inputfield {
    width: 90% !important;
}

.ui-link:hover,
.ui-link label:hover {
    cursor: pointer !important;
}

ul.ul-nopuce {
    list-style: none !important;
    list-style-image: none !important;
}

/* **************************************
	FORM ETABLISSEMENT INFOS
************************************** */
.form-75 {
    width: 75%;
}

.form-100 {
    width: 100%;
}

.form-row {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

.form-left {
    width: 45%;
    float: left;
}

.form-right {
    width: 45%;
    float: right;
    margin-right: 10px;
}

.form-row .form-left input,
.form-row .form-right input {
    width: 100% !important;
}

.form-row .form-left label,
.form-row .form-right label {
    width: 100%;
    display: inline-block;
    font-weight: bold;
}

.form-right-rue {
    width: 46%;
    float: right;
    margin-top: 13px !important;
}

.form-row .form-right-rue input {
    width: 60px !important;
}

.form-row .form-right-rue label {
    width: 50px !important;
    display: inline-block;
}

.form-inline label,
.form-inline input {
    display: inline !important;
    float: left;
    width: inherit !important;
}

.custom-link {
    color: #0065a6 !important;
}

.custom-link:hover {
    color: #e0571e !important;
}

.hidden-text-area {
    visibility: hidden;
    height: 0px !important;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input {
    opacity: 0 !important;
}

i.mce-i-text-height:before {
    content: "\f079";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 1em;
}

.ui-panelgrid.ui-widget.noborder tr.ui-widget-content.row-hover.custom-height,
.ui-datatable tr.ui-widget-content.row-hover.custom-height{
    height: 35px;
}

.ui-panelgrid.ui-widget.noborder tr.ui-widget-content.row-hover:hover,
.ui-datatable tr.ui-widget-content.row-hover:hover{
    background-color: #83be24 !important;
    color: white !important;
    cursor: default;
    font-weight: bold;
}

.ui-panelgrid.ui-widget.noborder tr.ui-widget-content.row-hover:hover a,
.ui-datatable tr.ui-widget-content.row-hover:hover a{
    color: #CE3727 !important;
    width: 100%;
    display: inline-block
}

.ui-panelgrid.ui-widget.noborder tr.ui-widget-content.row-hover a:hover,
.ui-datatable tr.ui-widget-content.row-hover a:hover{
    color: #7C0C00 !important;
    text-decoration: none !important;
}

/* Fixes */
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    position: relative !important;
}

.ui-datatable .ui-datatable-header {
    padding: 8px 10px !important;
}

.ui-datatable .custom-splitbutton-small {
    padding-right: 0 !important;
}

/*TODO DCH  ce style semble ajouter 1px à chaque datable primefaces*/
/*.ui-datatable-tablewrapper {*/
/*    width: 100% !important;*/
/*}*/

.notif-dashboard {
    overflow-y: auto;
    max-height: 100px;
    margin-bottom: 15px;
    border-color: red;
    border-width: 2px;
}

.mt-0 {
    margin-top: 0;
}

.mt-0 > .ui-chkbox-label {
    margin-top: 0 !important;
}