@charset "UTF-8";
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url("/login/javax.faces.resource/fonts/Roboto-Regular.ttf.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  src: url("/login/javax.faces.resource/fonts/Roboto-Bold.ttf.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  src: url("/login/javax.faces.resource/fonts/Roboto-RegularItalic.ttf.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: light;
  src: url("/login/javax.faces.resource/fonts/Roboto-Light.ttf.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

* {
  box-sizing: border-box;
  outline: none; }

body {
  font-family: 'Roboto';
  font-size: 1em;
  background-color: #f5f5f5;
  min-height: 100vh;
  width: 100%;
  margin: 0 !important; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Roboto';
  font-size: 1em; }

.ui-button {
  color: white !important;
  background-color: #186BA0 !important; }

.ui-widget.ui-widget-content {
  padding: 0 !important;
  border: none; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  color: #37474f;
  font-weight: lighter; }

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

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

li {
  list-style-type: none; }

/* Overide */
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding: 0 !important; }

/* Overide */
/* Table
----------------------------------*/
.ui-tabs {
  position: inherit; }

/* Override */
.ui-tabs .ui-tabs-panel {
  padding: 0 !important; }

.ui-tabs .ui-tabs-navscroller {
  border-bottom: solid #d4d4d4 1px; }

/*.ui-datatable-resizable th.ui-resizable-column {
	background-clip: border-box !important;
}*/
/*.ui-tabs-nav {
	height:100% !important;
}*/
.ui-tabs-panels {
  height: 100%;
  overflow: auto; }

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active a {
  color: white; }

/* Override */
.ui-datatable {
  width: 98%;
  margin: 0 auto; }

.ui-datatable tbody > .ui-state-hover {
  background-color: #d3d5d8 !important; }

.ui-datatable table tbody tr td {
  font-size: 14px;
  padding-left: 5px !important;
  padding-right: 5px !important; }

.ui-datatable tbody > tr.ui-widget-content td {
  padding: 4px 2px !important;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis; }

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

.ui-datatable-tablewrapper {
  overflow: hidden;
  /* border-radius: 5px; NEWCSS */ }

.ui-datatable th.ui-state-default {
  padding: 8px 2px;
  background: #d8e3f4;
  color: #65686C;
  /* Ancien couleur */
  /* background: #63899c;
	color: #ffffff; NEWCSS*/ }

.ui-datatable th.ui-state-hover {
  /* background: #63899c; NEWCSS*/
  background: #b8cdee; }

html .ui-datatable tbody > tr.ui-widget-content:nth-child(odd) {
  background-color: #e2e8ec; }

html .ui-datatable tbody > tr.ui-widget-content:nth-child(even) {
  background-color: white; }

.ui-datatable-scrollable-header-box {
  margin-right: 0 !important;
  -moz-padding-end: 17px;
  -webkit-padding-end: 7px; }

.ui-datascroller .ui-datascroller-content {
  overflow: visible;
  border: none;
  padding: 15px !important; }

.ui-datascroller .ui-datascroller-item {
  padding: 5px !important; }

.ui-paginator > a {
  border: none !important;
  background-color: transparent !important;
  cursor: pointer !important; }

.ui-inputfield {
  font-size: inherit !important; }

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
  color: #333333 !important;
  width: 100%; }

.ui-inputtext {
  font-family: "Roboto";
  background: white !important;
  color: #37474f !important; }

.ui-inputswitch {
  border: 1px solid !important;
  border-color: #dddddd !important; }

/* Interaction Cues
----------------------------------*/
.ui-datatable th {
  /* border-color: #5a7b8c !important; NEWCSS */
  border-color: #d3d3d3 !important; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-datatable th.ui-state-active {
  background: #186BA0 !important;
  border-color: #dddddd;
  color: white; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

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

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

.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);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

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

.ui-inputswitch .ui-inputswitch-handle {
  /* border: 1px solid !important; */
  /* Review */ }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
  border: 1px solid #d3d3d3;
  /* background: #f6f6f6; */
  font-weight: normal;
  color: white; }

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

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background-color: #f6f6f6;
  font-weight: normal; }

.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: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #186BA0 !important;
  font-weight: normal;
  color: white !important; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #69ba36;
  background-color: #ffffff; }

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

.ui-inputswitch .ui-inputswitch-on {
  padding-right: 0 !important; }

.ui-chkbox .ui-chkbox-box {
  background-color: #ffffff;
  overflow: hidden;
  margin-right: 8px; }

.ui-inputswitch {
  display: inline-block;
  padding: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.ui-inputswitch .ui-inputswitch-on, .ui-inputswitch .ui-inputswitch-off {
  height: 100% !important;
  padding-top: 1px !important; }

/* Menu Select List
----------------------------------*/
.ui-selectonemenu .ui-selectonemenu-trigger {
  display: flex;
  align-items: center; }

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  color: #37474f !important;
  background-color: #ffffff; }

.ui-selectonemenu:hover {
  background: white; }

/* Icon D��roulant */
.ui-selectonemenu .ui-selectonemenu-trigger {
  width: auto !important;
  border-bottom: none !important; }

.ui-fluid .ui-selectcheckboxmenu {
  color: black; }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

.ui-selectonemenu-filter-container .ui-state-hover {
  background-color: #d3d5d8; }

input.ui-state-hover {
  background-color: white !important; }

.ui-menu .ui-menuitem-link {
  width: 100% !important; }

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

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-widget-header .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_cc0000_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-button .ui-icon {
  background-image: url("/login/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-ezoptima&v=13.0.5&e=13.0.5"); }

.ui-messages-error .ui-messages-error-icon {
  background-image: url("/login/javax.faces.resource/images/error-btn.svg.xhtml?ln=ezoptima") !important;
  background-position: 0; }

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

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

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

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

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

.ui-icon-caret-1-s {
  background-position: -65px 0; }

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

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

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

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
  /* filter: brightness(100); NEWCSS */ }

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-closethick {
  display: block !important;
  background-image: url("/login/javax.faces.resource/images/close-black.svg.xhtml?ln=ezoptima") !important;
  background-position: center;
  background-size: contain;
  filter: brightness(100);
  transform: scale(1.5); }

.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: -65px -145px; }

.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 {
  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: 3px; }

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

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

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

/* General Modifier
----------------------------------*/
.ui-header-not-saved > .ui-panel-titlebar {
  background-color: red; }

button, button.ui-button.ui-state-default {
  height: 100%;
  color: white;
  border: none !important;
  padding: 3px; }

.ui-datatable tbody > tr.ui-widget-content td {
  padding: 4px 2px !important;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ui-button-text-icon-left .ui-button-text {
  padding: .3em 1em .2em 2em !important;
  font-weight: normal !important; }

.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
  text-align: center !important;
  padding: 10px 0px !important; }

.ui-widget-header {
  background-image: none;
  /* background-color: #ffffff !important; */ }

.ui-header-title {
  background-color: #63899c;
  text-align: center;
  padding: 12px;
  color: #ffffff;
  /* border-top-right-radius: 3px;
	border-top-left-radius: 3px; NEWCSS */ }

.ui-header2-title {
  margin-bottom: 20px; }

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
  border: 0;
  margin: 0px !important;
  top: 0 !important;
  border-radius: 0 !important; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

/* Button close */
.ui-dialog-titlebar .ui-icon-closethick {
  width: 20px !important;
  height: 20px !important; }

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  background-color: red !important; }

.ui-dialog {
  /* top: 40px !important; */
  position: absolute;
  left: 50%;
  overflow: auto !important;
  scrollbar-width: thin; }

.ui-dialog .ui-dialog-titlebar {
  border: none !important; }

/* Overide */
.ui-dialog .ui-dialog-content {
  /*padding: 0 !important;*/
  width: 100% !important; }

/* Overide */
.ui-dialog-titlebar {
  background-color: #37474f !important;
  color: #d3d3d3; }

/* Paginator
----------------------------------*/
.ui-paginator {
  padding: 10px !important;
  color: #37474f;
  background-color: #f5f5f5 !important; }

.ui-paginator-pages .ui-paginator-page {
  color: #37474f; }

.ui-paginator > a:hover {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.ui-paginator-pages a {
  border: none !important; }

/* ------ END ------ */
.ui-accordion .ui-accordion-header {
  color: #555;
  background-color: #f3f3f3;
  border: solid #dbdbdb 1px; }

.ui-fileupload-buttonbar .ui-button {
  background-color: #2399e5; }

.ui-progressbar .ui-progressbar-value {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 0;
  position: absolute;
  background-color: #0694C4 !important; }

.ui-fileupload-content .ui-progressbar {
  width: 130px !important;
  border: 1px solid #dddddd;
  margin: 0 !important;
  padding: 0 !important; }

.ui-messages ul {
  margin: 0 30px !important; }

.ui-messages-error .ui-messages-error-summary, .ui-messages-error .ui-messages-error-detail {
  margin: 0;
  display: block; }

.ui-radiobutton .ui-radiobutton-box {
  width: 17px !important;
  height: 17px !important; }

.ui-chkbox-box.ui-state-active .ui-icon, .ui-radiobutton-box.ui-state-active .ui-icon {
  margin-left: 0px !important;
  margin-top: -1px !important; }

.ui-datepicker td a {
  text-align: center !important;
  color: black !important; }

.ui-datepicker td .ui-state-highlight {
  background-color: red !important;
  color: white !important; }

.ui-datatable-scrollable-body::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  padding: 0 !important; }

.ui-datatable-scrollable-body::-webkit-scrollbar-track {
  background: #cccccc !important;
  border-radius: 0px !important; }

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  border: none !important;
  background-color: #999 !important; }

.ui-datatable-scrollable-body::-webkit-scrollbar-corner {
  display: none;
  height: 0px;
  width: 0px; }

article::-webkit-scrollbar, ul::-webkit-scrollbar, div::-webkit-scrollbar, .caseComment::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

article::-webkit-scrollbar-track, ul::-webkit-scrollbar-track, div::-webkit-scrollbar-track, .caseComment::-webkit-scrollbar-track {
  background: #f1f1f1; }

article::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, .caseComment::-webkit-scrollbar-thumb {
  background: #999; }

.ui-shadow {
  -webkit-box-shadow: 2px 0px 4px 2px rgba(155, 155, 155, 0.4) !important;
  -moz-box-shadow: 2px 0px 4px 2px rgba(155, 155, 155, 0.4) !important;
  box-shadow: 2px 0px 4px 2px rgba(155, 155, 155, 0.4) !important; }

/* Menu Panel
----------------------------------*/
.ui-panel .ui-panel-content {
  padding: 0 !important; }

/*
.ui-panelgrid {
	font-size : 15px !important;
	color: #d3d3d3 !important;
	text-align: left;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px
}
*/
.ui-panelgrid .ui-panelgrid-cell {
  /*padding: 10px 20px !important;*/
  border-style: none !important; }

body .ui-accordion .ui-accordion-header:first-child {
  margin-top: 0; }

body .ui-accordion .ui-accordion-header .ui-icon {
  color: #848484; }

body .ui-accordion .ui-accordion-header.ui-state-hover, body .ui-accordion .ui-accordion-header.ui-tabs-outline {
  outline: 0 none;
  border: 1px solid #dbdbdb;
  background-color: #dbdbdb;
  color: #333333; }

body .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon, body .ui-accordion .ui-accordion-header.ui-tabs-outline .ui-icon {
  color: #333333; }

body .ui-accordion .ui-accordion-header.ui-state-active {
  border: 1px solid #007ad9;
  background-color: #007ad9;
  color: #ffffff; }

body .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
  color: #ffffff; }

body .ui-accordion .ui-accordion-header.ui-state-active:hover, body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  outline: 0 none;
  border: 1px solid #116fbf;
  background-color: #116fbf;
  color: #ffffff; }

body .ui-accordion .ui-accordion-header.ui-state-active:hover .ui-icon, body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline .ui-icon {
  color: #ffffff; }

body .ui-accordion .ui-accordion-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border-top: 0 none;
  margin: 0;
  position: static;
  line-height: 1.5; }

.ui-panelgrid.ui-widget {
  border-collapse: unset; }

.ez-case-add-comment:hover {
  background-color: #ffffff !important; }

.ez-meteo-defaultTemplate {
  vertical-align: top;
  height: 19px;
  float: right; }

.ez-shadow-panel {
  padding: 10px;
  border: solid 1px #FEFEFE;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background-color: white; }

.ez-border-panel {
  padding: 10px;
  border: solid 1px #c3c3c3;
  border-radius: 4px;
  background-color: white; }

/* Modal
----------------------------------*/
.ez-dialog-style {
  width: 97%; }

.ez-dialog-style .ui-selectonemenu {
  width: 100% !important;
  max-width: 200px;
  min-width: unset !important;
  text-overflow: ellipsis; }

.ez-dialog-style tbody {
  margin-bottom: 10px; }

.ez-dialog-style tbody tr {
  height: 52px; }

.ez-dialog-style tbody tr td input, .ez-dialog-style tbody tr td textarea {
  width: 100%;
  min-width: unset !important; }

.ez-dialog-style tbody tr td input {
  max-width: 200px; }

.ez-dialog-style tbody tr:first-child {
  border-top: none !important; }

.ez-dialog-style tbody tr:last-child {
  border-bottom: none !important; }

.ez-dialog-style tbody :last-child td {
  border-bottom: none !important; }

.ez-dialog-style tbody tr td {
  border-left: none !important;
  border-right: none !important;
  text-align: left !important; }

.ez-dialog-style tbody tr {
  border-left: none !important;
  border-right: none !important; }

.ez-dialog-style div > table > tbody > tr > td:first-child {
  color: #0262C0 !important; }

.ez-dialog-style .ui-selectonemenu-items-wrapper img {
  margin-right: 10px;
  max-width: 25px; }

.ez-dialog-style .ui-selectonemenu-items-wrapper {
  display: flex;
  align-items: center; }

.ez-dialog-style div {
  text-align: center; }

.ez-modal-footer {
  text-align: center; }

.ez-modal-size {
  height: 560px;
  width: 655px; }

.ez-modal-portalGroupRight {
  margin: 0 auto !important;
  margin-top: 10px !important; }

.ez-modal-portalGroupAgent {
  margin-top: 10px !important;
  margin-left: 15% !important; }

.ez-modal-portalGroupTitle h2 {
  padding: 10px; }

.ez-modal-msgWarning {
  text-align: center !important;
  padding: 20px !important; }

/* Weather Services Img Status
----------------------------------*/
.ez-meteo-image {
  vertical-align: top;
  height: 19px; }

/* Weather Status
----------------------------------*/
.ez-status-case {
  display: block;
  padding: 5px 10px;
  background-color: #b9b9b9;
  border-radius: 5px;
  color: white;
  width: 120px;
  margin: auto;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center; }

.ez-status-case-OK {
  background-color: #09A443; }

.ez-status-case-WARNING {
  background-color: orange; }

.ez-status-case-KO {
  background-color: red; }

.ez-status-case-MAINTENANCE {
  background-color: black; }

.ez-status-case-NA {
  background-color: #6c757d; }

.ez-status-case-DEGRADED {
  background-color: orange; }

.ez-status-case-IMPORTANT {
  background-color: orange; }

.ez-status-case-ERROR {
  background-color: red; }

.ez-status-case-CRITICAL {
  background-color: red; }

/* Brownse Cases
----------------------------------*/
/* Font Size */
.ui-widget {
  font-size: inherit !important; }

/* Card */
.ez-table-width {
  width: 100%; }

#ListCases .ui-state-highlight span, .ui-state-highlight .fa {
  color: white !important; }

#ListCases {
  position: relative;
  width: 400px;
  border-right: 1px solid #cecece; }

/* Scroll cases */
.ez-CaseList > div {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

.ez-CaseList > div > div > div {
  display: flex !important;
  justify-content: space-between;
  padding: 3px 8px; }

.ez-CaseList > div > div > div > .caseSubject {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  color: #686868; }

.caseUser {
  float: left;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold; }

.caseSubject {
  padding-right: 0;
  padding-left: 0;
  font-weight: bold; }

.caseCaseId {
  color: #252525; }

.caseSite {
  color: #898989 !important; }

.caseSite .fa {
  margin-right: 5px;
  font-size: 1.2em; }

.caseSubject span + span::before {
  content: " | ";
  font-weight: bolder !important; }

.caseState {
  font-size: 0.8em;
  width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis; }

.label-date {
  font-weight: normal !important;
  color: #0091ea; }

.label-important {
  font-weight: bold !important;
  color: #404040; }

/* Search Bar
----------------------------------*/
#searchFilter {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  left: 0; }

#searchFilter > div {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px; }

#searchFilter > div > input {
  display: block;
  width: 50%; }

.ez-searchOrderCaseMenu {
  float: right;
  min-width: 0px !important;
  background: white; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  margin: 0 !important;
  border-radius: 0px !important; }

/* List Card */
#dataTableScroller {
  padding-top: 50px;
  height: 100%; }

#dataTableScroller tr td {
  display: block;
  border: 0;
  position: relative !important;
  border-top: none;
  border-right: none; }

#dataTableScroller > div {
  height: 100%;
  border: none !important;
  border-radius: 0 !important; }

#dataTableScroller .ui-datatable-scrollable-body {
  width: 100%;
  height: 100% !important;
  background-color: #f5f5f5;
  outline: none; }

/* Detail */
.ez-hideColumnNames table thead tr {
  display: none; }

#blockPanels > form > .ui-tabs {
  position: inherit;
  height: 100%;
  overflow: auto; }

.ez-tabView .ui-tabs-panels > div {
  height: 100%;
  overflow: auto; }

#blockPanels {
  width: calc(100% - 400px);
  height: 100%;
  overflow: auto; }

#blockPanels .ui-tabs {
  border: none !important; }

#blockPanels form > .ui-tabs-top > .ui-tabs-panels {
  width: 100%;
  height: calc(100% - 36px);
  margin: 0;
  border: 0; }

#blockPanels .ui-tabs-top .ui-tabs-nav {
  border-bottom: none !important;
  /*  height: 50px;*/ }

#blockPanels .ui-tabs-top .ui-tabs-nav li {
  top: 0;
  border: none !important;
  border-radius: 0;
  height: 35px; }

#blockPanels .ui-tabs-top .ui-tabs-nav > .ui-state-active a {
  /* background-color: #0262C0 !important;
	color: white !important; */
  border-color: #0262C0; }

#blockPanels > form:nth-child(1) {
  height: 100%; }

/* Onglet */
#blockPanels .ui-tabs-top .ui-tabs-nav li {
  top: 0;
  border: none !important;
  border-radius: 0;
  height: 35px; }

#blockPanels .ui-tabs-top .ui-tabs-nav li {
  top: 0;
  border: none !important;
  border-radius: 0;
  height: 35px; }

#blockPanels .ui-tabs-navscroller ul li {
  margin: 0 !important; }

/* Tag Colors */
.ui-datatable table tbody tr > .NEW {
  display: block;
  border-left: solid #f42727 6px !important; }

.ui-datatable table tbody tr > .SOLVED {
  display: block;
  border-left: solid #01B050 6px !important; }

.ui-datatable table tbody tr > .ARCHIVED {
  display: block;
  border-left: solid #aa0970 6px !important; }

.ui-datatable table tbody tr > .INIT {
  display: block;
  border-left: solid #ff6000 6px !important; }

.ui-datatable table tbody tr > .OPENED {
  display: block;
  border-left: solid #2185D0 6px !important; }

.ui-datatable table tbody tr > .CLOSED {
  display: block;
  border-left: solid #2f2f2f 6px !important; }

.ui-datatable table tbody tr > .DESTROYED {
  display: block;
  border-left: solid black 6px !important; }

.ui-datatable table tbody tr > .PENDING {
  display: block;
  border-left: solid yellow 6px !important; }

.ui-datatable table tbody tr > .ONHOLD {
  display: block;
  border-left: solid orange 6px !important; }

.ui-datatable table tbody tr > .INPROGRESS {
  display: block;
  border-left: solid green 6px !important; }

.NEW {
  color: #f42727 !important; }

.OPENED {
  color: #2185D0 !important; }

.SOLVED {
  color: #20ac20 !important; }

.CLOSED {
  color: #1c1c1c !important; }

.ARCHIVED {
  color: #aa0970 !important; }

.INIT {
  color: #ff6000 !important; }

.PENDING {
  color: #d6d629 !important; }

.ONHOLD {
  color: orange !important; }

.INPROGRESS {
  color: green !important; }

.tag-NEW {
  background-color: #f42727 !important; }

.tag-OPENED {
  background-color: #2185D0 !important; }

.tag-SOLVED {
  background-color: #20ac20 !important; }

.tag-CLOSED {
  background-color: #1c1c1c !important; }

.tag-ARCHIVED {
  background-color: #aa0970 !important; }

.tag-INIT {
  background-color: #ff6000 !important; }

.tag-PENDING {
  background-color: #d6d629 !important; }

.tag-ONHOLD {
  background-color: orange !important; }

.tag-INPROGRESS {
  background-color: green !important; }

/* Image zoom footer */
.footerPanorama .ui-widget-content {
  background-color: inherit !important; }

/* Attachements */
.attachment-name {
  display: inline-block;
  width: 300px;
  color: red; }

.attachment-type {
  display: inline-block;
  width: 100px;
  color: green; }

.attachment-action {
  display: inline-block;
  width: 100px;
  color: green;
  height: 40px; }

/* ----- batch.css ----- */
.column-center p {
  text-align: center; }

#blockContainer * {
  box-sizing: border-box; }

/* R��glages des seuils */
.configurationTitle {
  text-align: center; }

.border-card {
  /* border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; NEWCSS */ }

.ui-bottom-add {
  background-color: green; }

.ui-bottom-delete {
  background-color: red; }

.ui-header-not-saved > h2 {
  color: red !important; }

.ui-column-condition {
  text-align: center; }

.ez-status-case {
  display: block;
  padding: 5px 10px;
  background-color: #b9b9b9;
  border-radius: 5px;
  color: white;
  width: 120px;
  margin: auto;
  font-weight: normal;
  text-transform: uppercase; }

.ez-status-case-OK {
  background-color: #09A443; }

.ez-status-case-WARNING {
  background-color: orange; }

.ez-status-case-KO {
  background-color: red; }

.ez-status-case-MAINTENANCE {
  background-color: black; }

.ez-status-case-NA {
  background-color: #6c757d; }

.ez-status-case-DEGRADED {
  background-color: orange; }

.ez-status-case-IMPORTANT {
  background-color: orange; }

.ez-status-case-ERROR {
  background-color: red; }

.ez-status-case-CRITICAL {
  background-color: red; }

.ez-correction .ui-selectonemenu-trigger {
  width: 38px !important; }

.ez-correction {
  width: 82%;
  padding: 0px 32px 0px 0px !important; }

.ez-levels {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  margin: auto; }

.ez-levels span + span {
  margin-left: 20px; }

.ez-inputfield .ui-inputfield {
  width: auto !important; }

.ez-levels .ui-inputfield {
  font-size: 16px;
  width: 100px; }

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

.ez-status-OK {
  color: #09A443; }

.ez-status-WARNING {
  color: orange; }

.ez-status-KO {
  color: red; }

.ez-status-NA {
  color: #6c757d; }

/* Groupe des Agents */
.ez-Objects
.ui-selectonelistbox {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column; }

.ez-Objects .ui-selectlistbox-filter-container {
  margin: 10px; }

.ez-Objects .ui-selectlistbox-filter {
  width: 80% !important;
  background-color: #ffffff; }

.ez-Objects .ui-selectlistbox-listcontainer {
  height: auto !important; }

.ez-object-title {
  color: #546e7a;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: inherit;
  font-size: 1.2em; }

.ezTuile {
  position: relative;
  padding: 5px;
  margin: 8px;
  background-color: white;
  border: solid 1px #FEFEFE;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.ez-object-list-container {
  min-width: 20%; }

.ez-Objects tr:nth-child(odd) {
  background-color: #e2e8ec; }

.ez-Objects tr:nth-child(even) {
  background-color: white; }

.ez-Objects td {
  padding: 5px; }

.ez-object-name {
  width: 70px; }

.ez-header-not-saved {
  background-color: red !important; }

.ez-button-container {
  display: flex;
  height: 100%;
  justify-content: center; }

.object-editer-view {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column; }

.object-editer-view .ui-panel-content {
  height: 100%; }

.dataTable100 .ui-datatable-tablewrapper {
  height: 100%; }

/* Graphics Charts */
.dashboard-content.highcharts-container {
  /* -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2); */
  border: 1px solid;
  border-color: #dddddd;
  /*box-shadow: 0 1px 5px rgb(0, 0, 0, 0.3);*/ }

/* card */
.card-container {
  padding: 20px; }

.card {
  border: 1px solid;
  border-color: #dddddd;
  padding: 20px;
  color: #37474f;
  font-weight: lighter;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.card2 {
  border: 1px solid;
  border-color: #dddddd;
  color: #37474f;
  font-weight: lighter;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.rulesText {
  padding: 20px; }

.card-detail {
  border: 1px solid;
  border-color: #dddddd;
  padding: 20px;
  color: #37474f;
  font-weight: lighter;
  margin: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.card-info {
  padding: 20px;
  text-align: center; }

.card-infoBatchRun {
  padding: 20px;
  text-align: center;
  margin: auto;
  width: 40%; }

.card-infoBatchRunVariable {
  padding: 20px;
  text-align: center;
  margin: auto;
  width: 40%;
  border: 1px solid;
  border-color: #dddddd;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.ez-ajax-dialog .ui-widget-header {
  background-color: #ffffff !important;
  color: #000000; }

.ez-loading {
  margin: 10px; }

.ez-right-admin {
  color: red; }

.ez-onecase-title
.ez-right-write {
  color: orange; }

.ez-right-base {
  color: green; }

.ez-right-none {
  display: none; }

.arrow-return {
  color: #37474f; }

.separator {
  border-top: 1px solid;
  padding-top: 10px;
  border-color: #dddddd; }

/* Dashboard
----------------------------------*/
.dashboard-content {
  width: 100%;
  display: content;
  flex-wrap: wrap;
  justify-content: space-between; }

.dashboard-header {
  /* padding: 10px; */ }

.dashboard-title {
  background-color: #ffffff;
  text-align: left;
  color: #37474f;
  font-size: 12px;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px; }

.dashboard-card {
  border: 1px solid;
  border-color: #dddddd;
  padding: 0px;
  color: #37474f;
  font-weight: lighter;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background-color: #ffffff; }

.dashboard-content i {
  margin-right: 20px; }

.dashboard-card-content p {
  text-align: center;
  font-size: 60px;
  color: #37474f;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 40px; }

.dashboard-chart {
  /* padding: 10px; */
  font-family: 'Roboto';
  /* font-weight: bold; */
  color: #37474f !important;
  /* font-size: 12px !important; */ }

.dashboard-datatable {
  margin-top: 10px; }

.dashboard-map {
  margin-top: 10px; }

#layout-sidebar {
  position: absolute;
  overflow: auto;
  left: -250px;
  top: 44px;
  height: calc(100vh - 44px);
  min-width: 250px;
  background-color: #435259;
  z-index: 5000;
  border-right: solid #37474f 8px;
  overflow: auto;
  transition-duration: 0.5s; }

#layout-sidebar .ez-sandwich-menu > a:hover {
  color: white;
  border-bottom: solid 1px white; }

#layout-sidebar .ez-sandwich-menu a {
  border-bottom: solid 1px transparent; }

.sidebar-on {
  left: 0 !important;
  transition-duration: 0.5s; }

.hideSidebar {
  position: absolute;
  left: -250px; }

#layout-sidebar .ui-panel {
  background-color: inherit;
  border: none; }

#layout-sidebar .ui-panel .ui-panel-content {
  color: white; }

#layout-sidebar li a {
  display: block;
  color: white !important;
  list-style-type: none;
  padding: 12px;
  width: 100%;
  text-decoration: none; }

#layout-sidebar li a i {
  margin-right: 8px; }

#layout-sidebar li a .carret {
  float: right;
  margin-top: 3px; }

#layout-sidebar ul {
  padding-left: 0 !important; }

#layout-sidebar li ul {
  margin: 0;
  background-color: #5a6d76; }

#layout-sidebar li ul li {
  padding-left: 15px; }

#layout-sidebar li ul li:hover {
  background-color: #6e8089; }

#layout-sidebar .ez-sandwich-menu ul {
  position: relative;
  max-height: 0px;
  overflow: hidden;
  transition-duration: 0.5s !important; }

#layout-sidebar .sandwich-true ul {
  max-height: 300px;
  transition-duration: 0.5s !important; }

#layout-portlets-cover {
  padding: 0px !important;
  width: 100%;
  height: calc(100vh - 44px); }

#layout-portlets-cover > div {
  width: 100%;
  height: 100%;
  position: relative;
  float: none !important;
  display: flex;
  overflow: auto; }

/* Menu Panel Button
----------------------------------*/
#menu-button {
  font-size: 28px;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: #ffffff;
  overflow: hidden;
  float: left;
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn-menu-on {
  background-color: #888686 !important; }

.menu-container {
  position: relative;
  transition-duration: 0.3s; }

.btn-menu-on .menu-container {
  transform: rotate(90deg);
  transition-duration: 0.3s; }

#menu-button .menu-container span + span {
  margin-top: 3px; }

#menu-button .ButtonLine {
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s ease;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.sandwich-true .carret {
  transform: rotate(-180deg) !important;
  transition-timing-function: ease !important;
  transition-duration: 0.5s !important; }

/* ---------------------------------------------------
 Nav Bar
----------------------------------*/
#ListCases .ui-state-highlight span, .ui-state-highlight .fa {
  color: white !important; }

#layout-topbar > div {
  display: flex;
  align-items: center; }

#layout-topbar > div:nth-child(1) > * {
  margin-left: 10px; }

#layout-topbar a img {
  margin: 0 !important; }

#top-menu {
  display: flex;
  align-items: center;
  margin-right: 20px; }

.AlertNum {
  font-size: 12px;
  font-family: "Arial";
  background-color: #E53935;
  position: absolute;
  padding-top: 0px;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  top: 3px;
  right: 1px;
  font-style: normal;
  text-align: center; }

.notification-menu li > a {
  flex-direction: column;
  align-items: start !important; }

.notification-menu li > a > span + span {
  margin-top: 8px; }

.notification-color-NOK {
  color: black; }

.notification-color-CRITICAL {
  color: red; }

.notification-color-WARNING {
  color: orange; }

.notification-color-OK {
  color: green; }

#top-menu > li > a {
  padding-top: 0 !important; }

#top-menu li a i {
  vertical-align: middle; }

#top-menu > li > ul > li > a {
  padding: 11px !important;
  display: flex !important;
  align-items: center;
  color: #37474F; }

#top-menu > li > a {
  width: 40px !important;
  height: 40px !important; }

#layout-topbar {
  width: 100% !important;
  padding: 0 !important;
  height: 44px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  background-color: #37474F; }

#top-menu > li > ul {
  display: none; }

#top-menu > li + li {
  margin-left: 7px; }

#top-menu > li > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 5px 8px;
  padding-top: 8px !important;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  display: block;
  color: #ffffff; }

/* Nav Bar Icons
----------------------------------*/
#top-menu .fa, #top-menu .fa {
  speak: none;
  font-style: normal;
  font-weight: lighter;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 26px;
  display: block;
  vertical-align: middle; }

#top-menu > li {
  list-style-type: none;
  position: relative; }

#top-menu > li + li {
  margin-left: 7px; }

/* Nav Bar Burger Select Time 
----------------------------------*/
.selectBurger ul {
  display: block !important;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  margin-top: 7px;
  padding-left: 0px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
  -moz-box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
  box-shadow: 0px 1px 4px 0px rgba(43, 59, 93, 0.6);
  z-index: 1500; }

.selectBurger ul li {
  white-space: nowrap;
  list-style-type: none; }

.selectBurger ul li:hover {
  background-color: #e8e8e8; }

#layout-topbar a {
  text-decoration: none; }

/* Nav Bar Logo Brand 
----------------------------------*/
#layout-topbar a img {
  margin: 0 !important;
  width: auto;
  height: 30px;
  vertical-align: middle; }

/* Nav Bar Title Page
----------------------------------*/
#layout-topbar label#pageName {
  padding: 0 !important;
  margin-left: 35px; }

label#pageName {
  color: lightgrey;
  font-size: 1.2em; }

/* Button CRUD
----------------------------------*/
.btn-logoutError {
  background-color: #FC6A0E !important;
  margin: 10px; }

.btn-logoutError:hover:active {
  background-color: #FC6A0E !important; }

.btn-redirectError {
  background-color: #0694C4 !important;
  margin: 10px; }

.btn-redirectError:hover:active {
  background-color: #0694C4 !important; }

.btn-create {
  background-color: #10963d !important;
  margin: 10px; }

.btn-create:hover:active {
  background-color: #10963d !important; }

.btn-edit {
  background-color: #FC6A0E !important;
  margin: 10px; }

.btn-edit:hover:active {
  background-color: #FC6A0E !important; }

.btn-editGroup {
  background-color: #FC6A0E !important;
  margin: 10px; }

.btn-editGroup:hover:active {
  background-color: #FC6A0E !important; }

.btn-delete {
  background-color: #d31912 !important;
  margin: 10px; }

.btn-delete:hover:active {
  background-color: #d31912 !important; }

.btn-save {
  background-color: #0694C4 !important;
  margin: 10px; }

.btn-save:hover:active {
  background-color: #0694C4 !important; }

.btn-cancel {
  background-color: #d31912 !important;
  margin: 10px; }

.btn-cancel:hover:active {
  background-color: #d31912 !important; }

.btn-exportAll {
  background-color: #186ba0 !important;
  margin: 10px;
  border-radius: 10px; }

.btn-export {
  background-color: #186ba0 !important;
  margin: 10px; }

.btn-export:hover:active {
  background-color: #186ba0 !important; }

.btn-import {
  background-color: #0694C4 !important;
  margin: 10px; }

.btn-import:hover:active {
  background-color: #0694C4 !important; }

.btn-yes {
  background-color: #09A443 !important;
  margin: 10px !important; }

.btn-no {
  background-color: #d31912 !important;
  margin: 10px !important; }

.btn-uploadFile {
  background-color: #0694C4 !important;
  border-radius: 10px !important;
  width: 380px !important; }

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

.btn-download {
  background-color: #0694C4 !important;
  margin: 20px; }

.btn-download:hover:active {
  background-color: #0694C4 !important; }

.btn-downloadIcon {
  background-color: #0694C4 !important; }

.btn-downloadIcon:hover:active {
  background-color: #0694C4 !important; }

/*----------------------------------------------------*/
.ezbutton_normal {
  background-color: #0277BD !important; }

.ezbutton_normal.ui-state-hover {
  background-color: #0277BD !important; }

/*  Rouge */
.ezbutton_strongest {
  /* 	background: red; */
  /* 	background: #EC403C; */
  background-color: #ec261e !important; }

.ezbutton_strongest.ui-state-hover {
  /* 	background: violet; */
  /* 	background: #F68D70; */
  background-color: #ec261e !important; }

/*  Orange */
.ezbutton_strong {
  /* 	background: #F48124; */
  /* 	background: #F8A71A; */
  background-color: #FC6A0E !important; }

.ezbutton_strong.ui-state-hover {
  background-color: #FC6A0E !important;
  /* 	background: #F5A872; */
  /* 	background: #FDE3CA; */ }

.ezbutton_normal {
  /* 	background: blue; */
  background-color: #0277BD !important; }

.ezbutton_normal.ui-state-hover {
  /* 	background: blue; */
  background-color: #0277BD !important;
  /* 	background: #29A1EC; */ }

.ezbutton_cool {
  /* 	background: green; */
  /* 	background: #03ADAC; */
  background-color: #0694C4 !important; }

.ezbutton_cool.ui-state-hover {
  /* 	background: green; */
  background-color: #0694C4 !important;
  /* 	background: #53C6C3; */ }

.ezbutton_coolest {
  /* 	background: darkgreen; */
  /* 	background: #00A45D; */
  background-color: #09A443 !important; }

.ezbutton_coolest.ui-state-hover {
  /* 	background: darkgreen; */
  background-color: #09A443 !important;
  /* 	background: #61C295; */ }

.ui-button.ui-fileupload-choose {
  background-color: #0277BD !important; }

.ui-button.ui-fileupload-choose.ui-state-hover {
  background-color: #0277BD !important; }

.iobutton > .ui-corner-right {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important; }

.iobutton > .ui-corner-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.Container96 {
  width: 96%;
  float: left;
  display: flex;
  flex-direction: column; }

.MarAuto {
  margin-left: auto;
  margin-right: auto; }

.Fnone {
  float: none !important; }

.Container100 {
  width: 100%;
  float: left; }

.ezHeight100 {
  display: flex;
  flex-grow: 1; }

.ez-center-padding10 {
  display: flex;
  align-items: center;
  padding: 10px; }

.ContainerIndent {
  margin: 0px auto;
  padding: 10px; }

.ContainerIndentCenter {
  display: flex;
  align-items: center;
  margin: 0px auto;
  padding: 10px; }

.ShadowEffect {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(43, 59, 93, 0.4);
  -moz-box-shadow: 0px 1px 3px 0px rgba(43, 59, 93, 0.4);
  box-shadow: 0px 1px 3px 0px rgba(43, 59, 93, 0.4); }

.Card {
  padding: 20px;
  display: block;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #546e7a; }

.CardColumn {
  padding: 20px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #546e7a; }

.BigTopic {
  font-size: 20px;
  font-weight: lighter;
  color: #546E7A;
  padding: 10px 0px; }

.Fs25 {
  font-size: 25px !important; }

.Fs18 {
  font-size: 18px !important; }

.Fs14 {
  font-size: 14px !important; }

.Gray {
  color: #90A4AE !important; }

.BoldGray {
  color: #546E7A; }

.Fright {
  float: right; }

.Fleft {
  float: left; }

@media (min-width: 960px) {
  .ShowOnDesktop {
    display: inherit;
    opacity: 1; } }

h2 {
  margin: 0; }

/* Synthesis
----------------------------------*/
.status-ok {
  color: #21BA45 !important; }

.status-warning {
  color: #DB2828 !important; }

.status-check {
  color: #2185D0 !important; }

.status-off {
  color: #F2711D !important; }

.no-information {
  color: #d43c08; }

.new-tab-btn {
  position: absolute;
  top: 12px;
  right: 30px; }

.caseTime {
  /* color: #7bc4ff; */
  font-weight: bold; }

.caseSubject {
  /*      color: #2a2825; */
  font-weight: bold; }

.caseUser {
  font-weight: bold; }

.ez-CaseState .caseState span {
  display: block;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 2px;
  color: white;
  text-transform: uppercase; }

.synthesisContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px; }

.installTab ul {
  margin: 0; }

.installTab h3 {
  padding: 0px !important;
  margin-top: 3px;
  margin-bottom: 5px;
  display: flex;
  align-items: center; }

.installTab {
  padding: 10px !important; }

#reportDetailSummary\:browseCaseTabView\:synthesisContainer[aria-hidden="false"],
#reportDetailSummary\:browseCaseTabView\:newSynthesisContainer[aria-hidden="false"] {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start; }

#reportDetailSummary\:browseCaseTabView\:perfTab1[aria-hidden="false"],
#reportDetailSummary\:browseCaseTabView\:perfTab2[aria-hidden="false"],
#reportDetailSummary\:browseCaseTabView\:perfTab3[aria-hidden="false"] {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column; }

#reportDetailSummary\:browseCaseTabView\:processGraph[aria-hidden="false"] {
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch; }

.caseTitle {
  display: flex;
  height: 70px;
  min-height: 70px;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  margin-bottom: 10px;
  position: relative;
  color: #546e7a;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  text-align: left;
  border-radius: 4px;
  /* -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); */ }

.caseTitle > * {
  height: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.leftSideTitle, .rightSideTitle {
  width: 150px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.leftSideTitle > *, .rightSideTitle > * {
  display: block;
  height: 35px;
  width: 100%; }

.titleTicketSeverity {
  display: flex; }

.titleTicketSeverity .fa {
  font-size: 16px !important; }

.titleTicketSeverity > * {
  margin-left: 10px; }

.ticketState, .caseWarning, .applicationMeteo, .caseAction {
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  text-decoration: none; }

.applicationMeteo > * + * {
  margin-left: 8px; }

.titleTextMeteo {
  display: flex;
  justify-content: space-around;
  flex-direction: column; }

.titleTextMeteo > * + * {
  margin-top: 8px; }

.ticketState .fa {
  font-size: 16px !important; }

.centerTitle {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex-grow: 2; }

.centerTitle > * {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.caseWarning span {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 3px;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  font-size: 16px;
  font-weight: normal; }

.caseWarning .titleSpan {
  padding: 5px;
  width: 80px;
  color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.high_priority {
  background-color: #F42727 !important; }

.medium_priority {
  background-color: #ff9133 !important; }

.low_priority {
  background-color: #4296ee !important; }

.headerPanorama .caseWarning {
  margin-left: 15px; }

.title-pipe {
  margin-left: 10px;
  margin-right: 10px;
  /* font-weight: bold; */
  color: #989898; }

.title-date {
  font-size: 0.9em !important;
  margin-top: 4px;
  /* margin-left: 15px; */
  /* color: #0091ea; */ }

.title-fa-menu {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  text-align: center;
  cursor: pointer; }

.title-fa-menu .fa {
  font-size: 2em;
  transform: rotate(0);
  transition-duration: 0.3s; }

.caseProblemOccured {
  font-size: 0.9em; }

.caseApplication {
  font-size: 1.2em; }

.caseTicketId {
  text-transform: uppercase;
  text-decoration: none;
  color: inherit !important; }

.titleTextAlign {
  display: flex;
  flex-direction: column; }

.titleTextAlign * {
  margin-left: 15px; }

.title-application {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap; }

.title-part-1 {
  min-width: 90px;
  align-items: flex-start;
  display: flex;
  font-size: 20px !important;
  flex-direction: column;
  justify-content: space-around;
  border-right: solid #cccccc 1px; }

.title-part-2 {
  min-width: 170px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-right: solid #cccccc 1px;
  /*     flex-grow:1; 
    max-width:14%; */ }

.title-part-right {
  text-align: right;
  display: flex;
  flex-direction: column;
  padding: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: 15px; }

.title-part-right > * {
  font-size: 14px; }

.title-item {
  white-space: nowrap;
  overflow: hidden; }

.title-item > span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.summarySynthesis {
  font-weight: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.caseProblemOccured {
  flex-shrink: 2;
  text-overflow: ellipsis;
  overflow: hidden; }

.summarySynthesis label {
  display: inline-block;
  width: 88%;
  overflow: hidden;
  text-overflow: ellipsis; }

.summarySynthesis ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.summarySynthesis ul {
  padding-left: 0 !important; }

.summarySynthesis .NEW, .summarySynthesis .NEW .fa {
  color: #F42727; }

.summarySynthesis > div {
  position: relative; }

.caseGraph {
  /* max-height: 200px;
	overflow: auto; */ }

.summarySynthesis > div > * + * {
  margin-top: 8px; }

.summarySynthesis .fa {
  color: #414141; }

.URGENCY_high, .IMPACT_high {
  color: #F42727 !important; }

.URGENCY_medium, .IMPACT_medium {
  color: #ff9133 !important; }

.URGENCY_low, .IMPACT_low {
  color: #4296ee !important; }

.historyGraph > div {
  /*  margin-left: -34px; */ }

.caseIp, .caseShares, .caseBrowsers, .casePrinters, .caseDisks {
  color: #2185D0 !important; }

.historyGraph .highcharts-axis {
  /*  display: none; */ }

.caseDiskCapacity {
  display: flex;
  justify-content: flex-start;
  margin: 0 !important;
  align-items: center; }

.caseDiskCapacity > div {
  width: 30%;
  display: inline-block;
  height: 10px !important; }

.caseDiskCapacity div .ui-progressbar-label {
  display: none !important; }

.caseDiskCapacity > i {
  margin: 0 !important; }

.caseList div > label {
  display: block;
  text-align: center;
  height: 20px;
  width: 20px;
  padding-top: 1px;
  padding-left: 0;
  background-color: #0e69aa;
  border-radius: 50%;
  color: white; }

.caseSimilarTickets > div + div {
  display: flex;
  justify-content: space-around; }

.caseSimilarTickets .fa {
  margin: 3px !important;
  width: auto !important; }

.caseList > div:nth-child(1) {
  display: flex;
  width: 100%;
  min-width: 250px;
  padding: 5px 3px !important;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; }

.caseList ul {
  margin-left: 0 !important;
  padding-left: 0 !important; }

.caseList div span label, .caseList div ul li label {
  color: #546E7A; }

.caseList div span {
  min-width: 240px; }

.caseList div:nth-child(1), .caseList div:nth-child(1) * {
  cursor: pointer; }

.caseList:hover {
  background-color: #d8d9d9; }

.caseList ul {
  height: 0;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /* padding: 5px; */
  margin-left: 25px !important;
  transition-duration: 0.7s; }

.showCaseList {
  height: auto !important;
  transition-duration: 0.7s !important; }

.apiIncident {
  display: flex;
  flex-grow: 2;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  color: #546e7a;
  margin: 0 auto;
  font-size: 0.9em !important;
  width: 100%; }

.apiIncident .ui-progressbar {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  margin-left: 7px;
  border: solid #b3b3b3 1px; }

.apiIncident > article + article {
  margin-left: 10px; }

.apiIncident > article:nth-child(1) {
  position: relative;
  flex-basis: 26%;
  max-width: 26%;
  min-width: 250px;
  height: 100%; }

.apiIncident > article:nth-child(2) {
  flex-basis: 40%;
  max-width: 40%; }

.apiIncident > article:nth-child(3) {
  flex-basis: 34%;
  max-width: 34%;
  max-height: 100%;
  border-radius: 4px; }

.apiIncident > article > * + * {
  margin-top: 10px; }

.apiIncident > article:nth-child(1) > * {
  background-color: white;
  padding: 10px;
  border-radius: 4px;
  overflow: hidden; }

.apiIncident > article:nth-child(3) li {
  padding: 3px 5px;
  position: relative; }

.apiIncident .caseSystem li {
  padding: 3px 5px;
  position: relative; }

.apiIncident h3 {
  padding: 0px !important;
  margin-top: 3px;
  margin-bottom: 5px;
  display: flex;
  align-items: center; }

.technicalContainer {
  width: 100%; }

.commentaryCase ul {
  padding-left: 0 !important; }

.ez-markdown > p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* padding: 5px 10px;
        background-color: #eaeaea;
        border-radius: 5px;
        border: solid 1px lightgrey;     */ }

.label-comment:nth-child(odd) {
  /* background-color: #f0f0f0; */ }

.label-comment {
  color: #2185D0;
  overflow: hidden; }

.label-comment > * {
  padding: 5px 0; }

.label-comment .ez-case-update {
  color: #FF9133; }

.label-comment .ez-case-comment {
  color: #404052; }

.comment-case-state {
  color: white;
  float: right;
  background-color: grey;
  padding: 2px 8px;
  border-radius: 4px;
  width: 90px;
  text-align: center; }

.ez-support {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px lightgrey;
  text-align: right; }

.ez-support-comment {
  display: block;
  background-color: #dbf3f9;
  text-align: left; }

.ez-support-update {
  display: block;
  background-color: #f7f9db; }

.ez-markdown > p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* padding: 5px 10px;
	background-color: #eaeaea;
	border-radius: 5px;
	border: solid 1px lightgrey;	 */ }

.commentaryCase .label-comment:nth-child(odd) {
  background-color: #f0f0f0; }

.commentaryCase .label-comment {
  color: #2185D0; }

.commentaryCase .label-comment .ez-case-update {
  color: #FF9133; }

.commentaryCase .label-comment .ez-case-comment {
  color: #404052; }

.ez-support {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px lightgrey;
  text-align: right; }

.ez-support-comment {
  background-color: #dbf3f9;
  text-align: left; }

.ez-support-update {
  background-color: #f7f9db; }

.apiIncident ul, .technicalContainer ul, .caseSystem ul {
  margin: 0;
  width: 100%; }

.technicalContainer ul {
  padding-left: 0px !important; }

.ez-shadow-panel li {
  list-style-type: none; }

.technicalContainer ul li {
  list-style-type: none; }

.apiIncident ul li + li, .technicalContainer ul li + li {
  /*	margin: 6px 0; */ }

.headerCase img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-height: 35vh;
  max-width: 100%; }

.apiIncident i {
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
  width: 28px; }

.headerCase h3 i {
  margin-right: 4px; }

.userJourney {
  text-align: center;
  margin-top: 5px;
  color: #9a9a9a;
  font-weight: bold;
  font-size: 1em; }

.headerCase ul {
  padding: 10px !important; }

.headerCase ul li {
  margin: 0; }

.headerCase > article {
  cursor: pointer; }

.selectedWindow {
  border: solid #d4d4d5 1px !important;
  border-bottom: solid white 1px !important; }

.userExperienceContent {
  display: flex; }

.userExperienceContent > ul {
  flex-basis: 25%; }

.ui-tabs {
  position: inherit; }

.technicalContainer > div {
  border: none !important; }

.technicalContainer .ui-tabs-nav {
  width: auto;
  border: none;
  background-color: white;
  margin-bottom: -2px; }

.technicalContainer .ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
  border: 1px solid #d4d4d5 !important;
  border-bottom: none !important;
  background-color: white !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.technicalContainer .ui-tabs-top .ui-tabs-panels {
  border: 1px solid #d4d4d5 !important;
  border-radius: 3px; }

.technicalContainer .ui-tabs-top .ui-tabs-nav li.ui-state-hover {
  border-bottom: none !important; }

.technicalContainer i {
  display: inline-block;
  font-size: 1em;
  margin-right: 5px; }

.edit-btn {
  display: block;
  padding: 12px;
  background-color: #2185D0;
  color: white !important;
  font-size: 1em;
  font-weight: normal;
  transition-duration: 0.3s; }

.btn-synthesis {
  display: inline-block;
  text-decoration: none;
  padding: 4px;
  margin-left: 25px;
  background-color: #2185D0;
  color: white !important;
  font-size: 1em;
  font-weight: normal;
  transition-duration: 0.3s; }

.edit-btn:hover, .btn-synthesis:hover {
  background-color: #4c92c5;
  transition-duration: 0.3s; }

.caseSystem {
  padding: 2px 10px;
  background-color: white;
  border-radius: 4px; }

/************************       Panorama        *********************************/
.panoramaContainer * {
  box-sizing: border-box;
  font-size: 1em !important; }

.panoramaContainer .ui-dialog-titlebar {
  padding: 0 !important; }

.panoramaContainer .ui-dialog-titlebar-icon {
  position: absolute;
  margin-top: 0 !important;
  right: 5px;
  top: 5px; }

.panoramaContainer .ui-dialog-title {
  float: none !important;
  margin: 0 !important; }

.casePanorama {
  position: relative;
  width: 100vw;
  background-color: #201f1f; }

.headerPanorama {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 0;
  padding: 2px 10px;
  position: relative;
  width: 100%;
  height: 6vh;
  background-color: #2c2c30 !important;
  color: white !important;
  font-size: 16px !important; }

.headerPanorama > div {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.headerPanorama > div > div {
  display: flex;
  align-items: center; }

.headerPanorama div + div > div {
  margin-right: 15px; }

.headerPanorama > div > div > i {
  display: inline-block;
  font-size: 1em;
  margin: 0 6px; }

.ContentPanorama {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  width: 100%;
  height: 90vh; }

.footerPanorama {
  display: flex;
  position: relative;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  width: 100%;
  height: 4vh;
  background-color: #2c2c30 !important;
  color: white !important;
  border-radius: 2px; }

.footerPanorama div ul li {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  border-bottom: 0px !important; }

.footerPanorama > div:nth-child(1) {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 80%; }

.diapoScrollList {
  -webkit-appearance: button;
  -moz-appearance: button;
  -moz-user-select: none;
  -webkit-padding-end: 7px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 5px;
  -moz-padding-start: 2px;
  border: 1px solid #AAA;
  border-radius: 4px;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.diapoScrollList {
  -webkit-appearance: button;
  -moz-appearance: button;
  -moz-user-select: none;
  -webkit-padding-end: 7px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 5px;
  -moz-padding-start: 2px;
  border: 1px solid #AAA;
  border-radius: 4px;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.footerPanorama .ui-datascroller .ui-datascroller-item {
  border-bottom: 0px !important; }

.footerPanorama .ui-datascroller {
  background-color: #2c2c30 !important;
  color: white !important; }

.footerPanorama .ui-datascroller-loader {
  display: none; }

.footerPanorama .ez-screenNumber {
  margin-left: 3px; }

.footerPanorama .ez-screenNumber {
  margin-left: 3px; }

.footerPanorama .ui-outputlabel {
  color: white !important; }

.headerPanorama p {
  margin: 0; }

/**********************         SLIDER  *******************************/
.slider {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.panoramaContainer .ui-icon {
  /* width: 30px;
  height: 30px; */ }

.panoramaContainer.ui-dialog .ui-dialog-content {
  padding: 0 !important; }

.slider figure {
  height: 100%;
  padding: 5px;
  margin: 0; }

.slider > figure > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  object-fit: contain;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.caseUnderline {
  padding: 3px 9px;
  margin: 0 5px;
  border-radius: 5px;
  color: white !important; }

.footerleftside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }

.footerPanorama .caseUnderline {
  background-color: #767676; }

.slideToEndBtn, .slideToStartBtn, .slideLeftBtn, .slideRightBtn {
  width: 22px;
  cursor: pointer;
  margin-right: 7px;
  margin-left: 7px; }

.commentaryCase {
  margin-top: 10px;
  padding: 10px !important; }

.caseCommentXml {
  overflow: auto;
  font-weight: normal;
  font-size: 14px !important;
  margin: inherit !important; }

.ez-markdown p > strong {
  color: #404052;
  font-weight: normal; }

.ez-markdown p {
  color: #2185d0;
  line-heht: 1.5em; }

.caseCommentCaseInfo {
  overflow: auto;
  font-weight: normal;
  font-size: 14px !important;
  margin: inherit !important;
  line-height: 1.5em; }

.caseCommentXml .label-comment {
  padding: 5px 0px; }

.caseCommentCaseInfo > div > div > strong {
  color: grey;
  font-weight: normal; }

.caseCommentCaseInfo > div > div > span {
  line-height: 1.5em; }

.caseComment {
  overflow: auto;
  font-weight: normal;
  font-size: 14px !important;
  margin: inherit !important; }

.caseComment > div > * {
  display: block;
  border-left: none;
  border-right: none; }

.userComment {
  /* border-bottom: 1px solid #d4d4d4; */ }

.label-comment + .label-comment {
  border-top: 1px solid #d3d5d8;
  margin-top: 5px;
  padding-top: 5px; }

.label-comment-black {
  padding: 5px;
  padding-left: 10px;
  min-height: 60px; }

.commentUpdate {
  margin-top: 10px;
  overflow: auto; }

.synthesisNoComment {
  display: block;
  margin-top: 10px; }

/* #reportDetailSummary:browseCaseTabView:j_idt537 > *{
        padding: 0 !important;
} */
.caseSpecialLink a {
  color: #0091ea;
  font-size: 1em;
  /* font-family: Arial,Helvetica,sans-serif !important; */
  text-decoration: none; }

.slider > figure > img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.sliderHeader > div {
  visibility: hidden;
  position: absolute; }

.activeSlider, .activeFooterSlide, .activeHeaderSlide {
  visibility: visible !important;
  position: relative !important; }

.screenWithError {
  border: solid red 5px; }

.slider > img {
  position: absolute;
  width: 3%; }

.arrows {
  position: absolute;
  z-index: 2500;
  cursor: pointer;
  top: 44.5%;
  transition-duration: 0.3s; }

.arrows:hover {
  transform: scale(1.05);
  transition-duration: 0.3s; }

.arrow-left {
  left: 30px; }

.arrow-right {
  right: 30px; }

.slideToErrorBtn {
  width: 25px;
  cursor: pointer; }

.slideToErrorBtn {
  width: 25px;
  cursor: pointer; }

.hideArrow {
  visibility: hidden; }

.ui-datascroller .ui-datascroller-content {
  overflow: visible;
  border: none;
  padding: 15px !important; }

.ui-dialog .ui-dialog-titlebar {
  border: none !important; }

.destroyConfirmation .ui-widget-content {
  padding: 10px !important; }

.destroyConfirmation .ui-icon {
  display: none; }

.caseSpecialLink .destroyConfirmation {
  display: none !important; }

.ez-update-case-dialog {
  padding-top: 10px !important; }

.ez-update-case {
  width: 100%; }

.ez-update-case tbody tr {
  height: 52px;
  margin-left: 1em;
  border: none; }

.ez-update-case tbody tr:first-child {
  border-top: none !important; }

.ez-update-case tbody tr:last-child {
  border-bottom: none !important; }

.ez-update-case tbody :first-child td {
  border-top: none !important; }

.ez-update-case tbody :last-child td {
  border-bottom: none !important; }

.ez-update-case tbody tr td {
  border: none !important; }

.ez-update-case tbody tr td:first-child label {
  color: #0262C0 !important; }

.ez-update-case-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px; }

.ez-update-case-btn * + * {
  margin-left: 15px; }

.ez-case-add-comment {
  margin-top: 10px !important; }

.ez-web-access-dialog {
  width: 80% !important;
  max-height: 90% !important;
  overflow: auto; }

.ez-web-access-dialog table {
  width: 100%; }

.ez-web-access-dialog .ui-widget-content {
  overflow-x: auto;
  overflow-y: hidden; }

.ez-web-access-dialog .ui-dialog-content {
  height: calc(100% - 50px) !important; }

.processTab {
  width: 98% !important;
  margin: 1%;
  background-color: #F5F5F5;
  overflow: visible !important;
  /*width: 100% !important;
    margin-left: 0px;
    padding: 0;
    background-color: #F5F5F5;
    overflow: unset;
    border-bottom: 7px solid #D4D4D4;*/ }

.graphContainer {
  overflow: auto;
  /* padding: 15px;
	padding-bottom: 0; */ }

.graphContainerDelimiter {
  border-top: solid #eaeaea 4px; }

/* .graphContainer .hc-chartframe{
	width: 100%;
	display: block;
	padding: 10px;
	border: solid 1px #FEFEFE;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	background-color: white;
} */
.perfGraphContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto; }

.analyzeData {
  display: none;
  padding: 0; }

.analyzeData ul {
  padding-left: 10px; }

.showData {
  display: block !important; }

/*/////////*/
.analyze-container {
  padding: 0;
  font-size: 1.2em; }

.analyze-container .analyze-list {
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.analyze-container .analyze-title {
  color: #656565; }

.analyze-container .analyze-tag {
  text-align: center;
  border-radius: 15px;
  padding: 3px 12px;
  width: 120px;
  font-sized: 0.8em; }

/*/////////*/
.analyseContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 6px; }

.analyzeTag {
  display: block;
  text-decoration: none;
  padding: 2px 5px;
  border-radius: 3px; }

.analyzeList .analyzeTag i {
  width: auto;
  margin-right: 5px; }

.analyseContainer > li {
  padding: 3px 5px; }

.analyseContainer > li + li {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }

.analyzeDetails, .meteoDetails {
  border: solid 2px #959595 !important;
  flex-direction: column;
  overflow: auto !important;
  padding: 25px;
  max-width: 600px;
  max-height: 300px; }

.analyzeDetails .ui-dialog-titlebar {
  position: sticky !important;
  top: 0;
  z-index: 200; }

.analyzeDetails .ui-dialog-title, .meteoDetails .ui-dialog-title {
  width: 90%; }

.analyzeTitle {
  margin: 0;
  margin-bottom: 5px;
  display: none;
  text-decoration: none;
  padding: 2px 5px;
  border-radius: 3px; }

.meteoTitle {
  margin: 0;
  margin-bottom: 5px;
  text-decoration: none;
  padding: 2px 5px;
  border-radius: 3px; }

.inlineAnalysis {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }

.inlineAnalysis * + * {
  margin-left: 10px; }

.inlineMeteo {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.meteoMessage {
  vertical-align: middle; }

/*.ez-meteo-image{
	width: 25px;
	height: auto;
}*/
.inline-meteo {
  text-decoration: none; }

.meteo-OK {
  background-color: #008000; }

.ez-dialog-style tbody tr td:first-child {
  padding-left: 1em; }

.highcharts-legend {
  width: 100%; }

/*
	Couleur disques 
*/
.disk-level-hot > .ui-progressbar-value {
  background-color: #FF0000 !important; }

.disk-level-warning > .ui-progressbar-value {
  background-color: #ff9133  !important; }

.disk-level-ok > .ui-progressbar-value {
  background-color: #00B050 !important; }

.ez-menu {
  position: absolute;
  background-color: white;
  display: none;
  margin: 0;
  padding: 0;
  top: 100%;
  right: 0;
  border: 2px solid #d3d5d8;
  border-radius: 5px;
  z-index: 1000; }

.title-fa-menu .fa {
  transform: rotate(0);
  transition-duration: 0.3s; }

.title-fa-menu .fa:hover {
  color: #0091ea; }

.ez-menu a {
  display: block;
  padding: 8px;
  width: 100%;
  color: #37474F; }

.ez-menu a:hover {
  background-color: #d3d5d8; }

.show-menu {
  display: block; }

.show-fa-menu .fa {
  color: #0091ea;
  transform: rotate(90deg);
  transition-duration: 0.3s; }

/* COLUMN */
.ez-column-center {
  text-align: center; }

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

.meteo-container-top {
  display: flex;
  padding-bottom: 5px; }

.meteo-container-bottom {
  display: flex;
  padding-top: 5px;
  border-top: solid #d3d5d8 1px; }

.meteo-description {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex-grow: 1;
  padding-left: 10px; }

.ez-icon-medium {
  width: 64px; }

.ez-icon-medium img {
  width: 100%; }

.ez-synthesis-tabContainer {
  overflow: auto;
  padding: 15px;
  padding-bottom: 0;
  height: 100%; }

.ez-synthesis-tabContainer i {
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
  width: 28px; }

.ez-synthesis-tabContainer .ez-shadow-panel + .ez-shadow-panel {
  margin-top: 10px; }

.oneCaseContent {
  width: 95%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 5px; }

.onepageContainer {
  padding-bottom: 25px; }

.onePageContainer {
  width: 100%;
  padding: 0 25px;
  overflow: hidden; }

.mainTab {
  height: 100vh;
  overflow: hidden; }

.mainTab .ui-tabs-panels {
  height: 100%; }

.mainTab .ui-tabs-panels > div {
  height: calc(100% - 35px);
  overflow: auto; }

.mainTab .ui-tabs-navscroller {
  border: none !important; }

.mainTab .ui-tabs-navscroller li {
  margin: 0 !important;
  border: none !important; }

.mainTab .hc-chartframe {
  margin: 8px 0; }

.mainTab .hc-chartframe > div {
  display: block;
  margin: auto; }

#listSelection {
  height: 100%; }

.aggregateCases {
  position: relative;
  height: 100%;
  max-width: 280px;
  min-width: 280px;
  border-right: 1px solid #cecece; }

#aggregateCases tr td {
  display: block;
  border: 0;
  position: relative !important;
  border-top: none;
  border-right: none; }

#listSelection > div {
  height: 100%;
  border: none !important;
  border-radius: 0 !important; }

#aggregateCases .ui-datatable-scrollable-body {
  width: 100%;
  height: 100% !important;
  background-color: #f5f5f5;
  outline: none; }

.ezFilterMenu {
  display: flex;
  align-items: center;
  padding: 10px; }

.ezFilterMenu > * + * {
  margin-left: 20px; }

.casesNumber {
  font-size: 0.8em;
  width: 60px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis; }

.casesNumber span {
  display: block;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 3px;
  color: white;
  text-transform: uppercase; }

.dataTable-no-header {
  width: 100%;
  height: calc(100% - 75px);
  overflow: auto;
  padding-bottom: 10px; }

.aggregateContainer {
  background-color: #F5F5F5;
  font-size: 0.8em !important;
  display: flex;
  height: 100%; }

.dataTable-no-header .ui-datatable-scrollable-body {
  height: 100%;
  overflow: auto; }

.dataTable-no-header thead {
  display: none; }

.filtersContainer {
  min-width: 280px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  border-right: 2px solid #e4e4e4;
  /* border-right: solid #cccccc 7px; */ }

.filtersContainer > div {
  overflow-y: auto;
  padding: 4px;
  min-height: 100px;
  flex: 2 1 auto; }

.filtersContainer > div > h3 {
  margin: 0;
  line-height: 26px;
  vertical-align: middle; }

.filterSection {
  width: 100%;
  border-radius: 5px;
  height: calc(100% - 26px);
  overflow: hidden;
  padding: 0;
  border: solid #dddddd 1px;
  background-color: white; }

.filterSection > div {
  height: 100%;
  overflow-y: scroll;
  padding: 2px; }

.filterSection > div > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  padding-right: 3px; }

.filterSection > div > div:hover {
  background-color: #dedede; }

.textEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 80px); }

.custom-filter .ui-filter-column .ui-column-customfilter {
  width: 100%;
  box-sizing: border-box;
  color: black; }

.filterToolBar {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: white;
  padding: 0 10px;
  /* margin-bottom: 15px; */ }

.filterToolBar > .filters {
  display: flex;
  align-items: center; }

.filterToolBar > .filters > div + div {
  margin-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.filterToolBar > .filters .ui-chkbox {
  margin-left: 8px;
  display: flex; }

.infoCase {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  margin: 5px; }

.infoCase .ui-chkbox {
  margin-top: 5px; }

.titleInfoContainer {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px; }

.titleInfoContainer > div:nth-child(1) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tagContainer {
  display: flex; }

.infoCase li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style-type: none; }

.linkContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px; }

.comInfoContainer {
  width: 100% !important;
  /* background-color: #d2def2;
border: solid #cacaca 1px; */
  max-height: 70px;
  overflow: auto; }

.comInfoContainer p {
  white-space: normal;
  /* padding: 0 5px; */ }

.rightsideInfoContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  flex-grow: 2;
  margin-left: 10px;
  border-radius: 8px; }

.rightsideInfoContainer p {
  margin: 0;
  white-space: normal !important; }

.rightsideInfoContainer > .tabContainer {
  height: 165px; }

.rightsideInfoContainer > div > div {
  height: calc(100% - 35px);
  border: solid #bbbbbb 1px;
  overflow: hidden;
  border-radius: 8px; }

.rightsideInfoContainer > div > div > div {
  height: 100%;
  overflow: auto;
  padding: 10px !important;
  display: block; }

.rightsideInfoContainer ul > li > a {
  background-color: white !important;
  border-radius: 0; }

.rightsideInfoContainer ul > .ui-state-active > a {
  color: #0091ea !important; }

.rightsideInfoContainer i {
  text-align: left; }

.dataTable-no-header tbody > tr.ui-widget-content {
  background-color: white !important;
  border-color: white; }

.rightsideInfoContainer a {
  display: inline-block;
  text-decoration: none;
  padding: 5px;
  line-height: 20px;
  border-radius: 3px;
  background-color: #186BA0;
  color: white; }

.comInfoContainer > li {
  margin: 0;
  overflow: auto; }

.itemDisable {
  color: grey; }

.imageContainer {
  width: 350px;
  min-width: 350px;
  overflow: hidden;
  display: flex;
  align-items: center; }

.imageContainer > img {
  width: 100%;
  height: auto; }

.infoContainer {
  display: flex;
  font-size: 1em;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }

.infoContainer .fa {
  width: 22px; }

.aggregateCaseBody > .listContainer {
  width: 250px;
  min-width: 250px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.aggregateCaseBody > .listContainer > ul {
  padding: 0;
  margin: 0; }

.infoContainer > ul > li {
  margin-top: 4px;
  margin-bottom: 6px; }

.aggregateCaseBody {
  width: 100%;
  display: flex;
  justify-content: flex-start; }

.ticketStatus {
  width: 100%;
  padding: 5px 0; }

.ticketStatus ul {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between; }

.filterCaseNumber {
  padding-left: 8px; }

.aggregateTag span {
  display: block;
  padding: 3px 5px;
  padding-top: 5px;
  background-color: #f42727;
  border-radius: 5px;
  color: white !important;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase; }

.aggregateTag-NEW {
  background-color: #f42727 !important; }

.aggregateTag-OPENED {
  background-color: #2185D0 !important; }

.aggregateTag-SOLVED {
  background-color: #20ac20 !important; }

.aggregateTag-CLOSED {
  background-color: #1c1c1c !important; }

.aggregateTag-ARCHIVED {
  background-color: #aa0970 !important; }

.aggregateTag-INIT {
  background-color: #ff6000 !important; }

.titleContainer {
  margin-top: 5px; }

.tagContainer > div {
  margin-left: 10px; }

.linkContainer > div {
  margin-left: 30px; }

.linkContainer a {
  text-decoration: none;
  color: #0091ea; }

.ticketStatusColor {
  font-weight: bold;
  color: #0091ea; }

.ez-case-comment, .ez-case-update {
  white-space: normal !important; }

.ez-inplace .ui-inplace-display {
  display: block;
  padding: 5px; }

.ez-inplace .ui-inplace-display .fa {
  margin-left: 7px; }

.ez-massive-action {
  display: flex;
  justify-content: flex-end !important;
  flex-grow: 2;
  align-items: center;
  font-size: 14px !important; }

.ez-massive-action > * + * {
  margin-left: 10px; }

.ez-massive-action > a {
  margin: 0 10px;
  text-decoration: none;
  color: #0091ea; }

.ezMenuButton_cool > button {
  background-color: #0694C4 !important; }

.aggregate-searchArea {
  padding-left: 50px;
  width: 500px; }

tr > .simpleCase-column {
  padding: 0px !important;
  width: max-content; }

.simpleCase-header {
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  padding-bottom: 5px;
  heugh: 25px; }

.simpleCase-header > .simpleCase-Container > a {
  display: flex;
  text-decoration: none;
  /* color: #707070; */
  color: #37474f;
  font-style: inherit;
  font-weight: bold; }

.simpleCase-sortOrder {
  margin-left: 5px; }

.simpleCase-row {
  border-top: 1px solid #ccc;
  line-height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px; }

.simpleCase-Container {
  display: flex;
  align-items: center;
  width: 100%;
  color: #545454; }

.simpleCase-Container > div {
  overflow: hidden;
  text-overflow: ellipsis; }

.simpleCase-Container > .ui-chkbox {
  min-width: max-content; }

.simpleCase-date {
  width: 110px;
  min-width: 100px; }

.simpleCase-id {
  color: #3b73af;
  width: 115px;
  min-width: 115px; }

.simpleCase-id > .ui-link {
  color: #3b73af; }

.simpleCase-state {
  min-width: 10em;
  display: flex;
  justify-content: center; }

.simpleCase-state > div + div {
  margin-left: 10px; }

.simpleCase-status {
  width: 100px;
  min-width: 100px;
  padding-left: 5px; }

.simpleCase-status-tag {
  display: block;
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #4a6785;
  font-size: 11px !important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  width: max-content; }

.simpleCase-priority {
  width: 30px;
  min-width: 30px;
  text-align: center; }

.simpleCase-priority-tag {
  display: block;
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #4a6785;
  font-size: 11px !important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  width: max-content;
  margin: auto; }

.simpleCase-appContainer {
  min-width: 120px;
  /* width: 15%; */
  flex: 1; }

.simpleCase-app {
  text-transform: uppercase;
  font-weight: bold;
  line-height: initial; }

.simpleCase-transaction {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: initial; }

.simpleCase-cause {
  padding-right: 10px;
  max-width: 220px;
  min-width: 120px;
  flex: 1; }

.simpleCase-site {
  padding-right: 10px;
  min-width: 120px;
  flex: 1;
  /* width:12% */ }

.simpleCase-user {
  color: #3b73af;
  max-width: 140px;
  min-width: 140px;
  flex-grow: 1; }

.simpleCase-group {
  max-width: 140px;
  min-width: 140px;
  flex-grow: 1; }

.simpleCase-comment {
  flex: 2;
  min-width: 120px;
  font-style: italic; }

.ez-case h3 {
  padding: 0px !important;
  margin-top: 3px;
  margin-bottom: 5px;
  display: flex;
  align-items: center; }

.ez-case i {
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
  width: 28px; }

.ez-case ul {
  margin: 0;
  width: 100%;
  padding-left: 0px; }

.ez-case-userInfo ul {
  display: flex;
  flex-wrap: wrap; }

.ez-case ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.ez-case-userInfo ul li {
  margin: 6px 0;
  margin-right: 1em; }

.ez-case-recommendations ul li {
  margin: 6px 0; }

.ez-case .ez-markdown {
  margin: 6px 0; }

.ez-case ul li p {
  margin: 0px; }

.ez-case-panel {
  padding: 10px;
  border: solid 1px #FEFEFE;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background-color: white; }

.ez-case-comment-state {
  color: white;
  float: right;
  background-color: grey;
  padding: 2px 8px;
  border-radius: 4px;
  width: 90px;
  text-align: center; }

.ez-case-historic > * {
  padding: 5px 0; }

.ez-case-historic + .ez-case-historic {
  border-top: 1px solid #d3d5d8;
  margin-top: 5px;
  padding-top: 5px; }

.ez-case-recommendations li {
  list-style-type: disc;
  margin-left: 2em !important;
  display: list-item !important; }

.ez-case-panoramaContainer * {
  box-sizing: border-box;
  font-size: 1em !important; }

.ez-case-panoramaContainer .ui-dialog-titlebar {
  padding: 0 !important; }

.ez-case-panoramaContainer .ui-dialog-title {
  margin: 0 !important;
  width: 100%; }

.ez-case-panoramaContainer .ui-dialog-titlebar-icon {
  position: absolute;
  margin-top: 0 !important;
  right: 5px;
  top: 5px !important; }

.ez-case-panoramaContainer .ui-icon-closethick {
  width: 40px !important;
  height: 40px !important; }

.ez-case-panoramaContainer.ui-dialog .ui-dialog-content {
  padding: 0 !important; }

.ez-case-screens > article {
  cursor: pointer; }

.ez-case-screens img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-height: 35vh;
  max-width: 100%; }

.ez-case-userJourney {
  text-align: center;
  margin-top: 5px;
  color: #9a9a9a;
  font-weight: bold;
  font-size: 1em; }

.ez-case-title {
  display: flex;
  height: 70px;
  min-height: 70px;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  margin-bottom: 10px;
  position: relative;
  color: #546e7a;
  text-overflow: ellipsis;
  text-align: left;
  border-radius: 4px; }

.ez-case-title > * {
  height: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.ez-case-title-part-1 {
  min-width: 90px;
  align-items: flex-start;
  display: flex;
  font-size: 20px !important;
  flex-direction: column;
  justify-content: space-around;
  border-right: solid #cccccc 1px; }

.ez-case-title-part-2 {
  min-width: 170px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-right: solid #cccccc 1px;
  /*     flex-grow:1; 
    max-width:14%; */ }

.ez-case-title-part-right {
  text-align: right;
  display: flex;
  flex-direction: column;
  padding: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: 15px; }

.ez-case-title-part-right > * {
  font-size: 14px; }

.ez-case-title-item {
  white-space: nowrap;
  overflow: hidden; }

.ez-case-title-item > span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ez-case-menu {
  position: absolute;
  background-color: white;
  display: none;
  margin: 0;
  padding: 0;
  top: 100%;
  right: 0;
  border: 2px solid #d3d5d8;
  border-radius: 5px;
  z-index: 1000; }

.ez-case-fa-menu {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  text-align: center;
  cursor: pointer; }

.ez-case-fa-menu .fa {
  font-size: 2em;
  transform: rotate(0);
  /*transition-duration: 0.3s;*/ }

.ez-case-fa-menu .fa:hover {
  color: #0091ea; }

.ez-case-show-menu {
  display: block; }

.ez-case-show-fa-menu .fa {
  color: #0091ea;
  transform: rotate(90deg);
  transition-duration: 0.3s; }

.ez-case-menu a {
  display: block;
  padding: 8px;
  width: 100%;
  color: #37474F; }

.ez-case-menu a:hover {
  background-color: #d3d5d8; }

.ez-case-ticketId {
  text-transform: uppercase;
  text-decoration: none;
  color: inherit !important; }

.ez-case-centerTitle {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex-grow: 2; }

.ez-case-centerTitle > * {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.ez-case-application {
  font-size: 1.2em; }

.ez-case-title-application {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap; }

.ez-case-high_priority {
  background-color: #F42727 !important; }

.ez-case-medium_priority {
  background-color: #ff9133 !important; }

.ez-case-low_priority {
  background-color: #4296ee !important; }

.ez-case-urgency_high, .ez-case-impact_high {
  color: #F42727 !important; }

.ez-case-urgency_medium, .ez-case-impact_medium {
  color: #ff9133 !important; }

.ez-case-urgency_low, .ez-case-impact_low {
  color: #4296ee !important; }

.ez-case-warning span {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 3px;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  font-size: 16px;
  font-weight: normal; }

.ez-case-warning .ez-case-titleSpan {
  padding: 5px;
  width: 80px;
  color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.ez-case-ticket-state {
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  text-decoration: none; }

/** Size of tooltip **/
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
  font-size: 18px !important; }

.numberIndicator {
  font-size: 64px; }

.labelIndicator {
  font-style: italic; }

/*  L'orderList pour la page customChart */
.ui-orderlist .ui-orderlist-list {
  height: 400px; }

/* Enelve bordure legend xAxis */
/*.table.jqplot-table-legend*/
.jqplot-table-legend {
  border: none !important; }

/* A Changer mettre Container100 dans l'autre css */
/* .Container96 */
/* { */
/* 	width: 100% !important; */
/* } */
.jqplot-target {
  color: #546e7a !important;
  font-family: 'robotoregular',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 1em !important;
  height: 400px !important;
  width: auto !important; }

.jqplot-xaxis-tick {
  color: #000 !important; }

.jqplot-target .jqplot-pie-series {
  color: #fff !important; }