.fa-circle.isopen-false, .fa-circle.isopen-false:hover  {
color: grey !important; 
margin-left: -0.5px; 
font-size:16px;
}
.fa-circle.isopen-true, .fa-circle.isopen-true:hover  {
color: orange !important; 
margin-left: -0.5px; 
font-size:16px;
}

@media (min-width: 1000px) {
	.panel-ticket-conversation{
		width:1000px;
	}
}

.ticket-reply-content {
	white-space:pre-wrap;
}

.jstree-proton .jstree-clicked {
	color:#33333 !important;
}

.user_avatar
{
	width:50px;
	height:50px;
	background-image:url('http://placehold.it/50/55C1E7/fff&text=A')
}
/*liste courte */
.ticket-clos .select
{
	background-color : grey !important;
}

.ticket-REPONSEAPPORTEE .select
{
	background-color : #ff8923 !important;
}

.ticket-BLOQUANT .select
{
	background-color : #f13434 !important;
}

.ticket-ATTENTECLIENT  .select
{
	background-color : #05bb6f !important;
}
.ticket-TOVALIDATE  .select
{
	background-color : #05bb6f !important;
}
.ticket-TRAITEMENT .select
{
	background-color : #004fb1 !important;
}

.ticket-PLANIF .select
{
	background-color : #004fb1 !important;
}
.ticket-ATTENTEMAJ .select
{
	background-color : #004fb1 !important;
}

.ticket-GRAPH .select
{
	background-color : #9975c1 !important;
}

.ticket-ISV .select
{
	background-color : #9975c1 !important;
}
.ticket-ATTENTECORRECTIF .select
{
	background-color : #9975c1 !important;
}

.ticket-SOCLE .select
{
	background-color : #9975c1 !important;
}

.ticket-COMMERCIAL .select
{
	background-color : #9975c1 !important;
}

.ticket-TECHNIQUE .select
{
	background-color : #004fb1 !important;
}

/*détail*/
.ticket-clos #puceEtat
{
	color: grey !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-REPONSEAPPORTEE #puceEtat
{
	color: #ff8923 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-BLOQUANT #puceEtat
{
	color: #f13434 !important; 
	margin-left: -0.5px; 
	font-size:16px;
	font:normal normal normal 14px/1 FontAwesome;
}

.ticket-ATTENTECLIENT  #puceEtat
{
	color: #05bb6f !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-TOVALIDATE  #puceEtat
{
	color: #05bb6f !important; 
	margin-left: -0.5px; 
	font-size:16px;
}
.ticket-TRAITEMENT #puceEtat
{
	color: #004fb1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-PLANIF #puceEtat
{
	color: #004fb1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}
.ticket-ATTENTEMAJ #puceEtat
{
	color: #004fb1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-GRAPH #puceEtat
{
	color: #9975c1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-ISV #puceEtat
{
	color: #9975c1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-ATTENTECORRECTIF #puceEtat
{
	color: #9975c1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}
.ticket-SOCLE #puceEtat
{
	color: #9975c1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-COMMERCIAL #puceEtat
{
	color: #9975c1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-TECHNIQUE #puceEtat
{
	color: #004fb1 !important; 
	margin-left: -0.5px; 
	font-size:16px;
}

.ticket-{*} .indicator.available, .indicator.exposition, .holding.is-available
{
	border-left : 0px !important;
}

/* Lignes de résultats */
#resultats > ul > li.on {
	background-color: #eee;
}

#resultats > ul > li.on .media-body *,
#resultats > ul > li .media-body * {
	color: #777;
}

/*************** Pages Etat des services ************/

/* -- CSS for the part "service status" -- */

/* Height of the rows in the table */
.list-group-item {
	height: 55px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The switch - the box around the point */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
}

/* The switch (green if checked) */
.slider {
  position: absolute;
  /* cursor: pointer; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8bc34a;
  -webkit-transition: .4s;
  transition: .4s;
}

/* The switch (orange if not checked) */
  input.success:checked + .slider {
  background-color: #FFC107;
} 

/* The point (movement if checked or not checked) */
  input:checked + .slider:before {
  -webkit-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  transform: translateX(-26px);
} 

/* The point (color and transition) */
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 30px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* Rounded switch */
.slider.round {
  border-radius: 34px;
}

/* Rounded point */
.slider.round:before {
  border-radius: 50%;
}



/* -- CSS for the legend -- */

.legend-position {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 15px;
	margin-left: 5px;
}

.legend-green, .legend-orange {
	margin-right: 5px;
	width: 15px;
	height: 15px;
}

.legend-green {
	background-color: #8bc34a;
}

.legend-orange {
	background-color: #FFC107;
}



/* -- CSS for the part "past incidents" -- */

/* Position */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}

/* The vertical line */
ul.timeline:before {
    content: ' ';
    background: lightgrey;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

/* The circles in the vertical line */
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid black;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}