@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900italic,900);

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;	
	overflow-y : scroll;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 400;

	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

input::-webkit-input-placeholder { color: #ccc !important; font-style: italic;}
 
input:-moz-placeholder { color: #ccc !important; font-style: italic;}
 
input::-moz-placeholder { color: #ccc !important; font-style: italic;}
 
input:-ms-input-placeholder { color: #ccc !important; font-style: italic;}


a, a:hover, a:visited, a:focus {
	color: #333;
	outline: 0;
}
.table .fixwidth{
	max-width:200px;
}

.table .thead-aniprev th {
    color: #fff;
    background-color: #009fe3;
    border-color: #454d55;
}

.fas{
	font-size: .8em;
}

.fa-plus-square, .fa-minus-square, .fa-star, .fa-envelope, .fa-check-circle, .fa-times-circle, .fa-arrow-circle-right{
	font-size: 2em;
	vertical-align: middle;
}
.fa-arrow-circle-right, .fa-calendar-alt{
	cursor: pointer;
}
.small{
	font-size: 1em;
}
.jaune{
	color: #FFCA00;
}

.green{
	color: green;
}
.red{
	color: red;
}

.bleu {
	color: #009fe3;
}

.mw100 {
	max-width: 100%;
}

.ui-datepicker {
	z-index:10;
}

/********** PAGE CONNEXION **********/


.accueil_conn_logo {
	margin-top: 100px;
}

.btn-accueil_conn, .btn-accueil_conn:hover, .btn-accueil_conn:focus {
	background-color: #FFF;
	color: #23A6C5;
	font-weight: 700;
    border: none;
	border-radius: 5px;
	padding: 15px;
	white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
	outline: 0;
	width: 100%;
	margin-top: 50px;
}

#form_login .form-group {
    margin-bottom: 0;
}

#form_login .form-group a {
	color: #FFF;
	cursor: pointer;
}

#form_login input[type=text], #form_login input[type=password] {
	background-color: rgba(106, 204, 222, 0.3);
	color: #FFF;
	border: 0;
	border-radius: 5px;
	padding: 15px;
	padding-left: 45px;
	width: 100%;
	height: auto;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

#form_login input[type=text] {
	background-image: url(/images/accueil_field1_fond.png);
	margin-top: 50px;
}

#form_login input[type=password] {
	background-image: url(/images/accueil_field2_fond.png);
	margin-top: 25px;
}

#form_login input[type=checkbox] {
	margin-top: 25px;
}

#form_login input::-webkit-input-placeholder { color: #FFF !important; }
 
#form_login input:-moz-placeholder { color: #FFF !important; }
 
#form_login input::-moz-placeholder { color: #FFF !important; }
 
#form_login input:-ms-input-placeholder { color: #FFF !important; }

.motdepasseoublie {
	padding-top: 50px;
	padding-bottom: 50px;
}

.lien_motdepasseoublie, .lien_motdepasseoublie:hover, .lien_motdepasseoublie:focus, .lien_motdepasseoublie:visited {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}

#btn-motdepasseoublie, #btn-motdepasseinit {
	color: #FFF;
	outline: 0;
	border: 0;	
	font-weight: 700;
	outline: 0;
	background-color: #009fe3;
}


/********** FIN PAGE CONNEXION **********/

/********** PAGE FORMULAIRE OUBLI MOT DE PASSE **********/
.texte_explication {
	margin-top: 50px;
	margin-bottom: 50px;
}
/********** FIN PAGE FORMULAIRE OUBLI MOT DE PASSE **********/

/********** ENTÊTE **********/
.entete {
	width: 100%;
	min-height: 60px;
	height: 0;
	background-color: #FFF;	
	-moz-box-shadow: 0px 2px 8px 0px rgba(1,1,1,0.17);
	-webkit-box-shadow: 0px 2px 8px 0px rgba(1,1,1,0.17);
	-o-box-shadow: 0px 2px 8px 0px rgba(1,1,1,0.17);
	box-shadow: 0px 2px 8px 0px rgba(1,1,1,0.17);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#010101, Direction=180, Strength=8);
	position: relative;
}

.entete .logo {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	height: 60px;
}

.entete .logo img {
	height: 100%;
}

.entete .row {
	height: 100%;
}

.moncompte {	
	height: 100%;
}

.btn-moncompte {
	height: 100%;
}

.btn-moncompte .btn {
	height: 100%;
	border: 0;
	border-left: 1px solid #c2c2c1;
    border-radius: 0;
	outline: 0;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 700;
	color: #000;
}

.btn-moncompte .btn:hover, .btn-moncompte .btn:focus, .btn-moncompte .btn:visited {
	background-color: #FFF;
	outline: 0;
}

.btn-moncompte .btn-default.active, .btn-moncompte .btn-default:active {
    color: #333;
	background-color: #FFF;
    border-color: #c2c2c1;
}

.btn-moncompte.open>.dropdown-toggle.btn-default, .btn-moncompte.open>.dropdown-toggle.btn-default:focus, .btn-moncompte.open>.dropdown-toggle.btn-default:hover {
    color: #333;
	background-color: #FFF;
    border-color: #c2c2c1;
}

.btn-moncompte .btn .fa-stack {
	/*font-size: 16px;
	text-shadow: -2px 0 #737373, 0 2px #737373, 2px 0 #737373, 0 -2px #737373;*/
	color: #737373;
	margin-left: 10px;
}

.btn-moncompte .btn .fa-stack .fa-circle-thin {
	font-size: 1.5em;
	top: 0.15em;
}

.btn-reglages {
	height: 100%;
	font-weight: 700;
	color: #000;
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: middle;
	background-color: #FFF;
}

.btn-reglages:hover {
	text-decoration: none;
}


.btn-reglages .fa-cog, .btn-reglages .fa-sliders-h {
	font-size: 1.5em;
	margin-right: 10px;
	color: #009fe3;
	vertical-align: middle;
	line-height: 62px;
}


.btn-rappels {
	height: 100%;
	font-weight: 700;
	color: #000;
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: middle;
	background-color: #FFF;
	position: relative;
}

.btn-rappels:hover {
	text-decoration: none;
}


.btn-rappels .fa-bell,  .fa-bell {
	font-size: 2em;
	margin-right: 10px;
	color: #009fe3;
	vertical-align: middle;
	line-height: 62px;
}

/*
#rappels_notif {
	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #F00;
	position: absolute;
	top: 10px;
	left: 40px;

}
*/

#rappels_notif {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	text-align: center;
	background-color: #F00;
	position: absolute;
	top: 10px;
	left: 40px;
	height: 20px;
	min-width: 20px;
	border-radius: .5em;
}


/********** FIN ENTÊTE **********/

/********** MENUG **********/

.menug_col {
	color: #7ccaec;
	padding-bottom: 50px;
	padding-top: 30px;
}

.menug_col a {
	color: #FFF;
	text-decoration: none;
}

.menug_col ul {
	list-style: none;
	padding: 0;
	font-weight: 700;
}

.menug_col li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.menug_col .sep {
	height: 1px;
	width: 100%;
	border-top: 1px solid #25add2;
}

.menug_col .fa-chevron-right {
	margin-left: 10px;
}

#menu_dsynchro {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 10px;
	padding: 10px;
}

#logo_admin {
	border: 1px solid #FFF;
	width: 100%;
	margin-bottom: 30px;
}

/********** FIN MENUG **********/

/********** TEMPLATE **********/
.site_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.menug_col {
	background-color: #009FE3;
	/*	
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(/images/menug_fond.jpg);
	
	*/
}

.site_col {
	padding-top: 50px;
}




.bg-grisfonce {
	background-color: #5B5B5B;
}

.bg-bleu {
	background-color: #58C5F0;
}

.text-bleu {
	color: #00A0DF;
}


.text-white {
	color: #FFF;
}

.text-vert {
	color: #99E05F;
}

.text-rouge {
	color: #F00;
}


.table_admin {
	margin-top: 30px;
}

.table_admin tr {
    cursor: pointer;
}

.table_admin2 tr {
    cursor: initial;
}

.badge-alertes {
	background-color: #F00;
}


.btn-table_admin {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
    border: none;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
	outline: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.btn-table_admin2 {
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
    border: none;
	border-radius: 15px;	
	height: 30px;
	white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
	outline: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.btn-table_admin-add, .btn-table_admin-majstock, .btn-table_admin-attribution, .btn-table_admin-reglagecolonnes  {
	background-color: #009fe3;
}

.btn-table_admin-suppr, .btn-table_admin-nonactif, .btn-table_admin-nonpayant {
	background-color: #d6073f;
}

.btn-table_admin-actif, .btn-table_admin-tech, .btn-table_admin-addsaisie, .btn-table_admin-export, .btn-table_admin-perf, .btn-table_admin-historique, .btn-table_admin-contact, .btn-table_admin-payant, .btn-table_admin-import {
	background-color: #99e05f;
}

.btn-table_admin-aliment, .btn-table_admin-fichier, .btn-table_admin-razstock, .btn-table_admin-modif, .btn-table_admin-export {
	background-color: #FFB700;
}




.btn-table_admin-histo, .btn-table_admin-docupublic, .btOrange {
	background-color: #efb926;
}

.btn-table_admin-doc, .btn-table_admin-reglages {
	background-color: #d771cc;
}


.btn-saveandexit, .btn-saveandexit:hover, .btn-saveandexit:visited, .btn-saveandexit:focus, .btn-save, .btn-save:hover, .btn-details, .btn-details:hover, .btn-save:visited, .btn-save:focus, .btn-exit, .btn-exit:hover, .btn-exit:visited, .btn-exit:focus {
	color: #FFF;
	outline: 0;
	border: 0;
	border-radius: 15px;
	height: 30px;
	font-weight: 700;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 100%;
	outline: 0;
}

.btn-saveandexit, .btn-saveandexit:hover, .btn-saveandexit:visited, .btn-saveandexit:focus, .btn-details, .btn-details:hover {
	background-color: #009fe3;	
}

.btn-save, .btn-save:hover, .btn-save:visited, .btn-save:focus, .btn-details, .btn-details:hover, .btn-details:focus  {
	background-color: #009fe3;
}

.btn-exit, .btn-exit:hover, .btn-exit:visited, .btn-exit:focus {
	background-color: #d6073f;
}

.btn-saveandexit .glyphicon, .btn-save .glyphicon, .btn-exit .glyphicon, .btn-details, .btn-details:hover {
	margin-right: 5px;
}


.btn-optionscol, .btn-optionscol:hover, .btn-optionscol:visited, .btn-optionscol:focus {
	color: #FFF;
	outline: 0;
	border: 0;
	border-radius: 3px;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 5px;
	outline: 0;
	background-color: #009fe3;
	padding: 3px 5px;
	font-size: 12px;
	text-decoration: lowercase;
}

.btn-optionslots, .btn-optionslots:hover, .btn-optionslots:visited, .btn-optionslots:focus {
	color: #FFF;
	outline: 0;
	border: 0;
	border-radius: 3px;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 5px;
	outline: 0;
	background-color: #009fe3;
	padding: 3px 5px;
	font-size: 12px;
	text-decoration: lowercase;
}


.cursorpointer {
	cursor: pointer;
}

/********** FIN TEMPLATE **********/

.form_admin .jumbotron, .form_admin_od .jumbotron, .form_admin_oc .jumbotron {
	margin: 50px;
}

.form_admin_help_noir {
	font-size: 10px;
	color: #000;
}

.form_admin_help {
	font-size: 10px;
	color: #b94a48;
}

#removesearchtexte {
	cursor: pointer;
}

.titregeneral {
	font-weight: 900;
	color: #009fe3;
	margin-bottom: 40px;
}

.titrelight {
	font-weight: 400;
}


.soustitregeneral {
	font-weight: 900;
	font-size: 30px;
	color: #333;
}



.listeLots, .listeLine {
	margin-top: 30px;
}

/********** PAGE INFOS LOT **********/




.btn-lot-command {
	color: #FFF;
	font-weight: 700;
    border: none;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	white-space: nowrap;
    vertical-align: middle;
	cursor: pointer;
	outline: 0;
	margin-right: 7px;
}

.lot-command-ajouter {
	
}

.lot-command-ajouter .titre {
	font-weight: 700;
}

.lot-command-ajouter .titre1 {
	color: #99e05f;
}

.lot-command-ajouter .titre2 {
	color: #efb926;
}

.lot-command-ajouter .titre3 {
	color: #d771cc;
}

.lot-command-ajouter .btn-lot-command, .btn-green-circle {
	background-color: #99e05f;
	padding: 0;
	font-size: 18px;
	margin-left: 20px;
}

.btn-green-circle, .btn-green-circle:hover {
	border-radius: 20px; 
	width: 40px; 
	height: 40px; 
	color: #FFF;
	text-align: center;
}



.lot-command-ajouter .btn-lot-command1 {
	background-color: #99e05f;
	margin-left: 0;
}

.lot-command-ajouter .btn-lot-command2 {
	background-color: #efb926;
	font-size: 22px;
}

.lot-command-ajouter .btn-lot-command3 {
	background-color: #d771cc;
	font-size: 22px;
}

.lot-command-ajouter ul {
	list-style: none;
	font-size: 12px;
	padding: 0;
}

.lot-command-ajouter ul li {
	display: inline;
	font-weight: 700;
	padding-left: 1px;
	padding-right: 1px;
}

.lot-nav-tabs.nav-tabs {
	padding-top: 20px;
	border: 0;
	border-top: 1px solid #ddd;
}

.lot-nav-tabs.nav>li>a:focus, .lot-nav-tabs.nav>li>a:hover {
    text-decoration: none;
    border-color: transparent !important;
    background-color: transparent !important;
}

.lot-nav-tabs.nav>li>a {
    border: none;
	color: #AAA;
}

.lot-nav-tabs.nav>li.active>a {
    border: none;
	color: #555;
}

.lot-tab-content {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.lot-nav-tabs .fa, .lot-nav-tabs .fas, .lot-nav-tabs .far {
	margin-right: 5px;
	font-size: 20px;
}


.perfsante-tab-content {
	padding-bottom: 20px;
	margin-bottom: 50px;
	border: 1px solid #ddd;
	border-top: 0;
}

.stats-tab-content {
	padding: 20px;
	margin-bottom: 50px;
	border: 1px solid #ddd;
	border-top: 0;
}

#tdbresultats {
	width: 100%;
	overflow: scroll;
}

#tdbresultats th {
	position: sticky;
}

#donneeshebdomadaires {
	overflow: scroll;
} 

.perfsante-tab-content > #donneesquotidiennes, .perfsante-tab-content > #donneeshebdomadaires {
	margin-bottom: -20px;

}

.perfsante-tab-content > #graphiques {
	padding: 20px;
}

.graphique {
	width: 100%;
	height: 500px;
}

.ligne_graphique {
	margin-bottom: 30px;
}

.titre_graphique {
	font-weight: 700;
	text-align: center;
}

.legendLabel {
	padding-left: 3px;
	padding-right: 10px;
}

#typegraph {
	margin-bottom:20px;
}

#accordionagenda .card-title a{
    width: 100%;
    display: block;
}


#accordionagenda .card-header, #accordionhistorique .card-header, #accordiontraitement .card-header, #accordionalertes .card-header {
	padding: .75em;
}

#accordionagenda .card-title, #accordionhistorique .card-title, #accordiontraitement .card-title, #accordionalertes .card-title{
	margin-bottom: 0 !important;
}



#accordionagenda .panel-heading a, #accordionhistorique .panel-heading a, #accordiontraitement .panel-heading a, #accordionalertes .panel-heading a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 15px;
}

#accordionagenda a, #accordionhistorique a, #accordiontraitement a, #accordionalertes a {
	/*width: 100%;
	height: 100%;
	display: block;
	padding: 10px 15px;*/
}

#accordionagenda a:hover, #accordionagenda a:visited, #accordionagenda a:focus, #accordionhistorique a:hover, #accordionhistorique a:visited, #accordionhistorique a:focus, #accordiontraitement a:hover, #accordiontraitement a:visited, #accordiontraitement a:focus, #accordionalertes a:hover, #accordionalertes a:visited, #accordionalertes a:focus{
	text-decoration: none;
}

.agendafait {
	color: #AAA;
	text-decoration: line-through;
}

#accordionagenda .fa-pencil, #accordionagenda .fa-trash-o, #accordionhistorique .fa-trash-o, #tableau_donnees .fa-pencil, #tableau_donnees .fa-trash-o, #accordiontraitement .fa-pencil, #accordiontraitement .fa-trash-o, #accordionalertes .fa-trash-o {
	color: #AAA;
	cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
}

#accordionagenda .form_agenda, #accordiontraitement .form_traitement {
	margin-top: 10px;
	display: none;
}

.popover_oeufs_declasses, .popover_oeufs_declasses:hover, .popover_oeufs_declasses_centre, .popover_oeufs_declasses_centre:hover, .popover_mortalite, .popover_mortalite:hover, .popover_tourdechaine, .popover_tourdechaine:hover, .popover_oeufs_classes, .popover_oeufs_classes:hover, .popover_taux_oeufs_declasses, .popover_taux_oeufs_declasses:hover, .popover_taux_oeufs_classes, .popover_taux_oeufs_classes:hover {
	cursor: pointer;
	text-decoration: none;
}

#optionscolQ, #optionscolH, #JoursManquants {
	padding: 10px;
	display: none;
	width: 100%;
	
}

#optionscolQ, #optionscolH{
	column-count: 2;
	overflow: hidden;
}
.optionscol {
}


/********** FIN PAGE INFOS LOT **********/


/********** PAGE INFOS LOT ARCHIVE **********/
.sep_archive {
	width: 100%;
	height: 1px;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0;
	border-top: 1px solid #ddd;


}


/********** FIN PAGE INFOS LOT ARCHIVE **********/




/********** PAGE SAISIE DES DONNEES **********/

.saisie-tab-content {
	border: 1px solid #DDD;
	border-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.aff_ageanimaux, .aff_nboeufsdeclasses, .aff_datesaisie, .aff_mortalite, .aff_dureelumiere {
	padding-top: 7px;
}

.messageitalic, .asterisque {
	font-style: italic;
}

.asterisque {
	font-weight: 400;
}

.col-bordure-droite {
	border-right: 1px solid #DDD;
}

.col-bordure-gauche {
	border-left: 0px solid #DDD;
}

.btn_tcplus, .btn_tcplus_femelle, .btn_tcplus_male {
	margin: 20px;
}

#tcplus, #tcplus_femelle, #tcplus_male {
	display: none;	
}

#tcplus > div, #tcplus_femelle > div, #tcplus_male > div {
	margin-bottom: 10px;
}

#production .row, #alimentation .row, #sante .row, #technique .row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/********** FIN PAGE SAISIE DES DONNEES **********/



/********** PAGE SILOS **********/


#selectorsilo .ui-slider-range { 
	background: #00AEEC; 
}

#selectorsilo .ui-slider-handle { 
	border-color: #00AEEC; 
}

.loader {
	border: 2px solid #f3f3f3; /* Light grey */
	border-top: 2px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.legend_stock {
	margin-top: 5px;
	float: left;
	line-height: 1;
	font-size: 11px;
}

.legend_stock_color {
	width:10px; 
	height:10px;
	float: left;
}

.legend_stock_label {
	float: left;
	margin-left: 2px;
	margin-right: 5px;
}


/********** FIN PAGE SILOS **********/




/********** BOOTSTRAP **********/
.modal-title {
	font-weight: 700;
}

.alert {
	margin-bottom: 0;
	margin: 0;
	border-radius: 0;
}

.dl-horizontal dt {
	white-space: normal;
	width: 50%;
}

.dl-horizontal dd {
    margin-left: 50%;
	padding-left: 20px;
}

/********** FIN BOOTSTRAP **********/




/********** GESTION DES LOTS **********/

.searchtechtrouve button, .searchtechnontrouve button {
	margin-left: 20px;
}




/********** FIN GESTION DES LOTS **********/



/********** ENPIED **********/
#confminibas {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	display: none;
}

#confminibas a, #confminibas a:hover, #confminibas a:visited, #confminibas a:focus {
	color: rgba(255, 255, 255, 0.5);
}

.confmini {
	margin: 5px;
}

.confmini img {
	margin-top: -3px;
}

.ml_bold {
	font-weight: bold;
}

/********** FIN ENPIED **********/

.gris{
	color: #ccc;
}

.bg-gris1{
	background-color: #ccc;
}

.bg-gris2{
	background-color: #ddd;
}

.bg-gris3{
	background-color: #eee;
}

/* SLIDER*/

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 15px; /* Set a specific slider handle width */
  height: 30px; /* Slider handle height */
  background: #009FE3; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 30px; /* Slider handle height */
  background: #009FE3; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
/* SLIDER*/


.bg-motif{
	background: linear-gradient(45deg, #ddd 25%,
		#CCC 25%, #CCC 50%, 
		#ddd 50%, #ddd 75%, 
		#CCC 75%);
	background-size: 5px 5px;
}
.TableauBordLibelles{
	width:350px !important;
}
.synthese{
	width: 125px;
}


input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

.dateGMQ{
	font-size: .8em;
	font-style: italic;
}

.popover_ex,  .popover_battery {
	cursor: pointer;
}


/* Modal cycle lumiere tableau hebdo */
.popover_cycle_lumiere {
	cursor: pointer;
}

.modal_cycle_lumiere {
	background-color: #FFF; 
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 28px 14px rgba(0,0,0,0.24); 
	box-shadow: 0px 10px 13px -7px #000000, 0px 0px 28px 14px rgba(0,0,0,0.24);
	padding: 15px;  
	min-width: 50vw; 
	position: fixed;
	top: 30vh;
	left: 0;
	margin-left: 25vw; 
	margin-right: 25vw;
	text-align: center;
}

.content_cycle_lumiere {
	width: 80%; 
	margin: auto;
	display:flex; 
	justify-content: center;   
}


.title_array {
    background-color: #e3e0e0;
    padding: 8px;
    font-size: 1rem;
    color: black;
    border-bottom: 1px solid #bfbcbc;
    font-weight: bold;
}

.technician_form input, .technician_form select, .technician_form button {
    width: 100%;
    min-height: 36px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #bababa;
}
.technician_form textarea {
	width: 100%;
	min-height: 180px;
}

.technician_form hr {
    margin: 63px auto;
    background: #399fe321;
    height: 3px;
    border-radius: 5px;
    width: 60%;
    border: beige;
}

.technician_form #header_info {
    background: #e3e0e04d;
    border: 1px solid #f1e4e4;
    margin-top: 25px;
}

.technician_form #header_info input {
    border-radius: 7px;

}

.bold-text {
	font-weight: 800;
}

.technician_form canvas {
		border: 1px solid black;
		margin: auto;
}

.technician_form input:read-only {
	background-color: #e3e3e3;
  }