/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/* GAUGE - GENERIC *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge {
	position: relative;
	overflow: hidden;
}
.gauge-inner{
	display:block;
}
body.animation .gauge-container{
	transition:width 1s;
	-o-transition:width 1s;
	-ms-transition:width 1s;
	-moz-transition:width 1s;
	-webkit-transition:width 1s;
}

/***********************************************************************************************************************************/
/* GAUGE - STYLE-0 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-0 {
	background: linear-gradient(to right, rgba(154,131,36,1) 0%,rgba(161,159,60,1) 16%,rgba(175,173,70,1) 100%); /* W3C */
	width: 100px;
	height: 11px;
	border-top: 1px solid #7F7D25;
	border-right: 1px solid #FAFAC6;
	border-bottom: 1px solid #FAFAC6;
	border-left: 1px solid #7F7D25;
}
.gauge-style-0{
	background: -moz-linear-gradient(top, rgba(154,131,36,1) 0%, rgba(161,159,60,1) 16%, rgba(175,173,70,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(154,131,36,1)), color-stop(16%,rgba(161,159,60,1)), color-stop(100%,rgba(175,173,70,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(154,131,36,1) 0%,rgba(161,159,60,1) 16%,rgba(175,173,70,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(154,131,36,1) 0%,rgba(161,159,60,1) 16%,rgba(175,173,70,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(154,131,36,1) 0%,rgba(161,159,60,1) 16%,rgba(175,173,70,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(154,131,36,1) 0%,rgba(161,159,60,1) 16%,rgba(175,173,70,1) 100%); /* W3C */
}
.gauge-style-0-gauge{
	display: block;
	height: 11px;
	overflow: hidden;
	box-shadow: 1px 0 2px 0px rgba(85,85,85,.5);
}
.gauge-style-0-inner{
	background: linear-gradient(to bottom, rgba(255,186,0,1) 0%,rgba(249,178,0,1) 58%,rgba(220,141,0,1) 80%,rgba(193,105,0,1) 100%); /* W3C */
	height: 11px;
}
.gauge-style-0-inner{
	background: -moz-linear-gradient(top, rgba(255,186,0,1) 0%, rgba(249,178,0,1) 58%, rgba(220,141,0,1) 80%, rgba(193,105,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,186,0,1)), color-stop(58%,rgba(249,178,0,1)), color-stop(80%,rgba(220,141,0,1)), color-stop(100%,rgba(193,105,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,186,0,1) 0%,rgba(249,178,0,1) 58%,rgba(220,141,0,1) 80%,rgba(193,105,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,186,0,1) 0%,rgba(249,178,0,1) 58%,rgba(220,141,0,1) 80%,rgba(193,105,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,186,0,1) 0%,rgba(249,178,0,1) 58%,rgba(220,141,0,1) 80%,rgba(193,105,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,186,0,1) 0%,rgba(249,178,0,1) 58%,rgba(220,141,0,1) 80%,rgba(193,105,0,1) 100%); /* W3C */
}


/***********************************************************************************************************************************/
/* GAUGE - STYLE-1 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-1 {
	background: #a8a73e;
	width: 248px;
	height: 7px;
	border:1px solid #8c8727;
	border-left: 1px solid #9e9e35;
	border-bottom: 1px solid #baba5e;
	border-radius:4px;
}
.gauge-style-1-gauge{
	display: block;
	height: 6px;
	border-bottom: 1px solid rgba(85,85,85,.05);
    border-left: 1px solid rgba(86,7,0,.4);
    border-right: 1px solid rgba(250,250,250,.4);
    border-radius: 4px;
  	overflow: hidden;
}
.gauge-style-1,
.gauge-style-1-gauge{
	border-radius:4px;
}
.gauge-style-1-gauge.width-0,
.gauge-style-1-gauge.width-100{
	border:none;
	height: 7px;
}
.gauge-style-1-inner{
	background: linear-gradient(to right, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 50px,rgba(249,216,38,1) 100px,rgba(210,241,0,1) 150px,rgba(146,242,22,1) 200px,rgba(38,241,18,1) 250px); /* W3C */
	height: 7px;
	width:248px;
	border-radius: 3px;
	overflow: hidden;
}
.gauge-style-1-inner{
	background: -moz-linear-gradient(left, rgba(166,24,0,1) 0%, rgba(244,131,23,1) 20%, rgba(249,216,38,1) 40%, rgba(210,241,0,1) 60%, rgba(146,242,22,1) 80%, rgba(38,241,18,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(166,24,0,1)), color-stop(20%,rgba(244,131,23,1)), color-stop(40%,rgba(249,216,38,1)), color-stop(60%,rgba(210,241,0,1)), color-stop(80%,rgba(146,242,22,1)), color-stop(100%,rgba(38,241,18,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* W3C */
}


/***********************************************************************************************************************************/
/* GAUGE - STYLE-2 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-2 {
	background:#a9a73d;
	width: 100%;
	height: 8px;
	border-top: 1px solid #F5f4c1;
	border-right: 1px solid #908E30;
	box-shadow:inset 2px 1px 2px 0 #908e30;
}
.gauge-style-2-gauge{
	display: block;
	height: 7px;
	overflow: hidden;
	border-bottom:1px solid rgba(193, 105, 0, 0.9);
	box-shadow: 1px 0 2px 0 rgba(85,85,85,.5);
}
.gauge-style-2-inner{
	background: linear-gradient(to bottom, rgba(199,164,24,1) 0%,rgba(241,181,6,1) 8%,rgba(255,186,0,1) 18%,rgba(255,186,0,1) 23%,rgba(243,171,0,1) 36%,rgba(232,156,0,1) 74%,rgba(193,105,0,1) 99%); /* W3C */
	height: 8px;
}
.gauge-style-2-inner{
	background: -moz-linear-gradient(top, rgba(199,164,24,1) 0%, rgba(241,181,6,1) 8%, rgba(255,186,0,1) 18%, rgba(255,186,0,1) 23%, rgba(243,171,0,1) 36%, rgba(232,156,0,1) 74%, rgba(193,105,0,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,164,24,1)), color-stop(8%,rgba(241,181,6,1)), color-stop(18%,rgba(255,186,0,1)), color-stop(23%,rgba(255,186,0,1)), color-stop(36%,rgba(243,171,0,1)), color-stop(74%,rgba(232,156,0,1)), color-stop(99%,rgba(193,105,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(199,164,24,1) 0%,rgba(241,181,6,1) 8%,rgba(255,186,0,1) 18%,rgba(255,186,0,1) 23%,rgba(243,171,0,1) 36%,rgba(232,156,0,1) 74%,rgba(193,105,0,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(199,164,24,1) 0%,rgba(241,181,6,1) 8%,rgba(255,186,0,1) 18%,rgba(255,186,0,1) 23%,rgba(243,171,0,1) 36%,rgba(232,156,0,1) 74%,rgba(193,105,0,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(199,164,24,1) 0%,rgba(241,181,6,1) 8%,rgba(255,186,0,1) 18%,rgba(255,186,0,1) 23%,rgba(243,171,0,1) 36%,rgba(232,156,0,1) 74%,rgba(193,105,0,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(199,164,24,1) 0%,rgba(241,181,6,1) 8%,rgba(255,186,0,1) 18%,rgba(255,186,0,1) 23%,rgba(243,171,0,1) 36%,rgba(232,156,0,1) 74%,rgba(193,105,0,1) 99%); /* W3C */
}


/***********************************************************************************************************************************/
/* GAUGE - STYLE-3 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-3 {
	background: #a8a73e;
	width: 164px;
	height: 7px;
	border:1px solid #8c8727;
	border-left: 1px solid #9e9e35;
	border-bottom: 1px solid #baba5e;
}
.gauge-style-3-gauge{
	display: block;
	height: 6px;
	border-bottom: 1px solid rgba(85,85,85,.05);
    border-left: 1px solid rgba(86,7,0,.4);
    border-right: 1px solid rgba(250,250,250,.4);
  	overflow: hidden;
}
.gauge-style-3,
.gauge-style-3-gauge{
	border-radius: 4px;
}
.gauge-style-3-gauge.width-0,
.gauge-style-3-gauge.width-100{
	border:none;
	height: 7px;
}
.gauge-style-3-inner{
	background: linear-gradient(to right, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 32px,rgba(249,216,38,1) 65px,rgba(210,241,0,1) 98px,rgba(146,242,22,1) 131px,rgba(38,241,18,1) 164px); /* W3C */
	height: 7px;
	width:164px;
	border-radius: 3px;
}
.gauge-style-3-inner{
	background: -moz-linear-gradient(left, rgba(166,24,0,1) 0%, rgba(244,131,23,1) 20%, rgba(249,216,38,1) 40%, rgba(210,241,0,1) 60%, rgba(146,242,22,1) 80%, rgba(38,241,18,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(166,24,0,1)), color-stop(20%,rgba(244,131,23,1)), color-stop(40%,rgba(249,216,38,1)), color-stop(60%,rgba(210,241,0,1)), color-stop(80%,rgba(146,242,22,1)), color-stop(100%,rgba(38,241,18,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(166,24,0,1) 0%,rgba(244,131,23,1) 20%,rgba(249,216,38,1) 40%,rgba(210,241,0,1) 60%,rgba(146,242,22,1) 80%,rgba(38,241,18,1) 100%); /* W3C */
}


/***********************************************************************************************************************************/
/* GAUGE - STYLE-4 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-4 {
	background: #dcdb81;
	width: 90px;
	height: 7px;
	border-radius:7px;
	border:2px solid #7E6729;
	padding: 1px;
}
.gauge-style-4-gauge{
	background: #669900;
	display:block;
	height: 7px;
	border-radius: 3px;
}


/***********************************************************************************************************************************/
/* GAUGE - STYLE-5 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-5 {
	background: #adc8d6;
	position:relative;
	z-index:1;
	width: 196px;
	height: 16px;
	border-radius:7px;
	border:2px solid #6d9db7;
	box-sizing:border-box;
	overflow:visible;
}
.gauge-style-5-gauge{
	background: -moz-linear-gradient(top, rgba(191,226,98,1) 0%, rgba(191,226,98,1) 18%, rgba(184,223,98,1) 27%, rgba(172,218,94,1) 36%, rgba(165,215,92,1) 45%, rgba(165,215,92,1) 64%, rgba(157,207,82,1) 73%, rgba(157,207,82,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,226,98,1)), color-stop(18%,rgba(191,226,98,1)), color-stop(27%,rgba(184,223,98,1)), color-stop(36%,rgba(172,218,94,1)), color-stop(45%,rgba(165,215,92,1)), color-stop(64%,rgba(165,215,92,1)), color-stop(73%,rgba(157,207,82,1)), color-stop(100%,rgba(157,207,82,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* W3C */
	display:block;
	height: 12px;
	border-radius: 6px 0 0 6px;
	border:1px solid #bfe262;
	box-sizing:border-box;
}
.gauge-style-5-gauge.width-98,
.gauge-style-5-gauge.width-99,
.gauge-style-5-gauge.width-100{
	border-radius: 6px;
}
.gauge-style-5::after{
	background:url(/media/equideo/image/components/gauges/5.png) no-repeat left top;
	position:absolute;
	z-index:2;
	top:-2px;
	left:0;
	content:"";
	display:block;
	width:196px;
	height:16px;
}
/***********************************************************************************************************************************/
/* GAUGE - STYLE-6 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-6{
	height: 16px;
	border: 2px solid #e5ff70;
	border-radius: 15px;
	margin: 15px 0 0;
}
.gauge-style-6-inner{
	height: 16px;
	background-color: #e5ff70;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	display: block;
}

/***********************************************************************************************************************************/
/* GAUGE - STYLE-10 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.gauge-style-10 {
	background: #adc8d6;
	position:relative;
	z-index:1;
	width: 196px;
	height: 16px;
	border-radius:7px;
	border:2px solid #6d9db7;
	box-sizing:border-box;
	overflow:visible;
}
.gauge-style-10-gauge{
	background: -moz-linear-gradient(top, rgba(191,226,98,1) 0%, rgba(191,226,98,1) 18%, rgba(184,223,98,1) 27%, rgba(172,218,94,1) 36%, rgba(165,215,92,1) 45%, rgba(165,215,92,1) 64%, rgba(157,207,82,1) 73%, rgba(157,207,82,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,226,98,1)), color-stop(18%,rgba(191,226,98,1)), color-stop(27%,rgba(184,223,98,1)), color-stop(36%,rgba(172,218,94,1)), color-stop(45%,rgba(165,215,92,1)), color-stop(64%,rgba(165,215,92,1)), color-stop(73%,rgba(157,207,82,1)), color-stop(100%,rgba(157,207,82,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(191,226,98,1) 0%,rgba(191,226,98,1) 18%,rgba(184,223,98,1) 27%,rgba(172,218,94,1) 36%,rgba(165,215,92,1) 45%,rgba(165,215,92,1) 64%,rgba(157,207,82,1) 73%,rgba(157,207,82,1) 100%); /* W3C */
	display:block;
	height: 12px;
	border-radius: 6px 0 0 6px;
	border:1px solid #bfe262;
	box-sizing:border-box;
}
.gauge-style-10-gauge.width-98,
.gauge-style-10-gauge.width-99,
.gauge-style-10-gauge.width-100{
	border-radius: 6px;
}
.gauge-style-10::after{
	background:url(/media/equideo/image/components/gauges/10.png) no-repeat left top;
	position:absolute;
	z-index:2;
	top:-2px;
	left:0;
	content:"";
	display:block;
	width:196px;
	height:16px;
}


/***********************************************************************************************************************************/
/* CIRCLE GAUGE - GENERIC **********************************************************************************************************/
/***********************************************************************************************************************************/

.circle-gauge{position:relative;box-sizing:border-box;border-width:1px;border-style:solid;}
.circle-gauge span{display:block;}
.circle-gauge .trophypicture{margin:20px auto 0;}
.circle-item{position:absolute;border-style:solid;}
.circle-item-left,
.circle-item-right{z-index:1;}
.circle-item-off{position:absolute;z-index:0;border-style:solid;overflow:hidden;text-align:center;}
.circle-wrapper-left,
.circle-wrapper-right{position:absolute;z-index:1;}


/***********************************************************************************************************************************/
/* CIRCLE GAUGE - STYLE-0 **********************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-0{background:#fafac6;width:30px;height:30px;border-color:#fafac6;border-radius:30px;}
.circle-style-0 .circle-item{width:14px;height:14px;border-radius:14px;border-width:5px;}
.circle-style-0 .circle-item-left, .circle-style-0 .circle-item-right{clip:rect(0, 12px, 24px, 0);}
.circle-style-0 .circle-item-left,
.circle-style-0 .circle-item-right{border-color:#b0ae48;}
.circle-style-0 .circle-item-off{background:#fafac6;border-width:5px;border-color:#e2e18b;}
.circle-style-0 .circle-wrapper-left{clip: rect(0, 24px, 24px, 12px);}
.circle-style-0 .circle-wrapper-left,
.circle-style-0 .circle-wrapper-right{width:24px;height:24px;}
.circle-style-0 .circle-wrapper-right{clip: rect(0, 12px, 24px, 0);}
.circle-style-0 .circle-item-off,
.circle-style-0 .circle-wrapper-left,
.circle-style-0 .circle-wrapper-right{left:2px;top:2px;}


/***********************************************************************************************************************************/
/* CIRCLE GAUGE - STYLE-1 **********************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-1{background:#f2f2b6;width:250px;height:250px;border-color:#cac96d;border-radius:250px;padding:25px;}
.circle-style-1 .circle-item{width:180px;height:180px;border-radius: 150px;border-width:10px;}
.circle-style-1 .circle-item-left, .circle-style-1 .circle-item-right{clip:rect(0, 100px, 200px, 0);}
.circle-style-1 .circle-item-left,
.circle-style-1 .circle-item-right{border-color:#b0ae48;}
.circle-style-1 .circle-item-off{background:#fafac6;border-width:10px;border-color:#e2e18b;}
.circle-style-1 .circle-item-off img{padding:30px 0;}
.circle-style-1 .circle-wrapper-left{clip: rect(0, 200px, 200px, 100px);}
.circle-style-1 .circle-wrapper-left,
.circle-style-1 .circle-wrapper-right{width:200px;height:200px;}
.circle-style-1 .circle-wrapper-right{clip: rect(0, 100px, 200px, 0);}


/***********************************************************************************************************************************/
/* CIRCLE GAUGE - STYLE-4 **********************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-4{width:64px;height:64px;border-color:#cac96d;border-radius:64px;padding:0px;border:none;box-shadow: 0 0 1px 1px #b1b468;}
.circle-style-4 .circle-item{width:50px;height:50px;border-radius: 50px;border-width:7px;}
.circle-style-4 .circle-item-left, .circle-style-4 .circle-item-right{clip:rect(0px, 32px, 64px, 0px);}
.circle-style-4 .circle-item-left,
.circle-style-4 .circle-item-right{border-color:#8f982d;}
.circle-style-4 .circle-item-off{border-width:7px;border-color:#d3d278;}
.circle-style-4 .circle-item-off img{padding:7px 0;}
.circle-style-4 .circle-wrapper-left{clip: rect(0px, 64px, 64px, 32px);}
.circle-style-4 .circle-wrapper-left,
.circle-style-4 .circle-wrapper-right{width:64px;height:64px;}
.circle-style-4 .circle-wrapper-right{clip: rect(0px, 32px, 64px, 0px);}


/***********************************************************************************************************************************/
/* CIRCLE GAUGE - STYLE-0 **********************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-5{
	border-color:#B4B75C;
	height:66px;
}
.circle-style-5 .circle-item{
	border-width:7px;
	box-sizing:border-box;
	height:64px;
}
.circle-style-5,
.circle-style-5 .circle-item{
	border-radius:50%;
	width:64px;
}
.circle-style-5 .circle-item-off{
	border-width:7px;
	border-color:#8F982D;
	line-height: 48px;
	font-weight: bold;
}

/** circle-wrapper *****************************************************************************************************************/
.circle-style-5 .circle-wrapper-left{
	clip: rect(0, 64px, 64px, 32px);
	left:-1px;
}
.circle-style-5 .circle-wrapper-right{
	clip: rect(0, 32px, 64px, 0);
	left:0;
}
.circle-style-5 .circle-wrapper-left,
.circle-style-5 .circle-wrapper-right{
	width:64px;
	height:64px;
}

/** circle-item ********************************************************************************************************************/
.circle-style-5 .circle-item-left,
.circle-style-5 .circle-item-right{
	clip:rect(0, 32px, 64px, 0);
	border-color:#D3D278;
}
.circle-style-5 .circle-item-off,
.circle-style-5 .circle-wrapper-left,
.circle-style-5 .circle-wrapper-right{
	top:0;
}


/***********************************************************************************************************************************/
/* DOUBLE CIRCLE GAUGE - STYLE-2 ***************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-2{background-image:url(/media/equideo/image/components/gauges/circle-6.png);}
.circle-style-2.step-0{background-position:0 0;}
.circle-style-2.step-1{background-position:0 -250px;}
.circle-style-2.step-2{background-position:0 -500px;}
.circle-style-2.step-3{background-position:0 -750px;}
.circle-style-2.step-4{background-position:0 -1000px;}
.circle-style-2.step-5{background-position:0 -1250px;}
.circle-style-2.step-6{background-position:0 -1500px;}
.circle-style-2.step-7{background-position:0 -1750px;}
.circle-style-2.step-8{background-position:0 -2000px;}
.circle-style-2.step-9{background-position:0 -2250px;}
.circle-style-2.step-10{background-position:0 -2500px;}
.circle-style-2.step-11{background-position:0 -2750px;}
.circle-style-2.step-12{background-position:0 -3000px;}


/***********************************************************************************************************************************/
/* DOUBLE CIRCLE GAUGE - STYLE-3 ***************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-3{background-image:url(/media/equideo/image/components/gauges/circle-12.png);}
.circle-style-3.step-0{background-position:0 0;}
.circle-style-3.step-1{background-position:0 -250px;}
.circle-style-3.step-2{background-position:0 -500px;}
.circle-style-3.step-3{background-position:0 -750px;}
.circle-style-3.step-4{background-position:0 -1000px;}
.circle-style-3.step-5{background-position:0 -1250px;}
.circle-style-3.step-6{background-position:0 -1500px;}
.circle-style-3.step-7{background-position:0 -1750px;}
.circle-style-3.step-8{background-position:0 -2000px;}
.circle-style-3.step-9{background-position:0 -2250px;}
.circle-style-3.step-10{background-position:0 -2500px;}
.circle-style-3.step-11{background-position:0 -2750px;}
.circle-style-3.step-12{background-position:0 -3000px;}

/***********************************************************************************************************************************/
/* DOUBLE CIRCLE GAUGE - GENERIC ***************************************************************************************************/
/***********************************************************************************************************************************/

.circle-style-2,
.circle-style-3{background-repeat:repeat-y;width:250px;height:250px;border:none;border-radius:250px;padding:25px;}
.circle-style-2 .circle-item,
.circle-style-3 .circle-item{width:180px;height:180px;border-radius: 150px;border-width:10px;}
.circle-style-2 .circle-item-left,
.circle-style-3 .circle-item-left{clip:rect(0, 100px, 200px, 0);}
.circle-style-2 .circle-item-left,
.circle-style-2 .circle-item-right,
.circle-style-3 .circle-item-left,
.circle-style-3 .circle-item-right{border-color:#b0ae48;}
.circle-style-2 .circle-item-right,
.circle-style-3 .circle-item-right{clip: rect(0, 100px, 200px, 0);}
.circle-style-2 .circle-item-off,
.circle-style-3 .circle-item-off{background:#fafac6;border-width:10px;border-color:#e2e18b;box-shadow:0 0 7px #b7a67c;}
.circle-style-2 .circle-item-off img,
.circle-style-3 .circle-item-off img{padding:30px 0;}
.circle-style-2 .circle-wrapper-left,
.circle-style-3 .circle-wrapper-left{clip: rect(0, 200px, 200px, 100px);}
.circle-style-2 .circle-wrapper-left,
.circle-style-2 .circle-wrapper-right,
.circle-style-2 .circle-wrapper-left,
.circle-style-3 .circle-wrapper-right{width:200px;height:200px;}
.circle-style-2 .circle-wrapper-right,
.circle-style-3 .circle-wrapper-right{clip: rect(0, 100px, 200px, 0);}


/***********************************************************************************************************************************/
/* GAUGE ADVANCED ******************************************************************************************************************/
/***********************************************************************************************************************************/

/* default *************************************************************************************************************************/
.gauge-advanced .border,
.gauge-advanced .inner{background:#ccca67;}
.gauge-advanced .border{width:18px;height:6px;margin-top:17px;margin-bottom:17px;}
.gauge-advanced .spacer-double .border{width:50px;}
.gauge-advanced .inner{width:60px;padding:7px 0;border-radius:5px;font-size:18px;font-weight:bold;color:#586d23;}
.gauge-advanced-result{background:#ccca67;width:80px;height:80px;border-radius:40px;text-align:center;text-shadow:0 0 20px #ffffbe;font-size:60px;}

/* active *************************************************************************************************************************/
.gauge-advanced .active .inner,
.gauge-advanced .active .border,
.gauge-advanced-result.active{position:relative;border-style:solid;border-color:#ccca67;}
.gauge-advanced-result.active,
.gauge-advanced .active .inner{background:#ffc;border-width:2px;color:#552f0a;}
.gauge-advanced .active .inner::after{
	background:url(/media/equideo/image/fonctionnels/20/ok.png);
	content:"";
	display:block;
	position:absolute;
	right:-10px;
	bottom:-10px;
	width:20px;
	height:20px;
}
.gauge-advanced .active .border{
	background:#ffc;	
	margin-left:-2px;
	margin-right:-2px;
	border-width:2px 0;
	z-index:1;
}