:root {
	--myrtille: #3F51B5;
}

html {
	padding: 0;
	margin: 0;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	top: 25%!important;	
}
.content-wrapper {
	background-color: #FFFFFF;
}

.profitabilityTable tr:last-child
{
  font-weight: bold;
}

.goalTable thead tr th, .profitabilityTable thead tr th
{
  background-color: #343a4033;
}

.ui-knob {
    margin-left: auto;
    margin-right: auto;
}

.ui-selectonemenu {
	padding-right: 24px;
	min-width: 100px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 24px;
}

.ui-selectonemenu .ui-selectonemenu-label, .ui-inputfield {
	font-size: 12px;
}

.ui-datatable  .ui-widget-header {
	background: none;
}

.ui-datatable .ui-column-filter {
	width: 70%;
}

.ui-datatable .ui-datatable-footer {
	margin-bottom: 10px;
	border-top-style: none;
}

.ui-datatable tbody td {
	padding: 2px 2px
}

.ui-datatable {
	margin-bottom: 1rem;
}

.ui-button {
	border-color: transparent !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.ui-state-highlight {
	background-color: #01679c !important;
	color: #ffffff !important
}

.ui-galleria-item-wrapper {
    flex-direction: row!important;
    text-align: center;
    justify-content: space-around;
}

.main-header{
	z-index: 1000;
}

.ui-datatable-header.ui-widget-header.ui-corner-top, .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle,
	.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
	font-weight: 700;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #01679c;
	color: #ffffff;
	border-color: #01679c
}

.datatable-header-danger .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-danger div.ui-dialog-titlebar {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important
}

.datatable-header-success .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-success div.ui-dialog-titlebar {
	background-color: #28a745 !important;
	border-color: #28a745 !important
}

.datatable-header-purple .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-purple div.ui-dialog-titlebar {
	background-color: #6f42c1 !important;
	border-color: #6f42c1 !important
}

.datatable-header-warning .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-warning div.ui-dialog-titlebar {
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
}

.datatable-header-secondary .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-secondary div.ui-dialog-titlebar {
	background-color: #6c757d !important;
	border-color: #6c757d !important;
}

.datatable-header-olive .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-olive div.ui-dialog-titlebar {
	background-color: #3d9970 !important;
	border-color: #3d9970 !important;
}

.datatable-header-indigo .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-indigo div.ui-dialog-titlebar {
	background-color: #6610f2 !important;
	border-color: #6610f2 !important;
}

.datatable-header-maroon .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-maroon div.ui-dialog-titlebar {
	background-color: #d81b60 !important;
	border-color: #d81b60 !important;
}

div.card-header h3.card-title {
	font-weight: 700;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

h3.card-title {
	height: 30px;
	display: inline-block;
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
}

h3.card-title1 {
	height: 30px;
	display: inline-block;
	font-size: inherit;
	text-transform: uppercase;
}

.ui-state-active {
	background-color: #0062cc !important;
	color: #ffffff !important
}

.ui-datatable-footer {
	background-color: #ffffff !important;
	border-color: #dedede !important;
}

.form-control1 {
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
}

.form-control1:focus {
	border-color: #337ab7;
	box-shadow: none;
}

.ui-paginator-first, .ui-paginator-prev, .ui-paginator-next,
	.ui-paginator-last {
	height: 25px;
}

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon,
	.ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon
	{
	height: 20px !important;
}

.ui-tooltip {
	position: fixed;
	background-color: #ffffff;
}

span.ui-autocomplete {
	width: 100%;
}

.call-panel.ui-panel .ui-panel-titlebar {
	background-color: #007bff !important;
	color: #FFFFFF !important;
}

.ui-datatable-odd {
	background: #ffffff;
	padding-left: 1px;
}

.ui-datatable-even {
	background: #F2F5F9;
	padding-left: 1px;
}

.bg-warning, .card-warning:not(.card-outline) >.card-header {
	color: #ffffff !important;
}

.bg-lightblue.btn:hover {
	background-color: #307095 !important;
}

.bg-navy.btn:hover {
	background-color: #00060c !important;
}

.bg-olive.btn:hover {
	background-color: #2e7555 !important;
}

.bg-lime, .card-lime:not(.card-outline) >.card-header {
	color: #ffffff !important;
}

.bg-lime.btn:hover {
	background-color: #00cd5a !important;
}

.bg-fuchsia.btn:hover {
	background-color: #c30c9a !important;
}

.bg-maroon.btn:hover {
	background-color: #ab154c !important;
}

.bg-indigo.btn:hover {
	background-color: #510bc4 !important;
}

.bg-SecondIndigo.btn:hover {
	background-color: #6A599D !important;
}

.bg-purple.btn:hover {
	background-color: #59339d !important;
}

.bg-pink.btn:hover {
	background-color: #d91a72 !important;
}

.bg-orange, .card-orange:not(.card-outline) >.card-header {
	color: #ffffff !important;
}

.bg-orange.btn:hover {
	background-color: #dc6502 !important;
}

.bg-Mandarine, .card-Mandarine:not(.card-outline) >.card-header {
	background-color: #F4511E !important;
	color: #ffffff !important;
}

.bg-Mandarine.btn:hover {
	background-color: #F4511E !important;
}

.bg-Cobalt, .card-Cobalt:not(.card-outline) >.card-header {
	background-color: #4285F4 !important;
	color: #ffffff !important;
}

.bg-Cobalt.btn:hover {
	background-color: #4285F4 !important;
}

.bg-Lavande, .card-Lavande:not(.card-outline) >.card-header {
	background-color: #7986CB !important;
	color: #ffffff !important;
}

.bg-Lavande.btn:hover {
	background-color: #7986CB !important;
}

.bg-jaune-citron.btn:hover {
	background-color: #E4C441 !important;
}

.bg-jaune-citron, .card-jaune-citron:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #E4C441 !important;
}

.bg-teal.btn:hover {
	background-color: #199d76 !important;
}

.bg-gray.btn:hover {
	background-color: #545b62 !important;
}

.bg-gray-dark.btn:hover {
	background-color: #1d2124 !important;
}

.bg-Myrtille.btn:hover {
	background-color: #3F51B5 !important;
}

.bg-Myrtille, .bg-Myrtille:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #3F51B5 !important;
}

.bg-Office365.btn:hover {
	background-color: #7FBA00 !important;
}

.bg-Office365, .bg-Office365:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #7FBA00 !important;
}

.bg-VadeSecure.btn:hover {
	background-color: #f349cd !important;
}

.bg-VadeSecure, .bg-VadeSecure:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #f349cd!important;
}

.bg-wildix.btn:hover {
	background-color: #FEDD00 !important;
}

.bg-wildix, .bg-wildix:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #FEDD00 !important;
}

.bg-Gris-taupe.btn:hover {
	background-color: #A79B8E !important;
}

.bg-Gris-taupe, .bg-Gris-taupe:not(.card-outline) >.card-header {
	color: #ffffff !important;
	background-color: #A79B8E !important;
}

.bg-Navy.btn:hover {
	background-color: #001f3f !important;
}

.bg-Navy, .bg-Navy:not(.card-outline) >.card-header {
	color: #ffffff!important;
	background-color: #001f3f !important;
}

.card-Navy:not(.card-outline) >.card-header {
	background-color: #001f3f !important;
	color: #ffffff !important;
}

.bg-Stock.btn:hover {
	background-color: #b9f505 !important;
}

.bg-Stock, .bg-Stock:not(.card-outline) >.card-header {
	color: #ffffff!important;
	background-color: #b9f505 !important;
}

.card-Stock:not(.card-outline) >.card-header {
	background-color: #b9f505 !important;
	color: #ffffff !important;
}

.bg-contract.btn:hover {
	background-color: #581845 !important;
}

.bg-contract, .bg-contract:not(.card-outline) >.card-header {
	color: #ffffff!important;
	background-color: #581845 !important;
}

.card-contract:not(.card-outline) >.card-header {
	background-color: #581845 !important;
	color: #ffffff !important;
}

.datatable-header-Stock .ui-datatable-header.ui-widget-header.ui-corner-top,
	div.dialog-header-Stock div.ui-dialog-titlebar {
	background-color: #b9f505 !important;
	border-color: #b9f505 !important
}



.card-SecondIndigo:not(.card-outline) >.card-header {
	background-color: #6A599D !important;
	color: #ffffff !important;
}

div.amount {
	font-size: 22px;
	line-height: 24px;
}

body .fc .fc-event .fc-event-main {
	background: none;
}

body .fc td {
	border-color: transparent !important;
}

body .fc-timegrid-axis, body .fc-timegrid-slot-label {
	/*display: none;*/
	
}

body .fc .fc-daygrid-day.fc-day-today, body .fc .fc-timegrid-col.fc-day-today
	{
	background-color: transparent !important;;
}

.Magenta, .fc-event .Magenta {
	background-color: #AD1457 !important;
}

.Mandarine, .fc-event .Mandarine {
	background-color: #F4511E !important;
}

.Jaune-citron, .fc-event .Jaune-citron {
	background-color: #E4C441 !important;
}

.Vert-basilic, .fc-event .Vert-basilic {
	background-color: #0B8043 !important;
}

.Myrtille, .fc-event .Myrtille {
	background-color: #3F51B5 !important;
}

.Violet-raisin, .fc-event .Violet-raisin {
	background-color: #8E24AA !important;
}

.Vieux-rose, .fc-event .Vieux-rose {
	background-color: #D81B60 !important;
}

.Vert-avocat, .fc-event .Vert-avocat {
	background-color: #EF6C00 !important;
}

body .fc .fc-event .fc-event-main, body .fc .fc-event {
	border-color: transparent;
}

.Vert-eucalyptus, .fc-event .Vert-eucalyptus {
	background-color: #009688 !important;
}

.Lavande, .fc-event .Lavande {
	background-color: #7986CB !important;
}

.Cacao, .fc-event .Cacao {
	background-color: #795548 !important;
}

.Rouge-tomate, .fc-event .Rouge-tomate {
	background-color: #D50000 !important;
}

.Mangue, .fc-event .Mangue {
	background-color: #F09300 !important;
}

.Vert-pistache, .fc-event .Vert-pistache {
	background-color: #7CB342 !important;
}

.Bleu-paon, .fc-event .Bleu-paon {
	background-color: #039BE5 !important;
}

.Glycine, .fc-event .Glycine {
	background-color: #B39DDB !important;
}

.Anthracite, .fc-event .Anthracite {
	background: #616161 !important;
}

.Rose-clair, .fc-event .Rose-clair {
	background-color: #E67C73 !important;
}

.Jaune-banane, .fc-event .Jaune-banane {
	background-color: #F6BF26 !important;
}

.Vert-sauge, .fc-event .Vert-sauge {
	background-color: #33B679 !important;
}

.Cobalt, .fc-event .Cobalt {
	background-color: #4285F4 !important;
}

.Amethyste, .fc-event .Amethyste {
	background-color: #9E69AF !important;
}

.Crimson, .fc-event .Crimson {
	background-color:  #795548 !important;
}

.RelationShip, .fc-event .RelationShip {
	background-color:  #A1887F !important;
}
	
.Gris-taupe, .fc-event .Gris-taupe {
	background-color: #A79B8E !important;
}

.wildix {
	background-color: #FEDD00 !important;
}

.Magenta-event {
	background-color: #AD1457 !important;
	background: linear-gradient(180deg, black, #AD1457 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mandarine-event {
	background-color: #F4511E !important;
	background: linear-gradient(180deg, black, #F4511E 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-citron-event {
	background-color: #E4C441 !important;
	background: linear-gradient(180deg, black, #E4C441 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-basilic-event {
	background-color: #0B8043 !important;
	background: linear-gradient(180deg, black, #0B8043 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Myrtille-event {
	background-color: #3F51B5 !important;
	background: linear-gradient(180deg, black, #3F51B5 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Violet-raisin-event {
	background-color : #8E24AA !important;
	background: linear-gradient(180deg, black, #8E24AA 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;

}

.Vieux-rose-event {
	background-color: #D81B60 !important;
	background: linear-gradient(180deg, black, #D81B60 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-avocat-event {
	background-color: #EF6C00 !important;
	background: linear-gradient(180deg, black, #EF6C00 100%)!important;
	background-color: #EF6C00 !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-eucalyptus-event {
	background-color: #009688 !important;
	background: linear-gradient(180deg, black, #009688 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Lavande-event {
	background-color: #7986CB !important;
	background: linear-gradient(180deg, black, #7986CB 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cacao-event {
	background-color: #795548 !important;
	background: linear-gradient(180deg, black, #795548 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rouge-tomate-event {
	background-color: #D50000 !important;
	background: linear-gradient(180deg, black, #D50000 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mangue-event {
	background-color: #F09300 !important;
	background: linear-gradient(180deg, black, #F09300 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-pistache-event {
	background-color: #7CB342 !important;
	background: linear-gradient(180deg, black, #7CB342 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Bleu-paon-event {
	background-color: #039BE5 !important;
	background: linear-gradient(180deg, black, #039BE5 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Glycine-event {
	background-color: #B39DDB !important;
	background: linear-gradient(180deg, black, #B39DDB 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Anthracite-event {
	background-color: #616161 !important;
	background: linear-gradient(180deg, black, #616161 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rose-clair-event {
	background-color: #E67C73 !important;
	background: linear-gradient(180deg, black, #E67C73 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-banane-event {
	background-color: #F6BF26 !important;
	background: linear-gradient(180deg, black, #F6BF26 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-sauge-event {
	background-color: #33B679 !important;
	background: linear-gradient(180deg, black, #33B679 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cobalt-event {
	background-color: #4285F4 !important;
	background: linear-gradient(180deg, black, #4285F4 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Amethyste-event {
	background-color: #9E69AF !important;
	background: linear-gradient(180deg, black, #9E69AF 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Crimson-event {
	background-color: #795548 !important;
	background: linear-gradient(180deg, black, #795548 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.RelationShip-event {
	background-color:  #A1887F !important;
	background: linear-gradient(180deg, black, #A1887F 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Gris-taupe-event {
	background-color: #EF6C00 !important;
	background: linear-gradient(180deg, black, #EF6C00 100%)!important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}


.Magenta-holiday {
	background-color: #AD1457 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mandarine-holiday {
	background-color: #F4511E !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-citron-holiday {
	background-color: #E4C441 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-basilic-holiday {
	background-color: #0B8043 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Myrtille-holiday {
	background-color: #3F51B5 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Violet-raisin-holiday {
	background-color : #8E24AA !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;

}

.Vieux-rose-holiday {
	background-color: #D81B60 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-avocat-holiday {
	background-color: #EF6C00 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-color: #EF6C00 !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-eucalyptus-holiday {
	background-color: #009688 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Lavande-holiday {
	background-color: #7986CB !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cacao-holiday {
	background-color: #795548 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rouge-tomate-holiday {
	background-color: #D50000 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mangue-holiday {
	background-color: #F09300 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-pistache-holiday {
	background-color: #7CB342 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Bleu-paon-holiday {
	background-color: #039BE5 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Glycine-holiday {
	background-color: #B39DDB !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Anthracite-holiday {
	background-color: #616161 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rose-clair-holiday {
	background-color: #E67C73 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-banane-holiday {
	background-color: #F6BF26 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-sauge-holiday {
	background-color: #33B679 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cobalt-holiday {
	background-color: #4285F4 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Amethyste-holiday {
	background-color: #9E69AF !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Recommandation-holiday {
	background-color: #795548 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Gris-taupe-holiday {
	background-color: #EF6C00 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(45deg,transparent, transparent 2%, white 2%,white 4%) !important; 
	box-shadow: inset 0px 0px 0px 1px #000000!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Magenta-missing {
	border-color: black !important;
	background-color: #AD1457 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mandarine-missing {
	background-color: #F4511E !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-citron-missing {
	background-color: #E4C441 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-basilic-missing {
	background-color: #0B8043 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Myrtille-missing {
	background-color: #3F51B5 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Violet-raisin-missing {
	background-color : #8E24AA !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;

}

.Vieux-rose-missing {
	background-color: #D81B60 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-avocat-missing {
	background-color: #EF6C00 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-color: #EF6C00 !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-eucalyptus-missing {
	background-color: #009688 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Lavande-missing {
	background-color: #7986CB !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cacao-missing {
	background-color: #795548 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rouge-tomate-missing {
	background-color: #D50000 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mangue-missing {
	background-color: #F09300 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-pistache-missing {
	background-color: #7CB342 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Bleu-paon-missing {
	background-color: #039BE5 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Glycine-missing {
	background-color: #B39DDB !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Anthracite-missing {
	background-color: #616161 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rose-clair-missing {
	background-color: #E67C73 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-banane-missing {
	background-color: #F6BF26 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-sauge-missing {
	background-color: #33B679 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cobalt-missing {
	background-color: #4285F4 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Amethyste-missing {
	background-color: #9E69AF !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Crimson-missing {
	background-color: #795548 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.RelationShip-missing {
	background-color:  #A1887F !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}


.Gris-taupe-missing {
	background-color: #EF6C00 !important;
	background-image : linear-gradient(180deg, black, transparent 100%),repeating-linear-gradient(transparent, transparent 2%, white 2%,white 4%) !important;  
	box-shadow: inset 0px 0px 0px 1px #000000!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Magenta-preventive {
	background-color: #AD1457 !important;
	background-image: linear-gradient(180deg, gray, #AD1457 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mandarine-preventive {
	background-color: #F4511E !important;
	background-image: linear-gradient(180deg, gray, #F4511E 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-citron-preventive {
	background-color: #E4C441 !important;
	background-image: linear-gradient(180deg, gray, #E4C441 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-basilic-preventive {
	background-color: #0B8043 !important;
	background-image: linear-gradient(180deg, gray, #0B8043 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Myrtille-preventive {
	background-color: #3F51B5 !important;
	background-image: linear-gradient(180deg, gray, #3F51B5 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Violet-raisin-preventive {
	background-color : #8E24AA !important;
	background-image: linear-gradient(180deg, gray, #8E24AA 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;

}

.Vieux-rose-preventive {
	background-color: #D81B60 !important;
	background-image: linear-gradient(180deg, gray, #D81B60 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-avocat-preventive {
	background-color: #EF6C00 !important;
	background-image: linear-gradient(180deg, gray, #EF6C00 100%)!important;
	border-color: black !important;
	background-color: #EF6C00 !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-eucalyptus-preventive {
	background-color: #009688 !important;
	background-image: linear-gradient(180deg, gray, #009688 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Lavande-preventive {
	background-color: #7986CB !important;
	background-image: linear-gradient(180deg, gray, #7986CB 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cacao-preventive {
	background-color: #795548 !important;
	background-image: linear-gradient(180deg, gray, #795548 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rouge-tomate-preventive {
	background-color: #D50000 !important;
	background-image: linear-gradient(180deg, gray, #D50000 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mangue-preventive {
	background-color: #F09300 !important;
	background-image: linear-gradient(180deg, gray, #F09300 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-pistache-preventive {
	background-color: #7CB342 !important;
	background-image: linear-gradient(180deg, gray, #7CB342 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Bleu-paon-preventive {
	background-color: #039BE5 !important;
	background-image: linear-gradient(180deg, gray, #039BE5 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Glycine-preventive {
	background-color: #B39DDB !important;
	background-image: linear-gradient(180deg, gray, #B39DDB 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Anthracite-preventive {
	background-color: #616161 !important;
	background-image: linear-gradient(180deg, gray, #616161 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rose-clair-preventive {
	background-color: #E67C73 !important;
	background-image: linear-gradient(180deg, gray, #E67C73 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-banane-preventive {
	background-color: #F6BF26 !important;
	background-image: linear-gradient(180deg, gray, #F6BF26 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-sauge-preventive {
	background-color: #33B679 !important;
	background-image: linear-gradient(180deg, gray, #33B679 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cobalt-preventive {
	background-color: #4285F4 !important;
	background-image: linear-gradient(180deg, gray, #4285F4 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Amethyste-preventive {
	background-color: #9E69AF !important;
	background-image: linear-gradient(180deg, gray, #9E69AF 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Crimson-preventive {
	background-color: #795548 !important;
	background-image: linear-gradient(180deg, gray, #9E69AF 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.RelationShip-preventive {
	background-color:  #A1887F !important;
	background-image: linear-gradient(180deg, gray, #9E69AF 100%)!important;
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Gris-taupe-reserved {
	background-color: #EF6C00 !important;
	background-image: linear-gradient(180deg, #EF6C00, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}


.Magenta-reserved {
	background-color: #AD1457 !important;
	background-image: linear-gradient(180deg, #AD1457, red 100%)!important;  
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mandarine-reserved {
	background-color: #F4511E !important;
	background-image: linear-gradient(180deg, #F4511E, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-citron-reserved {
	background-color: #E4C441 !important;
	background-image: linear-gradient(180deg, #E4C441, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-basilic-reserved {
	background-color: #0B8043 !important;
	background-image: linear-gradient(180deg, #0B8043, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Myrtille-reserved {
	background-color: #3F51B5 !important;
	background-image: linear-gradient(180deg, #3F51B5, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Violet-raisin-reserved {
	background-color : #8E24AA !important;
	background-image: linear-gradient(180deg, #8E24AA, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;

}

.Vieux-rose-reserved {
	background-color: #D81B60 !important;
	background-image: linear-gradient(180deg, #D81B60, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-avocat-reserved {
	background-color: #EF6C00 !important;
	background-image: linear-gradient(180deg, #EF6C00, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-eucalyptus-reserved {
	background-color: #009688 !important;
	background-image: linear-gradient(180deg, #009688, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Lavande-reserved {
	background-color: #7986CB !important;
	background-image: linear-gradient(180deg, #7986CB, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cacao-reserved {
	background-color: #795548 !important;
	background-image: linear-gradient(180deg, #795548, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rouge-tomate-reserved {
	background-color: #D50000 !important;
	background-image: linear-gradient(180deg, #D50000, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Mangue-reserved {
	background-color: #F09300 !important;
	background-image: linear-gradient(180deg, #F09300, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-pistache-reserved {
	background-color: #7CB342 !important;
	background-image: linear-gradient(180deg, #7CB342, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Bleu-paon-reserved {
	background-color: #039BE5 !important;
	background-image: linear-gradient(180deg, #039BE5, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Glycine-reserved {
	background-color: #B39DDB !important;
	background-image: linear-gradient(180deg, #B39DDB, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Anthracite-reserved {
	background-color: #616161 !important;
	background-image: linear-gradient(180deg, #616161, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Rose-clair-reserved {
	background-color: #E67C73 !important;
	background-image: linear-gradient(180deg, #E67C73, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Jaune-banane-reserved {
	background-color: #F6BF26 !important;
	background-image: linear-gradient(180deg, #F6BF26, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Vert-sauge-reserved {
	background-color: #33B679 !important;
	background-image: linear-gradient(180deg, #33B679, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Cobalt-reserved {
	background-color: #4285F4 !important;
	background-image: linear-gradient(180deg, #4285F4, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Amethyste-reserved {
	background-color: #9E69AF !important;
	background-image: linear-gradient(180deg, #9E69AF, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Crimson-reserved {
	background-color: #795548 !important;
	background-image: linear-gradient(180deg, #795548, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.RelationShip-reserved {
	background-color:  #A1887F !important;
	background-image: linear-gradient(180deg, #795548, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.Gris-taupe-reserved {
	background-color: #EF6C00 !important;
	background-image: linear-gradient(180deg, #EF6C00, red 100%)!important; 
	border-color: black !important;
	background-size: 40px 40px;
	background-position: 50px 50px;
}

.card-Amethyste:not(.card-outline) >.card-header {
	background-color: #9E69AF !important;
	color: #ffffff !important;
}

.card-Crimson:not(.card-outline) >.card-header {
	background-color: #795548!important;
	color: #ffffff !important;
}

.card-RelationShip:not(.card-outline) >.card-header {
	background-color: #A1887F!important;
	color: #ffffff !important;
}


.card-Mandarine:not(.card-outline) >.card-header {
	background-color: #F4511E !important;;
	color: #ffffff !important;
}

.card-Magenta:not(.card-outline) >.card-header {
	background-color: #AD1457 !important;;
	color: #ffffff !important;
}

.card-Myrtille:not(.card-outline) >.card-header {
	background-color: #3F51B5 !important;;
	color: #ffffff !important;
}

.card-office365:not(.card-outline) >.card-header {
	background-color: #7FBA00 !important;;
	color: #ffffff !important;
}

.card-vadeSecure:not(.card-outline) >.card-header {
	background-color: #f349cd !important;;
	color: #ffffff !important;
}



.card-Bleu-paon:not(.card-outline) >.card-header {
	background-color: #039BE5 !important;;
	color: #ffffff !important;
}

.card-Vert-eucalyptus:not(.card-outline) >.card-header {
	background-color: #009688 !important;;
	color: #ffffff !important;
}

.card-Vert-pistache:not(.card-outline) >.card-header {
	background-color: #7CB342 !important;
	color: #ffffff !important;
}

.card-Vert-basilic:not(.card-outline) >.card-header {
	background-color: #0B8043 !important;
	color: #ffffff !important;
}



.card-Jaune-citron:not(.card-outline) >.card-header {
	background-color: #E4C441 !important;;
	color: #ffffff !important;
}

.card-Jaune-banane:not(.card-outline) >.card-header {
	background-color: #F6BF26 !important;
	color: #ffffff !important;
}

.card-Violet-raisin:not(.card-outline) >.card-header {
	background-color: #8E24AA !important;
	color: #ffffff !important;
}

.card-Cobalt:not(.card-outline) >.card-header {
	background-color: #4285F4 !important;
	color: #ffffff !important;
}

.card-Vieux-rose:not(.card-outline) >.card-header {
	background-color: #D81B60 !important;
	color: #ffffff !important;
}

.card-wildix:not(.card-outline) >.card-header {
	background-color: #FEDD00 !important;
	color: #ffffff !important;
}

.card-Gris-taupe:not(.card-outline) >.card-header {
	background-color: #A79B8E !important;
	color: #ffffff !important;
}

.info-box {
	justify-content: space-around;
}

.contentWithBorders{
	margin-left:1%; 
	margin-right:1%;
}

#headerCustomer {
	width: 100%;
	height: 120px;
}

#headerCustomer div.headerCustomer {
	height: 120px;
}

#headerCustomer div.headerLeft {
	background-image: url('./images/headerLeft.png');
	background-repeat: no-repeat;
	background-position: top right;
	vertical-align: middle;
	background-color: #000000;
	height: 120px;
}

#headerCustomer div.headerRight {
	background-image: url('./images/headerRight.png');
	background-repeat: repeat-x;
	background-position: top right;
	height: 120px;
}

#headerCustomer span.telephone {
	color: #006098;
	background-color: #FFFFFF;
	font-weight: bolder;
	font-size: 1.6em;
	height: 35px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('./images/headerPhoneLeft.png'),
		url('./images/headerPhoneRight.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top left, top right;
	float: left;
}

#headerCustomer span.telephoneValue {
	font-style: italic;
}

#headerCustomer span.telephoneLabel {
	color: #FFFFFF;
	line-height: 30px;
	font-weight: normal;
	font-style: italic;
	float: left;
	height: 35px;
	margin-right: 15px;
}

#headerCustomer div.headerTop {
	height: 35px;
}

#headerCustomer div.headerBottom {
	height: 85px;
}

div.social {
	width: 65px;
	position: fixed;
	top: 30px;
	right: 0px;
	text-align: left;
	z-index: 2;
}

div.social ul {
	list-style: none;
}

div.social #remoteTeamViewer, div.social #remoteAmmyy, div.social #remoteSupremo
	{
	color: #ea7424;
}

div.social #remoteTeamViewer:hover, div.social #remoteTeamViewer:focus,
	div.social #remoteAmmyy:hover, div.social #remoteAmmyy:focus, div.social #remoteSupremo:hover,
	div.social #remoteSupremo:focus {
	color: #d19266;
}

div.social #incident, div.social #application {
	color: #c42127;
}

div.social #incident:hover, div.social #incident:focus, div.social #application:hover,
	div.social #application:focus {
	color: #b85a4b;
}

.jqplot-series-shadowCanvas{
	background-color: white!important;
}
a.fileUploadLink {
	font-size: 28px;
}

a.fileUploadXlsLink {
	font-size: 28px;
	color: #0B8043 !important;
}

a.fileUploadKeyLink {
	font-size: 28px;
	color: #b85a4b !important;
}

div.ui-datatable {
	font-size: 13px !important;
}

ul.nav-treeview {
	margin-left: 20px;
	margin-right: 5px;
}

span.rightBadge {
	right: 1rem !important;
}


/**a.onroad::before {
   font-family: FontAwesome;
   content: "\f1b9";
   display: inline-block;
   padding-left: 3px;
   vertical-align: left;
   color: #ffc107 !important;
}

a.inprogress::before {
   font-family: FontAwesome;
   content: "\f04b";
   display: inline-block;
   padding-left: 3px;
   vertical-align: left;
   color: #007bff !important;
}

a.finished::before {
   font-family: FontAwesome;
   content: "\f164";
   display: inline-block;
   padding-left: 3px;
   vertical-align: left;
   color: #28a745 !important;
}

a.late::before {
   font-family: FontAwesome;
   content: "\f165";
   display: inline-block;
   padding-left: 3px;
   vertical-align: left;
   color: #dc3545 !important;
}
*/

a.onroad {
   border-color: #ffc107 !important;
   border-width: 2px  !important;
}

a.inprogress {
   border-color: #007bff !important;
   border-width: 2px  !important;
}

a.finished {
   border-color: #28a745 !important;
   border-width: 2px  !important;
}

a.late {
   border-color: #dc3545 !important;
   border-width: 2px  !important;
}

@media ( max-width : 700px) {
	div.social {
		visibility: hidden;
	}
	#headerCustomer div.headerLeft {
		background-image: none;
	}
	#headerCustomer div.headerTop {
		text-align: center;
	}
	#headerCustomer div.headerBottom {
		text-align: center;
	}
	#headerCustomer span {
		font-size: 1em;
	}
	#headerCustomer span.telephone {
		float: none;
		padding-left: 2px;
		padding-right: 2px;
		text-align: center;
		font-size: 1.1em;
		margin-left: auto;
		margin-right: auto;
	}
	#headerCustomer span.help {
		font-size: 1em;
	}
	#headerCustomer span.call {
		font-size: 1em;
	}
	#blockRight {
		margin-left: 0px;
	}
	#content .boxPicture img {
		width: -webkit-fill-available;
	}
	#content .boxInformation span {
		font-size: medium;
	}
	#content .boxFooter a {
		font-size: 16px;
	}
	#content .boxHeader h1, #content .boxHeader h2 {
		font-size: 1.8vh;
	}
	#content>.container-fluid {
		margin-left: 0;
		margin-right: 0
	}
}

@media ( max-width : 575px) {
	.hidden-xs-down {
		display: none !important;
	}
}
@media ( min-width : 1024px) {
	.statisticsButtons {
		width: 2%;
	    position: fixed;
	    left: 98%;
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
}
@media ( max-width : 1024px) {
	#headerCustomer span.telephone {
		font-size: 1.4em;
	}
	.statisticsButtons {
		margin-left: auto;
		margin-right:auto;
		width: 100%; 
	    display: flex;
	    flex-direction: row;
    	justify-content: center;
    	flex-wrap: wrap;
	}
}