input[type=text],input[type=password] {
	text-indent: 10px;
}
.transparent_class1 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.30;

  /* Safari 1.x */
  -khtml-opacity: 0.30;

  /* Good browsers */
  opacity: 0.30;
}
.transparent_class2 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.50;

  /* Safari 1.x */
  -khtml-opacity: 0.50;

  /* Good browsers */
  opacity: 0.50;
}
.transparent_class3 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.70;

  /* Safari 1.x */
  -khtml-opacity: 0.70;

  /* Good browsers */
  opacity: 0.70;
}
.label,.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  cursor: pointer;
}
.label {
  /*padding: 1px 4px 3px;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}


a.label:hover,a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-error,.badge-error {
  background-color: #C11B17;
}
.label-error[href],.badge-error[href] {
  background-color: #C11B17;
}
.label-important,.badge-important {
  background-color: #bd4247;
}
.label-important[href],.badge-important[href] {
  background-color: #983538;
}
.label-warning,.badge-warning {
  background-color: #dd5600;
}
.label-warning[href],.badge-warning[href] {
  background-color: #aa4200;
}
.label-success,.badge-success {
  background-color: #468847;	/*#669533;*/
}
.label-success[href],.badge-success[href] {
  background-color: #4c6f26;
}
.label-info,.badge-info {
  background-color: #3a87ad; 	/*#817b58;*/
}
.label-danger,.badge-danger {
  background-color: #C11B17;
}
.label-info[href],.badge-info[href] {
  background-color: #625e43;
}
.label-inverse,.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],.badge-inverse[href] {
  background-color: #1a1a1a;
}
/* CRM GROUPE */
.label-agent,.badge-agent{
  background-color: #306EFF;
}
.label-agent[href],.badge-agent[href] {
  background-color: #306EFF;
}
.label-sup,.badge-sup {
  background-color: #2B65EC;
}
.label-sup[href],.badge-sup[href] {
  background-color: #2B65EC;
}
.label-manager,.badge-manager {
  background-color: #2554C7;
}
.label-manager[href],.badge-manager[href] {
  background-color: #2554C7;
}
.label-admin,.badge-admin {
  background-color: #25587E;
}
.label-admin[href],.badge-admin[href] {
  background-color: #25587E;
}
/* CRM STATUTS */
.label-info-0,.badge-info-0 {
  background-color: #E45E9D;
}
.label-info-0[href],.badge-info-0[href] {
  background-color: #E45E9D;
}
.label-info-1,.badge-info-1 {
  background-color: #6698FF;
}
.label-info-1[href],.badge-info-1[href] {
  background-color: #6698FF;
}
.label-info-2,.badge-info-2 {
  background-color: #F87217;
}
.label-info-2[href],.badge-info-2[href] {
  background-color: #F87217;
}
.label-info-3,.badge-info-3 {
  background-color: #4CC552;
}
.label-info-3[href],.badge-info-3[href] {
  background-color: #4CC552;
}
.label-info-4,.badge-info-4 {
  background-color: #C38EC7;
}
.label-info-4[href],.badge-info-4[href] {
  background-color: #C38EC7;
}
.label-info-5,.badge-info-5 {
  background-color: #FDD017;
}
.label-info-5[href],.badge-info-5[href] {
  background-color: #FDD017;
}
.label-info-6,.badge-info-6 {
  background-color: #3B9C9C;
}
.label-info-6[href],.badge-info-6[href] {
  background-color: #3B9C9C;
}
.label-info-7,.badge-info-7 {
  background-color: #C031C7;
}
.label-info-7[href],.badge-info-7[href] {
  background-color: #C031C7;
}
.label-info-8,.badge-info-8 {
  background-color: #E45E9D;
}
.label-info-8[href],.badge-info-8[href] {
  background-color: #E45E9D;
}
.label-info-9,.badge-info-9 {
  background-color: #E45E9D;
}
.label-info-9[href],.badge-info-9[href] {
  background-color: #E45E9D;
}
/* PANEL */
body{font-size:11px;text-align:left;margin:0;height: 100%;width:100%;padding:0;overflow:hidden;background: #fff url("../images/main-bg.gif");font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
img{border:none;}
a{text-decoration:none;white-space:nowrap;}
ul,li{margin:0; padding:0; list-style:none;}
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }	
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible;}	
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}	
.fg-toolbar { padding: .5em; margin: 0;height: 30px;}
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }
.ui-menu{position:absolute;width:100px;display:block;float:left;}
.placeholder_question{
	height : 150px;
}
.pcrm{
	padding : 8px;
	font-family :times, Times New Roman, times-roman, georgia, serif;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -1px;
	color: grey ;
}
.pacc{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 9.5px;
	line-height: 15px;
	text-transform: uppercase;
	text-align:left;
	color: #AFD775;
}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


ul.defaultUI {margin: 0; padding: 0;}
ul.defaultUI li {margin: 2px; position: relative; padding: 4px 8px 0 0; cursor: pointer; float: left;  list-style: none;}
ul.defaultUI span.ui-icon {float: left; margin: 0 4px 3px 0;}

ul#qualif_default {margin: 0; padding: 0;}
ul#qualif_default li {margin: 2px; position: relative; padding: 4px 8px 0 0; cursor: pointer; float: left;  list-style: none;}
ul#qualif_default span.ui-icon {float: left; margin: 0 4px 3px 0;}
ul#penality_default {margin: 0; padding: 0;}
ul#penality_default li {margin: 2px; position: relative; padding: 4px 8px 0 0; cursor: pointer; float: left;  list-style: none;}
ul#penality_default span.ui-icon {float: left; margin: 0 4px 3px 0;}
ul#qualif_newadded {margin: 0; padding: 0;}
ul#qualif_newadded li {margin: 2px; position: relative; padding: 4px 8px 0 0; cursor: pointer; float: left;  list-style: none;}
ul#qualif_newadded span.ui-icon {float: left; margin: 0 4px 3px 0;}
ul#cal_off {margin: 0; padding: 0;}
ul#cal_off li {margin: 2px; position: relative; padding: 4px 8px 0 0; cursor: pointer; float: left;  list-style: none;}
ul#cal_off span.ui-icon {float: left; margin: 0 4px 3px 0;}
.ui-menu{width:200px;position:absolute;}
.menu-container{position:relative;}
.ui-menu.ui-icon{float:right;}
#day_off{font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}		
/**************** FACEBOOK LIKE *************/
.fb {
	color: #333;
	width: 350px;
	padding: 5px;
	background-color: #f7f7f7;
	border: 1px solid #b7b7b7;
}
.fb a {
color: #3B5998;
text-decoration:none;
}
.fb p {
padding: 5px;
}
.fb1 {
	color:#FFFFFF;
	background-color:#3B5998;
	border-bottom: solid #6d84b4 5px;
}
.fb2 {
	padding: 5px;
	color: #FFFFFF;
	background: #3B5998;
}
.fb2 a {
	color:#FFFFFF;
	text-decoration: none;
	outline-style: none;
	padding: 5px;
}
.fb2 a:hover {
	background: #6D84B4;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}
.fb3 {
	color: #3B5998;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.fb3:hover {
border:none;
background-color: #d8dfea;
border-top: 1px solid #d8dfea;
border-bottom: 1px solid #d8dfea;
}
.fb4 {
	color: #333;
	background:#fff9d7;
	border: 1px solid #e2c822;
}
.fb5 {
	color: #333;
	background:#ffebe8;
	border: 1px solid #dd3c10;
}
.fb6 {
border: 1px solid #cccccc;
background:#fff;
text-align:left;
}
.fb6a, .fb6b, .fb6c {
	float: left;
}
.fb6b {
	padding:10px;
	width: 90px;
}
.fb6b a {
font-size:12px;
color: #3B5998;
text-decoration: none;
}
.fb6b a:hover {
text-decoration: underline;
}
.fb6c a {

}
.fb6c a {

	color: #3B5998;
	text-decoration:none;
}
.fb6c a:hover {
	color: #FFF;
	background:#3B5998;
}
.fb6c li {
margin: 0px;
padding-left:5px;
	width: 70px;
	list-style:none;
	color: #3B5998;
	border-bottom: 1px solid #d8dfea;
	line-height: 15px;
	font-size:11px;
	font-weight: normal;
		display:block;
}
.fb6c li:hover  {
	color: #FFF;
	background-color:#3B5998;
}
.fb6cname {
	font-weight:normal;
	font-size: 11px;
	color:#999999;
}
.fbpost {
	font-size: x-small;
}
.fb, .fb1, .fb2, .fb3, .fb4, .fb5, .fb6 {
padding: 10px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
.fbx {
font-size:11px;
font-weight:normal;
background: #f7f7f7;
color:#000;
width:165px;
padding: 5px;
border: 1px solid #B7B7B7;
float: right;
}
.fbx H3 {
font-size:11px;
background: #e9e9e9;
color:#333;
padding: 2px;
margin-bottom: 5px;
margin-top: 0px;
}
.fbx-tiny {
font-size:10px;
color: #777;
}
.fbx a {
color: #3B5998;
text-decoration:none;
}
.fbx a {
text-decoration:underline;
}
.fby {
width:165px;
float: left;
border-right:1px solid #eee;
}
.fby a {
color: #3B5998;
border-bottom:1px thin #ccc;
font-weight: normal;
}
.fby a:hover {
text-decoration:underline;
}
.fby H3 {
font-size:11px;
color:#3B5998;
background:#d8dfea;
border-top: 1px solid #3B5998;
padding: 3px 10px;
margin: 0px;
}
.fby H3:hover {
background:#cfd7e4;
border-top: 1px solid #3B5998;
}
.fby li {
font-size:11px;
font-weight: normal;
margin-left: 5px;
padding: 3px 0px;
list-style:none;
border-bottom:1px solid #ccc;
width: 155px;
}
.fby img {
border:0;
}
.fbr {
padding:2px;
text-align:right;
}
/**************** FACEBOOK LIKE *************/
.tinyTip{ width: 325px; padding: 17px 0px 0px 0px; display: block; background: url(../images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content{ padding: 0px 15px 0px 15px; font-size: 14px; font-family: "Lucida Sans Unicode"; color: #010101;  background: url(../images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom{ height: 47px; background: url(../images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif}
/********************** JGROWL **************************/ 
			div.jGrowl div.manilla {
				background-color: 		#FFF1C2;
				color: 					navy;
			}
			
			div.jGrowl div.smoke {
				background: url(../images/smoke.png) no-repeat;
				-moz-border-radius: 	0px;
				-webkit-border-radius:	0px;
				width: 					280px;
				height: 				55px;
				overflow: 				hidden;
			}
 
			div.jGrowl div.flora {
				background: 			#E6F7D4 url(../images/flora-notification.png) no-repeat;
				-moz-border-radius: 	0px;
				-webkit-border-radius:	0px;
				opacity: 				1;
				filter: 				alpha(opacity = 100);
				width: 					270px;
				height: 				90px;
				padding: 				0px;
				overflow: 				hidden;
				border-color: 			#5ab500;
			}
 
			div.jGrowl div.flora div.message {
				padding: 				5px;
				color: 					#000;
			}
			
			div.jGrowl div.flora div.header {
				background: 			url(../images/flora-header.png) no-repeat;
				padding: 				5px;
			}
 
			div.jGrowl div.flora div.close {
				background: 			url(../images/flora-close.png) no-repeat;
				padding: 				5px;
				color: 					transparent;
				padding: 				0px;
				margin: 				5px;
				width:					17px;
			}
			
			div.jGrowl div.iphone {
				font-family: 			"Helvetica Neue", "Helvetica";
				font-size: 				12px;
				background: 			url(../images/iphone.png) no-repeat;
				-moz-border-radius: 	0px;
				-webkit-border-radius:	0px;
				opacity: 				.90;
				filter: 				alpha(opacity = 90);
				width: 					245px;
				height: 				137px;
				padding: 				0px;
				overflow: 				hidden;
				border-color: 			#5ab500;
				color: 					#fff;
			}
 
			div.jGrowl div.iphone div.message {
				padding-top: 			0px;
				padding-bottom: 		7px;
				padding-left: 			15px;
				padding-right: 			15px;
			}
			
			div.jGrowl div.iphone div.header {
				padding: 				7px;
				padding-left: 			15px;
				padding-right: 			15px;
				font-size: 				17px;
			}
 
			div.jGrowl div.iphone div.close {
				display: 			none;
			}			
			/* ribbon style */
.ribbon-wrapper {
position: relative;
}
.ribbon-front {
background-color: #ccf;	height: 40px;
width: 510px;
position: relative;
left:-10px;
z-index: 2;
}
.ribbon-front,
.ribbon-back-left,
.ribbon-back-right
{
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
position: absolute;
z-index: 1;
border-style:solid;
height:0px;
width:0px;
}
.ribbon-edge-topleft,
.ribbon-edge-topright {
}
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
top: 40px;
}
.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
left: -10px;
border-color: transparent #99c transparent transparent;
}
.ribbon-edge-topleft {
top: -10px;
border-width: 10px 10px 0 0;
}
.ribbon-edge-bottomleft {
border-width: 0 10px 0px 0;
}
.ribbon-edge-topright,
.ribbon-edge-bottomright {
left: 500px;
border-color: transparent transparent transparent #99c;
}
.ribbon-edge-topright {
top: 0px;
border-width: 0px 0 0 0px;
}
.ribbon-edge-bottomright {
border-width: 0 0 0px 0px;
}
.ribbon-back-left {
position: absolute;
top: -10px;
left: -30px;
width: 30px;
height: 40px;
background-color: #ccf;	z-index: 0;
}
.ribbon-back-right {
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 40px;
z-index: 0;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/* themes picker jquery */
.jquery-ui-themeswitcher-trigger{
	width:100px;
}
/*****/
table>tbody>tr{
	height: 40px;
}
table.ui-datepicker-calendar>tbody>tr{
	height: 10px;
}
div.ui-layout-north>table>tbody>tr{
	height: 10px;
}
div.ui-layout-north{
	overflow:hidden !important;
}
.staff-status-bar{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:4px 8px;
	min-height:36px;
	box-sizing:border-box;
	font-family:Verdana, sans-serif;
	font-size:11px;
}
.staff-status-title{font-weight:bold;color:#23443b;margin-right:4px;}
.staff-status-bar button{
	border:1px solid #b7c0bb;
	border-radius:5px;
	background:#f7f9f8;
	color:#243630;
	padding:5px 8px;
	cursor:pointer;
}
.staff-status-bar button.is-active{
	background:#176d57;
	border-color:#176d57;
	color:#fff;
	box-shadow:0 0 0 2px rgba(23,109,87,.15);
}
#agent_status_bar button[data-status="1"].is-active,
#staff_status_bar button[data-status="1"].is-active{
	background:#1E90FF;
	border-color:#1E90FF;
	color:#fff;
}
#agent_status_bar button[data-status="5"].is-active,
#staff_status_bar button[data-status="5"].is-active{
	background:#FFFF00;
	border-color:#d6d600;
	color:#222;
}
#agent_status_bar button[data-status="6"].is-active,
#staff_status_bar button[data-status="6"].is-active{
	background:#0000FF;
	border-color:#0000cc;
	color:#fff;
}
#agent_status_bar button[data-status="10"].is-active,
#staff_status_bar button[data-status="10"].is-active{
	background:#F39C12;
	border-color:#d58608;
	color:#222;
}
#agent_status_bar button[data-status="11"].is-active,
#staff_status_bar button[data-status="11"].is-active{
	background:#D35400;
	border-color:#ad4500;
	color:#222;
}
.staff-status-bar button b{font-family:Consolas,monospace;font-weight:normal;}
.staff-status-current{min-width:100px;font-weight:bold;color:#176d57;text-align:left;}
@media (max-width:900px){
	.staff-status-bar{flex-wrap:wrap;align-content:center;}
	.staff-status-title,.staff-status-current{width:100%;text-align:center;}
}
div.bDiv>table>tbody>tr{
	height: 10px;
}
div.fg-toolbar>table>tbody>tr{
	height: 10px;
}
div.fg-toolbar>form>table>tbody>tr{
	height: 10px;
}
/* stats agent / operation by lines graph */
.lines-container {
	padding: 30px;
	/*border: 1px solid #ccc;*/
	/*box-shadow: 1px 1px 2px #eee;*/
	margin: 10px 0;
	position: relative;
}
/*.lines-container::after {
	content: "example";
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
	padding: 3px 8px;
	font-size: 12px;
}*/
/************************* jQuery Pie Chart *************************/
.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
/***********************************************************************/ BootStrap 2.3.x
blockquote {
    padding-left: 10px;
    padding-top: 1px;
    /*padding-bottom: 5px;*/
    margin: 12px 0 0 45px;
    font-size: 15px;
    border-left: 5px solid #eeeeee;
}

.sucessbl{
	font-size: 12px;
    border-color: #468847;
    color: #31708f;
}
.sucessbl p{
	font-size: 12px;
}
.warningbl{
    border-color: #dd5600;
    color: #31708f;
}
.warningbl p{
	font-size: 12px;
}
.infobl{
    border-color: #3a87ad;
    color: #31708f;
}
.infobl p{
	font-size: 12px;
}
.noticebl{
    border-color: #428bca;
    color: #31708f;
}
.noticebl p{
	font-size: 12px;
}
.errorbl{
    border-color: #C11B17;
    color: #31708f;
}
.errorbl p{
	font-size: 12px;
}
.dangerbl{
    border-color: #dd514c;
    color: #31708f;
}
.dangerbl p{
	font-size: 12px;
}
.defaultbl{
    border-color: #999999;
    color: #31708f;
}
.defaultbl p{
	font-size: 12px;
}
/* bar bar-STATUS */

.progress-hors .bar,
.progress .bar-hors {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}


.progress-comm .bar,
.progress .bar-comm {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-dispo .bar,
.progress .bar-dispo {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-mrela .bar,
.progress .bar-mrela {
  background-color: #FF4500;
  background-image: -moz-linear-gradient(top, #FF4500, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF4500), to(#FF4500));
  background-image: -webkit-linear-gradient(top, #FF4500, #FF4500);
  background-image: -o-linear-gradient(top, #FF4500, #FF4500);
  background-image: linear-gradient(to bottom, #FF4500, #FF4500);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4500', endColorstr='#ffff4500', GradientType=0);
}


.progress-val .bar,
.progress .bar-val {
  background-color: #FF00FF;
  background-image: -moz-linear-gradient(top, #FF00FF, #FF00FF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF00FF), to(#FF00FF));
  background-image: -webkit-linear-gradient(top, #FF00FF, #FF00FF);
  background-image: -o-linear-gradient(top, #FF00FF, #FF00FF);
  background-image: linear-gradient(to bottom, #FF00FF, #FF00FF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00ff', endColorstr='#ffff00ff', GradientType=0);
}


.progress-backoff .bar,
.progress .bar-backoff {
  background-color: #0000FF;
  background-image: -moz-linear-gradient(top, #0000FF, #0000FF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0000FF), to(#0000FF));
  background-image: -webkit-linear-gradient(top, #0000FF, #0000FF);
  background-image: -o-linear-gradient(top, #0000FF, #0000FF);
  background-image: linear-gradient(to bottom, #0000FF, #0000FF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000ff', endColorstr='#ff0000ff', GradientType=0);
}


.progress-pause .bar,
.progress .bar-pause {
  background-color: #FFFF00;
  background-image: -moz-linear-gradient(top, #FFFF00, #FFFF00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFF00), to(#FFFF00));
  background-image: -webkit-linear-gradient(top, #FFFF00, #FFFF00);
  background-image: -o-linear-gradient(top, #FFFF00, #FFFF00);
  background-image: linear-gradient(to bottom, #FFFF00, #FFFF00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff00', GradientType=0);
}