/********** Param�tre globaux **********/
html
{
	font-size: 0.9em;
	width: 100vw;
    overflow-x: hidden;
}

body
{
	margin-top: 0px;
	font-size: 0.95em;
	font-family: 'Inter', sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 75;
	background-color:#FFFFFF;
	background: linear-gradient(to right,var(--current-color-2) ,var(--current-color-3) ) !important;
}

#content
{
	margin-right: auto;
	width: 100%;
}

.center-solo-header{
	margin-bottom: 85px;
}

a
{
	color: #333333;
	text-decoration:none;
	cursor:pointer;
	
}
a:hover
{
	/*background-color:#CCFFBB;*/
	font-weight:bold;
	cursor:pointer;

}

.introjs-tooltip{
    min-width: 350px !important;
    max-width: 400px !important;
}


a.alert
{
	color:var(--ko);
	
}
a.alert:visited
{
color:var(--ko);
	
}
a.white
{
	color: white;
	
}
a.white:visited
{
color: var(--current-color);
	
}
a.white:hover
{
	color: white;
	
}



a img
{
border: none;
} 

a.nounderline:link  {
	text-decoration:none;
}

img {
	vertical-align:middle;
}

/********** Header, langbar **********/

#langbar
{
	position: fixed;
	background-color: rgb(51,51,51);
	padding-top: 1px;
	padding-bottom: 1px;
	opacity: 0.7;
	width: 100%;
	left: 0px;
}

#header
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	padding-left:1%;
	padding-top:0;
	padding-bottom:0;
	vertical-align:middle;
}

span.styled {
	font-family: "dancingscript",arial,sans-serif;
	font-weight:bold;
}

span.hash1 {
	font-size:20px;
	padding-left:25px;
	padding-top:25px;
}

span.titre {
	font-size:20px;
	color:#6a6350;
}


#logo
{
	width:auto;
	text-align:center;
}


/********** Menu: header, langbar ***********/

/** G�n�ral **/

ul
{
	list-style-type: none;
}

/** Langbar **/

#lang_menu
{
	margin: 0px 1px 4px 270px;   
	text-align: right;
}


#lang_menu li
{
    display: inline;
	padding : 0 0.5em;
	font-size: 0.8em;
}

ul#lang_menu a
{
	color:white;
	
}	

/** Header **/

#menu
{
	position: relative;
	right: 25px;
}

#menu li
{
	display:inline;
	font-size: 0.9em;
	padding : 0 0.5em;
}

ul#menu a
{
	color:rgb(136,136,136);
	
}	

ul#menu a:hover
{
	color: var(--current-color);
	cursor:pointer;
}


/********** Content **********/

#corps
{
	
	display:inline-block;
	width:99%;
	padding-left: 15px;
	padding-top: 0px;
	vertical-align: top;
	float:left;
}
#corps_connexion
{
	
	display:inline-block;
	width:85%;
	padding-left: 15px;
	padding-top: 0px;
	vertical-align: top;
	border-right: 1px rgb(237,237,237) solid;
	float:left;
}

/********* Sidebar ***********/

#sidebar
{
	position: fixed;
	display:inline-block;
	float:left;
	margin-left:6px;
	padding: 0;
	width:13%;
	font-size: 0.9em;
	background-color:#ffffff;
	max-height: 85%;
	overflow-y: auto;
}

.menu_supheader {
	font-size: 0.9em;
	font-style:italic;
	color:#bdbdbd;
}
div.menu_content
{
	border-radius: 1px; 
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 0px;
	margin-bottom: 0px;	
	margin-left:7px;	
	margin-right:7px;	
	background-color:#ffffff;
	color:#6b6b6b;
	border-left:0px dashed var(--current-color);
	border-right:0px dashed var(--current-color);

	
}

div.menu_content_last
{
	border-radius: 1px; 
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 0px;
	margin-bottom: 0px;	
	margin-left:7px;	
	margin-right:7px;	
	background-color:#ffffff;
	color:#6b6b6b;
	border-left:0px dashed var(--current-color);
	border-right:0px dashed var(--current-color);
	border-bottom:0px dashed var(--current-color);
}

div.menu_content a
{
	color:#6b6b6b;
}

div.menu_content a:hover
{
	color:var(--current-color);
	cursor:pointer;
}

div.menu_content_last a:hover
{
	color:var(--current-color);
	cursor:pointer;
}



.sidebarblock
{
	border:1px solid #ffffff;
	border-radius: 5px; 
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-bottom: 2px;	
	margin-right:0px;
}

.niveau1
{
	font-weight : bold;
	border:1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 5px; 
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-bottom: 2px;	
	color:white;
	margin-right:0px;
}
.niveau1si
{
	font-weight : bold;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-radius: 5px; 
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-bottom: 2px;	
	color:white;
	margin-right:0px;
	
}

.niveau1si:hover {
	cursor:pointer;
}

.menu_header_top
{
	font-weight : bold;
	background-color:#ffffff;
	color:var(--current-color);
	border-bottom:1px solid lightgray;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.menu_header_top:hover
{
	background-color:var(--current-color);
	color:#FFFFFF;
	cursor:pointer;
}

.menu_header_middle
{
	font-weight : bold;
	background-color:#ffffff;
	color:var(--current-color);
	border-bottom:1px solid lightgray;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
 
}
.menu_header_middle:hover
{
	background-color:var(--current-color);
	color:#FFFFFF;
	cursor:pointer;
}

.menu_header_mixed
{
	font-weight : bold;
	background-color:#ffffff;
	color:var(--current-color);
	border-bottom:1px solid lightgray;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.menu_header_mixed:hover
{
	background-color:var(--current-color);
	color:#FFFFFF;
	cursor:pointer;
}

.menu_header_mixed_busy
{
	font-weight : bold;
	background-color:#ffffff;
	color:var(--current-color);
	border-bottom:1px solid lightgray;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.menu_header_mixed_busy:hover
{
	background-color:var(--current-color);
	color:#FFFFFF;
	cursor:pointer;
}
.menu_header_bottom
{
		font-weight : bold;
	background-color:#ffffff;
	color:var(--current-color);
	border-bottom:1px solid lightgray;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.menu_header_bottom:hover
{
	background-color:var(--current-color);
	color:#FFFFFF;
	cursor:pointer;
}

li.niveau2 a
{
	padding-left:2px;
	color:#999999;
	
}
li.niveau1 a:hover
{
	color: var(--current-color);
	cursor:pointer;
}


/***** style des boutons ***********/

.bouton
{
	color:white; 
	background-color:rgb(136,136,136); 
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	border:none;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
}

hr {
 height: 4px;
 border: 0;
 box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.5);
 margin-right:15px;

}

input[type="submit"], input[type="button"] {
color:white;
font-size:12px;
#margin-left:145px;
#margin-right:145px;
margin-top:25px;
margin-bottom:25px;
padding-left: 7px;
padding-right: 7px;
background-color: var(--current-color);
width:auto;
height:40px;

font-size:large;
border-radius: 15px;
border:0px;
}

input[type="submit"].small, input[type="button"].small {
	width:100px;
	height:30px;
	margin:0px;
	border-radius:10px;
}

input[type="button-a-remplacer"] {
#margin-top:25px;
#margin-bottom:25px;
#padding: 6px;
#background-color: var(--current-color);
}


input[type="submit"]:hover
{
	background-color: var(--current-color-4);
}
input[type="button"]:hover
{
	background-color: var(--current-color-4);
}

input[type="text"], input[type="number"] {
	height:40px;
	f
	font-size:0.9em;
  border: solid 1px #999999;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
padding: 3px;
}
input[readonly="readonly"]
{
    background-color:#999999;
	color:#FFFFFF;
}
input[readonly="readonlylong"]
{
	width:300px;
    background-color:#999999;
	color:#FFFFFF;
}
input[type="password"] {
  border: solid 1px #999999;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;

  transition: box-shadow 0.3s, border 0.3s;
  padding: 3px;
}
input[type="text"]:focus,
input[type="text"].focus, 
input[type="number"]:focus, 
input[type="number"].focus{
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
  outline: none;
}
input[type="text"].datepicker
{
width:100px;
height:40px;
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
}


input[type="text"].datepickerselected
{
width:100px;
height:40px;
border:3px solid var(--current-color);	
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
}

input[type="text"].datepickerdemidouble
{
width:230px;
height:40px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"].datepickershort
{
width:50px;
height:40px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"].standard, input[type="number"].standard
{
	width:195px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].double, input[type="number"].double
{
	width:400px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

input[type="text"].quadruple, input[type="number"].quadruple
{
	width:400px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].demidouble, input[type="number"].demidouble
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:230px;
height:40px;

}

input[type="text"].demidoubleselected, input[type="number"].demidoubleselected
{
border:3px solid var(--current-color);	
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:230px;
height:40px;

}

input[type="text"].doubleselected, input[type="number"].doubleselcted
{
	width:400px;
	border-radius: 5px;
border:3px solid var(--current-color);	
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

input[type="text"].cinquiemedouble, input[type="number"].cinquiemedouble
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:125px;
height:40px;

}

input[type="text"].quarter
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:250px;
height:40px

}
input[type="text"].sixiemedouble, input[type="number"].sixiemedouble
{
width:100px;
height:40px;
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;


}

input[type="text"].sixiemedoubleselected, input[type="number"].sixiemedousixiemedoubleselectedble
{
	border:3px solid var(--current-color);
width:100px;
height:40px;
border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;


}

input[type="text"].double, input[type="number"].double
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:400px;
height:40px;

}

input[type="text"].triple, input[type="number"].triple
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
width:750px;
height:40px;

}


input[type="text"].troisquartdouble, input[type="number"].troisquartdouble
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
text-align:left;
width:300px;
height:40px;

}


input[type="text"].troisquartdoubleselected, input[type="number"].troisquartdoubleselected
{

border-radius: 5px; 
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
text-align:left;
width:300px;
height:40px;
border:3px solid var(--current-color);
}


input[type="text"].quartdouble, input[type="number"].quartdouble
{
	width:150px;
	height:40px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].quartdoubleselected, input[type="number"].quartdoubleselected
{
	width:150px;
	height:40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:3px solid var(--current-color);
}
input[type="text"].huitiemedouble, input[type="number"].huitiemedouble
{
	width:75px;
	height:40px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].huitiemedoubleC, input[type="number"].huitiemedoubleC
{
	width:75px;
	height:40px;
	text-align:center;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].tiny, input[type="number"].tiny
{
	width:30px;
	height:40px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="text"].tinyselected, input[type="number"].tinytinyselected
{
width:30px;
height:40px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border:3px solid var(--current-color);
}
input[type="text"].tinydouble, input[type="number"].tinydouble
{
	width:60px;
	height:40px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
text-align:center;
}

input[type="text"].tinydoubleselected, input[type="number"].tinydoubleselected
{
	width:60px;
	height:40px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
border:3px solid var(--current-color);
}
input[type="text"].tinyplus, input[type="number"].tinyplus
{
	width:40px;
	height:40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
}

input[type="text"].tinyplusselected, input[type="number"].tinyplusselected
{
	width:40px;
	height:40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: box-shadow 0.3s, border 0.3s;
	border:3px solid var(--current-color);
	text-align:center;
}
input[type="password"].demidouble
{
	width:230px;
	border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;

}
/********* Divers ***********/

th
{
	background-color:#333333;
	text-align:center;
	#border:1px solid black;
}

td
{
	border:1px;
	#border-collapse:collapse;
	vertical-align:middle;
}



td.firstcommand {
width:5%;
text-align:center;
}
td.invisifield
{
	border:none;
	text-align:left;
	width:auto;
}

td.invisifieldcontour
{
	border:none;
	text-align:left;
	width:auto;
	background-color:#DFD9D1;
}
td.invisilabel
{
	border:none;
	text-align:right;

}
td.top
{
	border:none;
	text-align:right;

}
td.invisilabeluniversel
{
	border:none;
	text-align:right;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:50%;

}
td.invisilabeluniversel_reverse
{
	border:none;
	text-align:right;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:50%;
	color:white;

}
td.invisilabeldeported
{
	border:none;
	text-align:right;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:20%;

}
td.invisilabelinflexed
{
	border:none;
	text-align:right;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:40%;

}
td.invisifielduniversel
{
	border:none;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:50%;
}
td.invisifielduniversel_reverse
{
	border:none;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:50%;
	color:white;
}
td.invisifielddeported
{
	border:none;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:80%;
}
td.invisifieldinflexed
{
	border:none;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:60%;
}
td.invisilabelsmall
{
	border:none;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:40%;

}
td.invisilabelsmallhalf
{
	border:none;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:20%;

}
td.invisifieldsmall
{
	border:none;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	width:60%;
	

}


div.block {
	background-color:none;
	color:#3A2340;
	text-align:center;
	padding:5px;
	width:97%;
	margin-top:15px;
	float:left;
	margin-bottom: 10px;
}

div.block table{
	text-align:center;
}

div.block table.bigdashtable{
	width:95%;
	table-layout: auto;
}

}
table.htmlizer{
	width:100%;
	table-layout: fixed;
}
table.htmlizer_reverse{
	width:100%;
	table-layout: fixed;
	color:white;
}
table.quarter{
	table-layout: fixed;
}
div.block.justified {
	text-align:justified;
	text-justify: inter-word;
}

div.block table.stuck{
	border-collapse:collapse;
	margin:0;
	padding:0;
}

div.block table.naked{
	margin:0px;
	padding:0px;
}

div.block table.mothertasktable{
	text-align:center;
	border:1px solid var(--current-color);
	width:250px;
	margin:0px;
	float:left;
	display:inline-block;
}
div.block table.tasktable{
	text-align:center;
	border:1px solid var(--current-color);
	width:250px;
	margin:0px;
}
div.block table.commontasktable{
	text-align:center;
	border:1px solid gray;
	width:250px;
	margin:0px;
}
div.block table.tasktableinvisi{
	text-align:center;
	width:250px;
	margin:0px;
	padding:0px;
}

div.block tr.stuck
{
	margin:0px;
	padding:0;
}

div.block a.blanc
{
	color:#FFFFFF;
}

div.block table[class$="tasktable"] tr.main {
	text-align:center;
	width:250px;
	margin:0px;
}

div.block table[class$="tasktable"] td.deuxsixieme{
	text-align:center;
	width:50px;
}

div.block table[class$="tasktable"] td.unsixieme{
	text-align:center;
	width:35px;
}

div.block table[class$="tasktable"] td.unsixiemeghost{
	text-align:center;
	width:35px;
	display:none;
}

div.block table[class$="tasktable"] td.cinqcinquieme{
	text-align:center;
	width:47px;
}
div.block table[class$="tasktable"] td.cinqcinquiemeghost{
	text-align:center;
	width:50px;
	display:none;
}

div.block table[class$="tasktable"] td.quatrequart{
	text-align:center;
	width:62.5px;
}

div.block table[class$="tasktable"] td.demiquartbottom{
	text-align:center;
	width:30px;
	vertical-align:bottom;
	margin:0px;

}

div.block table[class$="tasktable"] td.demiquarttop{
	text-align:center;
	width:30px;
	vertical-align:top;
	margin:0px;

}

div.block table[class$="tasktable"] td.troistiers{
	text-align:center;
	width:80px;
	padding:0px;
}

div.block table[class$="tasktable"] td.deuxdemi{
	text-align:center;
	width:125px;
}

div.block table.tasktableinvisi td.deuxdemi{
	text-align:center;
	width:125px;
}

div.block table[class$="tasktable"] td.full{
	text-align:center;
	width:245px;
	background-color:var(--current-color);
	color:#ffffff;
	margin:0px;
}

div.block table.tasklabel{
	text-align:center;
	width:236px;
	margin:0px;
	padding:0px;

	
}

div.block table.tasklabel td.tasklabelheader {
	text-align:center;
	background-color:var(--current-color);
	color:#ffffff;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:16px;
}

div.block table.tasklabel td.commontasklabelheader {
	text-align:center;
	background-color:gray;
	color:#ffffff;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:16px;
}

div.block table.tasklabel td.tasklabelheaderalert {
	text-align:center;
	background-color:#f21b00;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:16px;
}
div.block table.tasklabel td.tasklabelheaderbottom {
	text-align:center;
	background-color:#6A6350;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}


div.block td.sprint0
{
	border:none;
	text-align:right;
	vertical-align:middle;
	width:45%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	background-color:#95a5a6;
	color:white;
	border-radius:5px;

}
div.block td.sprint0 a {
	color:white;
}
div.block td.sprint1
{
	border:none;
	text-align:right;
	vertical-align:middle;
	width:45%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	background-color:#7f8c8d;
	color:white;
	border-radius:5px;


}
div.block td.sprint1 a {
	color:white;
}
div.block td.sprint2
{
	border:none;
	text-align:right;
	vertical-align:middle;
	width:45%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	background-color:#34495e;
	color:white;
	border-radius:5px;

}
div.block td.sprint2 a {
	color:white;
}
div.block td.sprint3
{
	border:none;
	text-align:right;
	vertical-align:middle;
	width:45%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	background-color:#2c3e50;
	color:white;
	border-radius:5px;

}
div.block td.sprint3 a {
	color:white;
}
div.block td.sprintplanif a {
	color:white;
}
div.block td.sprintplanif
{
	border:none;
	text-align:right;
	vertical-align:middle;
	width:45%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	background-color:var(--current-color);
	color:white;
	border-radius:5px;

}
div.block td.invisilabelstick
{
	border:none;
	text-align:right;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border-collapse:collapse;

}
div.block td.calendarcell
{
	border:1px solid #2C3E50;
	width:3000px;
	height:100px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border-collapse:collapse;

}
div.block td.calendarcellblocked
{
	border:1px solid #2C3E50;
	width:300px;
	height:100px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	background-color:#BDC3C7;

}
div.block td.calendarcelltoday
{
	border:1px solid #2C3E50;
	width:300px;
	height:100px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	background-color:#ebf5fc;

}
div.block td.calendarcell span.calendarcellheader, td.calendarcellblocked span.calendarcellheader 
{
	background-color:#7F8C8D;
	
	color:white;
	display:block;
	text-align:center;
}
div.block td.calendarcell span.calendarcellheader a, td.calendarcellblocked span.calendarcellheader a {
	color:white;
	font-weight: bold;
}
div.block td.calendarcelltoday span.calendarcellheadertoday
{
	background-color:	#3498DB;
	color:white;
	display:block;
	text-align:center;
}
div.block td.calendarcelltoday a,  td.calendarcell a
{
	color:white;
}
div.block td.calendarcelltoday a:visited, td.calendarcell a:visited
{
	color:white;
}
div.block td.calendarcell span.calendarelement
{
	background-color: lightgray;
	border: 1px solid var(--current-color);
	display:block;
	text-align:left;
	border-radius:5px;
}
div.block td.invisifieldstick
{
	border:none;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border-collapse:collapse;

}
td.radio
{
	border:none;
	text-align:center;
}

td.pairleft
{
	color: #000000;
	background-color:#F5F5F5;
	text-align:left;
	
}

td.left {
	text-align:left;
}

td.right {
	text-align:right;
}


tr
{
	color: #000000;
}
/* Rounded Bubble */
div.bubble div.rounded {
margin-bottom: 10px;
border: 3px solid #fff;
background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
border: 0;
background-color: transparent;
}
div.bubble div.rounded blockquote p {
margin: 0px 10px;
}
div.bubble cite.rounded {
position: relative;
margin: 0px;
padding-left: 15px;
padding-top: 12px;
top: 9px;
background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}
div.noblock {
 color:000000;
}

div.noblock tr.pair
{
	background-color:#F5F5F5;
	border: 1px solid #FF9966;
}div.noblock tr.pairincident
{
	background-color:#F5F5F5;
	color:var(--ko);
	border: 1px solid #FF9966;
}
div.noblock  tr.impair
{
	background-color:#FFFFFF;
	border: 1px solid #FF9966;
}div.noblock  tr.impairincident
{
	color:var(--ko);
	background-color:#FFFFFF;
	border: 1px solid #FF9966;
}

div.noblock tr.pair2
{
	background-color:#c4c4c4;
	border: 1px solid #FF9966;
}
div.noblock  tr.impair2
{
	background-color:#dcdcdc;
	border: 1px solid #FF9966;
}

h2
{
	
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 15px;
    font-size: 20px;
	color:var(--current-color);
	#color:black;
	width:90%;
    //text-shadow: 2px 2px 4px #333333;
}

h2 a{
	color: white;
}

h1
{
	color:#333333;
}

.alerte
{
	color:#3A2340;
	
}

.orange {
	color:var(--current-color);
}
.orangegras {
	color:var(--current-color);
	font-weight:bold;
}
.blocklabel {
	color:#333333;
	font-weight:bold;
	
}
.blocklabel_reverse {
	color:#FFFFFF;
	font-weight:bold;
	
}
.blocklabelsmaller {
	font-size:smaller; 
	font-weight:bold;
}

.blocktitle {
	color:#FFFFFF;
	background-color:var(--current-color);
	font-weight:bold;
	padding:2px;
  border-radius: 10px 10px 10px 10px;
}

.blocktitle_alt {
	color:#FFFFFF;
	background-color:#669900;
	font-weight:bold;
	padding:2px;
  border-radius: 10px 10px 10px 10px;
}

.blocktitle_alt2 {
	color:#FFFFFF;
	background-color:#999999;
	font-weight:bold;
	padding:2px;
  border-radius: 10px 10px 10px 10px;
}


.warninglabel {
	color:var(--ko);
	font-weight:bold;
}
.deconnexion input[type="text"]::placeholder {
    color: var(--current-color);
}
.deconnexion input[type="text"] {
    border: 2px solid var(--current-color);
    padding: 3px;
	margin-top: 7px;
}
.message {
	color: white;
	background-color: var(--current-color);
    text-align: center;
    padding: 10px;
    border-radius: 15px;
}
.pleintexte {
	color:#000000 ;
}
.vert {
	color:var(--current-color);
}
label
{
	color:#333333;
}

label.formprofil
{
	display: block;
	width: 60%;
	float: left;
}
}
div.notop {
margin-top:0px;
padding-top: 0px;
}
div.content div#carrereponse {
	display:inline; 
	float:left; 
	width:23%; 
	height:193px; 
	background-color:rgb(136,136,136);
}

div.taupe {
	background-color:#ffffff;
	border-radius: 15px;
	border:1px solid black;
	text-align:center;
	padding:50px;
	width:500px;
	
}



div.blockinvisible {
	padding-top:0px;
	margin-top:0px;
	text-align:center;
	padding:5px;
	width:97%;
	float:left;
}

div.subpostit {
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:2px solid var(--current-color);
	text-align:center;
	padding-bottom:20px;
	width:30%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5); 
	-webkit-box-shadow: 2px 2px 0px 0px #999999;
	-moz-box-shadow: 2px 2px 0px 0px #999999;  
	box-shadow: 2px 2px 0px 0px #999999;  
}

@font-face {
    font-family: "cookie";
    src: url("/fonts/Cookie-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "dancingscript";
    src: url("/fonts/dancingscript.ttf") format("truetype");
}
@font-face {
    font-family: "feelinglonely";
    src: url("/fonts/FeelingLonely-JRa0n.otf") format("truetype");
}
@font-face {
    font-family: "attraction";
    src: url("/fonts/Attraction.ttf") format("truetype");
}


div.subblock {
	font-size:large;
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:2px solid var(--current-color3);
	text-align:center;
	padding-bottom:20px;
	padding-right:0px;
	width:100%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:inline-block;
}


div.subblockleft {
    
	font-size:large;
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:2px solid var(--current-color3);
	text-align:left;
	padding-bottom:20px;
	padding-left:50px;
	width:100%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:inline-block;
}

div.subblock div.report {
	 
	 width: 900px;
	 text-align: left;
}


table[class$="reportblock"] {
	 
	 width: 900px;
	 text-align: left;
 	 border:1px solid grey;
	 border-collapse: collapse;
}


tr.blockactioninvisible {
	 border:0px solid white;
	 background:var(--current-color);
	 border-collapse: collapse;

}

tr.blockinformation {
	 
	 border:1px solid grey;
	 background:none;
	 border-collapse: collapse;
	 
}

td.blocklogoinvisible {
	 width: 60px;
	 border:0px solid white;
	 border-collapse: collapse;
	 word-wrap: break-word

}


td.blockcontentinvisible {
	 width: 620px;
	 border:0px solid white;
	 border-collapse: collapse;
	 word-wrap: break-word

}


td.blockcactorinvisible {
	 width: 40px;
	 border:0px solid white;
	 border-collapse: collapse;
	 word-wrap: break-word

}
td.blockdeadlineinvisible {
	 width: 100px;
	 border:0px solid white;
	 border-collapse: collapse;
	 word-wrap: break-word

}

td.blocklogo {
	 width: 60px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 word-wrap: break-word
}


td.blocktitre {
	 width: 100px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 word-wrap: no-wrap
}

td.blockcontent {
	 width: 740px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 word-wrap: break-word;
	 text-align:left;
}

tr.blockaction {
	 
}
td.blockactionlogo {
	 width: 60px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 padding:0px;
	 margin:0px;
	 
}
td.blockactioncontent {
	 width: 620px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 text-align:left;
}
td.blockactionactor {
	 width: 40px;
	 border:1px solid grey;
	 border-collapse: collapse;
}
td.blockactiondeadline {
	 width: 100px;
	 border:1px solid grey;
	 border-collapse: collapse;
}

tr.blockdecision {
	 
}
td.blockdecisionlogo {
	 width: 60px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 padding:0px;
	 margin:0px;
	 
}
td.blockdecisioncontent {
	 width: 700px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 text-align:left;
}
td.blockdecisionactor {
	 width: 40px;
	 border:1px solid grey;
	 border-collapse: collapse;
}

tr.blockwarning {
	 
}
td.blockwarninglogo {
	 width: 60px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 padding:0px;
	 margin:0px;
	 
}
td.blockwarningcontent {
	 width: 740px;
	 border:1px solid grey;
	 border-collapse: collapse;
	 text-align:left;
}

th.csslogobig {
	width:60px;
	text-align:center;
	padding:0px;
}
td.blockactionactor table {
	 width: 100%;
}
td.blockactionactor table th {

}
td.blockactionactor table td {

}
td.blockactionactor table th {

}
td.blockactionactor table td {

}
div.thirdblock {
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px solid var(--current-color);
	text-align:center;
	width:28%;
    display:inline-block;
    padding:15px 5px 25px 5px;
	margin:25px 15px 0px 15px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.halfblock {
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px solid var(--current-color);
	text-align:center;
	width:47%;
    display:inline-block;
    padding:15px 5px 25px 5px;
	margin:25px 10px 0px 10px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


div.boot2 {
	font-size:large;
	background-color:var(--ok);
	color:#FFFFFF;
	border-radius: 15px;
	border:2px solid #c0392b;
	text-align:center;

    display:inline-block;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #c0392b;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.boot1 {
	font-size:large;
	background-color:#e74c3c;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    display:inline-block;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #e74c3c;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot3{
	font-size:large;
	background-color:#d35400;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;   
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #d35400;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot4{
	font-size:large;
	background-color:#e67e22;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #e67e22;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot5{
	font-size:large;
	background-color:#f39c12;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #f39c12;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot6 {
	font-size:large;
	background-color:#f1c40f;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #f1c40f;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.boot7 {
	font-size:large;
	background-color:#2ecc71;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #2ecc71;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot8 {
	font-size:large;
	background-color:#27ae60;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #27ae60;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot9 {
	font-size:large;
	background-color:#2980b9;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #2980b9;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.boot10 {
	font-size:large;
	background-color:#3498db;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #3498db;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


div.boot11 {
	font-size:large;
	background-color:#9b59b6;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #9b59b6;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


div.boot12{
	font-size:large;
	background-color:#8e44ad;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
    
    padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #8e44ad;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot13{
	font-size:large;
	background-color:#2c3e50;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
     padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #2c3e50;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.boot14{
	font-size:large;
	background-color:#34495e;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
     padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #34495e;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.boot15{
	font-size:large;
	background-color:#95a5a6;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
     padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #95a5a6;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.boot16{
	font-size:large;
	background-color:#bdc3c7;
	color:#FFFFFF;
	border-radius: 15px;
	text-align:center;
     padding:15px 2px 15px 2px;
	margin:25px 5px 0px 5px;
	background: #bdc3c7;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.block div.boot1 a, div.block div.boot1 a:visited, 
div.block div.boot2 a, div.block div.boot2 a:visited, 
div.block div.boot3 a, div.block div.boot3 a:visited, 
div.block div.boot4 a, div.block div.boot4 a:visited, 
div.block div.boot5 a, div.block div.boot5 a:visited, 
div.block div.boot6 a, div.block div.boot6 a:visited, 
div.block div.boot7 a, div.block div.boot7 a:visited, 
div.block div.boot8 a, div.block div.boot8 a:visited, 
div.block div.boot9 a, div.block div.boot9 a:visited, 
div.block div.boot10 a, div.block div.boot10 a:visited, 
div.block div.boot11 a, div.block div.boot11 a:visited, 
div.block div.boot12 a, div.block div.boot12 a:visited, 
div.block div.boot13 a, div.block div.boot13 a:visited, 
div.block div.boot14 a, div.block div.boot14 a:visited, 
div.block div.boot15 a, div.block div.boot15 a:visited, 
div.block div.boot16 a, div.block div.boot16 a:visited 
{
	color:white;
}

div.md-logo a {
	color:white;	
}

div.bootgrid {
	display: flex;
	justify-content: flex-start;
	
}

div.dashgrid {
	display:grid;
    grid-template-columns: 3fr 1fr 1fr;
    grid-template-rows: 2fr 3fr;
    grid-gap: 10px;	
}


div.summarygrid {
	display:grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0px;	
}

div.fullgrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 10px;	
}

div.browsegrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.monogrid {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}


div.monogrid1rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr ;
    grid-gap: 10px;	
}


div.monogrid2rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid3rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid4rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid5rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid6rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid7rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
    grid-gap: 10px;	
}


div.monogrid8rows {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
    grid-gap: 10px;	
}



div.usergrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
    grid-gap: 10px;	
}


div.thirdgrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 10px;	
}

div.thirdgridsimple {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.thirdgridasym{
	display:grid;
	grid-template-columns: 2fr 1fr 2fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.dumbo {
	display:grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}
div.taskgrid {
	display:grid;
	grid-template-columns: 1fr 1fr 2fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}
div.taskgrid2 {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}
div.taskgrid3 {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 4fr 1r;
    grid-gap: 10px;	
}

div.taskgrid5 {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}


div.halfgrid {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
    grid-gap: 10px;	
}
div.duogrid {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.pentagrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.hexagrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}


div.quartergrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
    grid-gap: 10px;	
}

div.threequarterblock {
	grid-row-start:1;
	grid-row-end:3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 50px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.allbutoneblock {
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start: 1;
	grid-column-end: 3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 50px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}


div.allbutsummary {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 1;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 50px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}


div.sidecreator {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 50px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.oneblock {
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start: 3;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monoblock {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 1;
	grid-column-end: 1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock1 {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 1;
	grid-column-end: 1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock1_forquarters {
	grid-row-start:1;
	grid-row-end:6;
	grid-column-start: 1;
	grid-column-end: 1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2 {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex1 {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color: var(--current-color-reverse-tile);
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: var(--current-color-reverse-tile);
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex2 {
	grid-row-start:2;
	grid-row-end:2;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:var(--current-color-reverse-tile);
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: var(--current-color-reverse-tile); 
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex3 {
	grid-row-start:3;
	grid-row-end:3;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:var(--current-color-reverse-tile);
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: var(--current-color-reverse-tile); 
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex4 {
	grid-row-start:4;
	grid-row-end:4;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:var(--current-color-reverse-tile);;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: var(--current-color-reverse-tile);
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex5 {
	grid-row-start:5;
	grid-row-end:5;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:var(--current-color-reverse-tile);
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: var(--current-color-reverse-tile); 
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.duoblock2_hex6 {
	grid-row-start:6;
	grid-row-end:6;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.oneblock2 {
	grid-row-start:2;
	grid-row-end:3;
	grid-column-start: 3;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.summa {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.summaedit {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}



div.fullsumma {
	grid-row:1/3;
	grid-column-start: 4;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.thirdtiles1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row:1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.thirdtiles2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row:1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}

div.monotile1 {
	grid-row: 1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile2 {
	grid-row: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile3 {
	grid-row: 3;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile4 {
	grid-row: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile5 {
	grid-row: 5;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile6 {
	grid-row: 6;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile7 {
	grid-row: 7;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.monotile8 {
	grid-row: 8;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.thirdtiles3 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row: 1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	background: linear-gradient(top,  #ffffff 0%,#ffffff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.thirdasymtiles1 {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row:1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.thirdasymtiles2 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row:1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.thirdasymtiles3 {
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row:1;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row:1/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.block div.subsubheader a {
	color:var(--current-color);
}
div.block div.subsubheader a:visited {
	color:var(--current-color);
}
div.tiles12 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row:2/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles22 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row:2/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles32 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row:2/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles42 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row:2/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles52 {
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row:2/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.twothirdtiles1 {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row:1/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.twothirdtiles2 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row:1/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}

div.ultilmate {
	display:grid;
	grid-template-columns: 1fr 1fr 3fr;
	grid-template-rows: 1px 1fr 1fr;
    grid-gap: 10px;
}
div.tilesfatmiddle {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row:1/2;
	text-align:center;
    
	font-size:large;
	background-color:#fffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}
div.tiles2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row:1/2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
	
}


div.tiles3 {
	grid-row:1/2;
	grid-column-start: 3;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}


div.tiles3g {
	grid-row:1/2;
	grid-column-start: 3;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ecf0f1;  

	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}


div.tiles4 {
	grid-row:1/2;
	grid-column-start: 4;
	grid-column-end: 4;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.tiles5 {
	grid-row:1/2;
	grid-column-start: 5;
	grid-column-end: 5;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.tiles6 {
	grid-row:1/2;
	grid-column-start: 6;
	grid-column-end: 6;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}

div.tiles2splitted1 {
	grid-row-start:1;
	grid-row-end:1;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.tiles2splitted2 {
	grid-row-start:2;
	grid-row-end:2;
	grid-column-start: 2;
	grid-column-end: 2;
	text-align:center;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:none;
    padding:15px 5px 25px 5px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	display:block;
}
div.fulltiles1 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.fulltiles2 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.fulltiles3, div.fulltilesbasket {
    
	font-size:large;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.fulltiles3 {
	background-color:white;	
}


div.fulltilesbasket, div.summa, div.fullsumma {
	background-color: var(--current-color-reverse-tile);	
	border : 1px dashed var(--current-color);
}

div.summaedit {
	background-color: #fff0e7;	
	border : 1px dashed #d35400;
}

div.fulltiles4 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.fulltiles5 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.fulltiles6 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.fulltiles7 {
    
	font-size:large;
	background-color:white;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.quarterblock {
	grid-row-start:1;
	grid-row-end:2;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.quarterblock2 {
	grid-row-start:1;
	grid-row-end:2;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.quarterblock3 {
	grid-row-start:2;
	grid-row-end:3;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
div.quarterblock4 {
	grid-row-start:2;
	grid-row-end:3;
    
	font-size:large;
	background-color:#ffffff;
	border-radius: 15px;
	border:2px;
    display:inline-block;
    padding-top:15px;
    padding-bottom:0px;
	margin:20px 0px 0px 0px;
	background: #ffffff;  
	text-align:center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

div.subblocklarge {
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:1px solid var(--current-color);
	text-align:center;
	padding-bottom:20px;
	width:75%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5); 
	-webkit-box-shadow: 2px 2px 0px 0px #999999;
	-moz-box-shadow: 2px 2px 0px 0px #999999;  
	box-shadow: 2px 2px 0px 0px #999999;  
}

div.subselect {
	text-align:center;
	width:100px;
}


div.tableauvide {
	width:auto;
	#display:inline-block;
	position:relative;
	#white-space: nowrap;
}

div.tableaublanc {
	width:auto;
	display:inline-block;
	#position:relative;
	#white-space: nowrap;
	#float:left;
	margin:25px;
	padding-left:10px;
}

span.styled {
	font-family: "dancingscript",arial,sans-serif;
	font-size:1em;
}

span.tableaublanc {
	width:1024px;
	display:inline-block;
	position:relative;
	white-space: nowrap;
}

span.maincolor {
	color: var(--current-color);
}

span.quarterlabel {
	margin-left:25px;
}

span.emphasis {
	color: var(--current-color);
	font-weight:bold;
	font-size: 12px;
}

div.subblock th.taupethsmall
{
	background-color:var(--current-color);
	color:#FFFFFF;
	font-size: 0.80em;
}

div.tiles2 table th.minimalist
{
	color:var(--current-color);
	background-color:white;
	font-size: 0.80em;
}

div.block a.linkheader {
	color:var(--current-color);
}


div.subblock a {
	color:var(--current-color);
}

a.orange{
	color:var(--current-color) !important;
}

div.subblock a:hover {
	color:var(--current-color);
	cursor:pointer;
}

#ongoing{
	margin-top: 15px;
}


div.subblock_compact {
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:2px solid var(--current-color);
	text-align:center;
	padding-bottom:0px;
	width:100%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5); 
	-webkit-box-shadow: 2px 2px 0px 0px #999999;
	-moz-box-shadow: 2px 2px 0px 0px #999999;  
	box-shadow: 2px 2px 0px 0px #999999;    
}

div.subblock_compactlarge {
	background-color:#ffffff;
	color:#3A2340;
	border-radius: 15px;
	border:1px solid var(--current-color);
	text-align:center;
	padding-bottom:0px;
	width:75%;
	margin-top:25px;
	background: #ffffff;  
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5); 
	-webkit-box-shadow: 2px 2px 0px 0px #999999;
	-moz-box-shadow: 2px 2px 0px 0px #999999;  
	box-shadow: 2px 2px 0px 0px #999999;    
}

div.subheader{
	background-color:var(--current-color);
	color:#FFFFFF;
	width:20%;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:7px;
	border-radius: 13px 0px 15px 0px;
	padding-top: 5px;
    padding-bottom: 5px;
}

div.subsubheader{
	color:var(--current-color);
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
}
div.subsubheader_reverse{
	color:white;
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
}
div.subheadertreslarge {
    background-color: var(--current-color);
    color: #FFFFFF;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 7px;
    border-radius: 15px 15px 0px 0px;
    margin-top: -1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.subheaderlarge{
	background-color:var(--current-color);
	color:#FFFFFF;
	width:40%;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:7px;
	border-radius: 15px 0px 15px 0px;
}

div.minisubblock {
	background-color:#eaeaea;
	color:#3A2340;
	border-radius: 15px;
	border:1px solid var(--current-color);
	text-align:center;
	padding-bottom:20px;
	width:25%;
	margin-top:25px;
	background: #eaeaea;  
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ededed), color-stop(100%,#dedede));  
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);  
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);  
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);  
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5); 
	-webkit-box-shadow: 2px 2px 0px 0px #999999;
	-moz-box-shadow: 2px 2px 0px 0px #999999;  
	box-shadow: 2px 2px 0px 0px #999999;  
}

div.block td {
	color:#333333;
	padding:5px;
	margin:5px;
}
div.block th  
{
	background-color:#505050;
	color:#FFFFFF;
	padding: 5px;
}
div.block th a:hover
{
	background-color:white;
	color:var(--current-color);
	padding: 5px;
	border-radius:5px;
}
div.block th.bac
{
	background-color:var(--current-color);
	color:#FFFFFF;
	padding: 5px;
	width:70px;
}
div.block th a {
	color:#FFFFFF;
}

div.block td.maintheme {
	color:#FFFFFF;
	background-color:var(--current-color);
}



div.block td.mainthemeim {
	color:#FFFFFF;
	background-color:var(--current-color_fade);
}


div.block td.mainthemeim a {
	color:white;
}

div.block td.maintheme2 {
	color:#FFFFFF;
	background-color:#669900;
	
}
div.block td.maintheme3 {
	color:#FFFFFF;
	background-color:#6B6350;
}


div.block td.greentored2 {
	background-color:#FF0000; 
}

div.block td.greentored1 {
	background-color:#f29400;
	color:#FFFFFF;
}

div.block td.greentogreentored2 {
	background-color:#f59f00; 
	color:#FFFFFF;
}

div.block td.greentored3 {
	background-color:#f7ab00;
	color:#FFFFFF;
}
	
div.block td.greentred4 {
	background-color:#fab700;
	color:#FFFFFF;
}

div.block td.greentored5 {
	background-color:#fdc300;
	color:#FFFFFF;
}

div.block td.greentored6 {
	background-color:#fdc300;
	color:#FFFFFF;
}

div.block td.greentored7 {
	background-color:#eaca00;
	color:#FFFFFF;
}

div.block td.greentored8 {
	background-color:#d7cd00;
	color:#FFFFFF;
}

div.block td.greentored9 {
	background-color:#bcc500;
	color:#FFFFFF;
}

div.block td.greentored10{
	background-color:#9ab200;
	color:#FFFFFF;
}


div.block td.bluetoblue12 {
	background-color:#FF0000; 
}



div.block td.bluetoblue1 {
	background-color:#bdd6f4; 
	color:#FFFFFF;
}

div.block td.bluetoblue2 {
	background-color:#a7c8f1;
	color:#FFFFFF;
}
	
div.block td.bluetoblue3 {
	background-color:#91bbed;
	color:#FFFFFF;
}

div.block td.bluetoblue4 {
	background-color:#7badea;
	color:#FFFFFF;
}

div.block td.bluetoblue5 {
	background-color:#659fe6;
	color:#FFFFFF;
}

div.block td.bluetoblue6 {
	background-color:#5092e2;
	color:#FFFFFF;
}

div.block td.bluetoblue7 {
	background-color:#3a84df;
	color:#FFFFFF;
}

div.block td.bluetoblue8 {
	background-color:#2476db;
	color:#FFFFFF;
}

div.block td.bluetoblue9{
	background-color:#206ac5;
	color:#FFFFFF;
}

div.block td.bluetoblue10 {
	background-color:#1d5faf;
	color:#FFFFFF;
}

div.block td.vraitableau {
	color:#333333;
	padding:5px;
	margin:5px;
	background-color:#F5F5F5;
	
}
div.block td.Kstrike {
	padding:5px;
	margin:5px;
	text-decoration:line-through;
}
div.block td.taupelight {
	color:#000000;
}
div.block td.racia {
	background-color:var(--ko);
	color:white;
	padding:35px
}
div.block td.raciheader {
	background-color:#34495e;
	color:#FFFFFF;
	vertical-align:center;
	width:200px;
}
div.block td.racir {
	background-color:green;
	color:white;
	padding:35px
}
div.block td.racic {
	background-color:#FEBE00;
	color:white;
	padding:35px
}
div.block td.racii {
	background-color:darkgrey;
	color:white;
	padding:35px
}
div.block td.unplayedgeneral {
	color:#000000;
}
div.block td.OKgeneral {
	color:#FFFFFF;
	background-color:var(--ok);
}

div.block td.KO
{
	color:#FFFFFF;
	background-color:var(--ko);
}


div.block td.COLD
{
	color:#FFFFFF;
	background-color:var(--cold);
}

div.block td.COLD a 
{
	color:#FFFFFF;
	background-color:var(--cold);
}
div.block td.COLDim
{
	color:#FFFFFF;
	background-color:var(--cold_fade);
}

div.block td.COLDim a 
{
	color:#FFFFFF;
}

div.block td.KO a 
{
	color:#FFFFFF;
	background-color:var(--ko);
}

div.block span.KO {
    color: #FFFFFF;
    background-color: var(--ko);		
	display:block;
	width:100px;
	border-radius:10px;
	padding:5px;
}
div.block span.bootvalue {
    color: #FFFFFF;
	display:block;
	width:100px;
	text-align:center;
	font-size:30px;
}
div.block td.OK
{
	color:#FFFFFF;
	background-color:var(--ok);
}
div.block td.OKim
{
	color:#FFFFFF;
	background-color:var(--ok_fade);
}
div.block td.OKim a {
	color:white;
}
div.block td.saisi
{
	color: #FFFFFF;
	background-color:#bbbbbb ;
}

div.block td.saisiim
{
	color: #FFFFFF;
	background-color:#c8c8c8 ;
}
div.block td.saisiim a
{
	color: #FFFFFF;
}
div.block td.valide
{
	color: #FFFFFF;
	background-color:#989898 ;
}

div.block td.OBSOLETE
{
	color: #FFFFFF;
	background-color:#cecece ;
}

div.block td.OBSOLETEim
{
	color: #FFFFFF;
	background-color:#d7d7d7 ;
}
div.block td.OBSOLETEim a
{
	color: #FFFFFF;
}
div.block td.alertlight
{
	background-color:#FFCCCB;
	color:var(--ko);
}
div.block td.CANCELED
{
	background-color:black;
	color:white;
}
div.block td.CANCELEDim
{
	background-color:#323232;
	color:white;
}
div.block td.CANCELEDim
{
	color:white;
}
div.block span.CANCELED
{
    color: #FFFFFF;
    background-color: #585858;		
	display:inline-block;
	width:100px;
	border-radius:10px;
	padding:7px;
	text-align:center;
}

div.block td.OBSOLETEshort
{
	color: #FFFFFF;
	background-color:#dbdbdb ;
	width:60px
}

div.block td.OBSOLETEgeneral
{
	color: #000000;
	background-color:#989898 ;
}

div.block td.INFO
{
	color: #FFFFFF;
	background-color:var(--current-color);
}



div.block td.INFOim
{
	color: #FFFFFF;
	background-color:#ef9c36;
}
div.block td.INFOim a
{
color:white;

}
div.block td.nightly
{
	color: #FFFFFF;
	background-color:var(--nightly);
}
div.block td.nightlyim
{
	color: #FFFFFF;
	background-color:var(--nightly_fade);
}
div.block td.nightlyim a
{
	color: #FFFFFF;
}
div.block td.OVERWATCH
{
	color: #FFFFFF;
	background-color:var(--current-color);
}
div.block td.OVERWATCH a {
	color: #FFFFFF;
}
div.block td.FROZEN
{
	color: #000000;
	background-color:#6EC1F8;
}
div.block td.FROZENim
{
	color: #000000;
	background-color:#8bcdf9;
}
div.block td.NOTICE
{
	color: #FFFFFF;
	background-color:#F6BE00;
}
div.block td.NEUTRAL
{
	color: #FFFFFF;
	background-color:#CCC824;
}
div.block td.POSITIVE
{
	color: #FFFFFF;
	background-color:var(--positive);
}
div.block td.POSITIVEim
{
	color: #FFFFFF;
	background-color:var(--positive_fade);
}
div.block td.THEME
{
	color: #FFFFFF;
	background-color:var(--current-color);
}
div.block td.THEMEim
{
	color: #FFFFFF;
	background-color:var(--current-color_fade);
}
div.block td.POSITIVEFADE
{
	color: #000000;
	background-color:#D7FF7E;
}
div.block td.NEUTRAL
{
	color: #000000;
	background-color:#CCC824;
}
div.block td.DRAFT
{
	color:#000000;
	background-color:#D3D3D3;
}

div.block td.INFOborder
{
	color: var(--current-color);
	border:1px solid var(--current-color);
}

div.block td.INFOshort
{
	color: #FFFFFF;
	background-color:var(--current-color);
	width:60px
}

div.block td.Open
{
	color: #000000;
	background-color:#FFFF00;
}
div.block td.Troisieme
{
	color: #FFFFFF;
	background-color:#685c49;
}
div.block td.INFOlight
{
	color: #000000;
	background-color:#000000;
}

div.block td.pair
{
	color: #000000;
	background-color:#F5F5F5;
}
div.block td.eventnotice
{
	color: var(--current-color);
	background-color:transparent;
}
div.block td.eventunread
{
	color: #000000;
	background-color:#faedf5;
}

div.block td.impair
{
	color:#000000;
	background-color:#FFFFFF;
}

div.block td.pairincident
{
	color:var(--ko);
	background-color:#F5F5F5;
}

div.block td.impairincident
{
	color:var(--ko);
	background-color:#FFFFFF;
}

div.block td.pairblur
{
	color:lightgray;
	text-decoration:italic;
	background-color:#F5F5F5;
}
div.block td.impairblur
{
	color:lightgray;
	text-decoration:italic;
	background-color:#FFFFFF;
}


div.block td.pairstrike
{
	color: #000000;
	background-color:#F5F5F5;
	text-decoration:line-through;
	color:var(--current-color);
}
div.block td.impairstrike
{
	color: #000000;
	background-color:#FFFFFF;
	text-decoration:line-through;
	color:var(--current-color);
}

div.block tr
{
	color: #000000;

}


div.block tr.alert, div.block tr.pair.alert, div.block tr.impair.alert
{
	color:#FFFFFF;
	background-color:var(--current-color-light);
	border: 1px solid var(--current-color);
}
div.block tr.current
{
	color:#FFFFFF;
	background-color:var(--current-color);
}
div.block tr.done
{
	color:#FFFFFF;
	background-color:green;
}
div.block tr.current a
{
	color:#FFFFFF;
}
div.block tr.current span
{
	color:#FFFFFF;
}
div.block tr.incident, div.block tr.pair.incident, div.block tr.impair.incident
{
	color:#FFFFFF;
	border: 1px solid var(--current-color);
}
div.block tr.standby, div.block tr.pair.standby, div.block tr.impair.standby
{
	color:#FFFFFF;
	background-color:#c1c1c1;
	border: 1px solid #FFFFFF;
}

tr.OKFade
{
	color:#FFFFFF !important;
	background-color:#9ab20038 !important;
	border: 1px solid #9ab200 !important;
}
tr.KOFade
{
	color:#FFFFFF !important;
	background-color:#ff000038 !important;
	border: 1px solid #ff0000 !important;
}
tr.EnCoursFade
{
	color:#FFFFFF !important;
	background-color:#FCD30038 !important;
	border: 1px solid #FCD300 !important;
}

div.block tr.pair
{
	color: #000000;
	background-color:#F5F5F5;
}
div.block tr.pair:hover
{
	color: #FFFFFF !important;
	background-color:#ededed;
}
div.block tr.impair
{
	color: #000000;
	background-color:#FFFFFF;
}
div.block tr.impair:hover
{
	color: #FFFFFF !important;
	background-color:#ededed;
}
div.block tr.pairincident
{
	background-color:#F5F5F5;
}
div.block tr.pairincident a
{
	color:var(--ko);
}
div.block tr.pairincident:hover
{
	color:var(--ko);
	background-color:#ededed;
}
div.block tr.impairincident
{
	background-color:#FFFFFF;
}
div.block tr.impairincident a
{
	color:var(--ko);
}
div.block tr.impairincident:hover
{
	color:var(--ko);
	background-color:#ededed;
}


div.block tr.pair2
{
	color: #FFFFFF;
	background-color:#dcdcdc;
}
div.block tr.pair2:hover
{
	color: #FFFFFF;
	background-color:#e5e1d9;
}
div.block tr.impair2
{
	color: #FFFFFF;
	background-color:#c4c4c4;
}
div.block tr.impair2:hover
{
	color: #FFFFFF;
	background-color:#e5e1d9;
}
div.block tr.maintheme
{
	color: #FFFFFF;
	background-color:var(--current-color);
}


div.block tr.maintheme2 {
	color:#FFFFFF;
	background-color:#669900;
	
}
div.block tr.maintheme3 {
	color:#FFFFFF;
	background-color:#6B6350
}
div.block tr.canceled
{
	color:#FFFFFF;
	background-color:lightgray;
}

div.block caption {
	background-color:#7f8c8d;
	color:#FFFFFF;
	font-weight:bold;
	border-radius: 10px 10px 0px 0px;
	width:400px;
	text-align:center;
	margin:auto;
	
}

div.block caption a {
	color:white;
}
div.block caption a:hover {
	color:white;
}
div.block caption a:visited {
	color:white;
}
div.block caption.color1 {
	background-color:var(--current-color);
	color: white;
}


div.block caption.color2 {
	background-color:var(--ko);
	color: white;
}


div.block caption.color3 {
	background-color:var(--ok);
	color: white;
}


div.block caption.color4 {
	background-color:var(--caution);
	color: white;
}


div.block caption.color5 {
	background-color:var(--nightly);
	color: white;
}


div.block caption.color6 {
	background-color:var(--info);
	color: white;
}


div.block caption.color7 {
	background-color:var(--prettygood);
	color: white;
}


div.block caption.color8 {
	background-color:var(--current-lighter);
	color: white;
}

div.block  a {
	color:#333333;
}

div.block input[type="text"]:disabled
{
	background-color:whitesmoke;
	color:#FFFFFF;
}


div.block input[type="text"]:disabled .alert
{
	background-color:#ffd4d4;
	color:#FFFFFF;
}

@keyframes openRow {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

tr.art-table-tr {
	transform-origin: top;
  	display: none;
}

tr.art-table-tr.visible {
	display: table-row;
  	animation: openRow 0.4s ease;
}

p.cartouche {
	width:85%;
	background-color:#E8E8E8;
	border:1px solid black;
	padding:5px;
	margin:auto;
	text-align:left;
}

th.orangeth 
{
	background-color:var(--current-color);
	color:#FFFFFF;
}
th.vertth 
{
	background-color:var(--current-color);
	color:#FFFFFF;
}	
th.taupeth 
{
	background-color:var(--current-color);
	color:#FFFFFF;
}

div.block th.dark
{
	background-color:#34495e;
	color:#FFFFFF;
}
div.block th.darker
{
	background-color:#2c3e50;
	color:#FFFFFF;
}
div.block th.lessdark
{
	background-color:#7f8c8d;
	color:#FFFFFF;
}
div.block th.darkest
{
	background-color:#000000;
	color:#FFFFFF;
}
th.taupeth_h 
{
	background-color:var(--current-color);
	color:#FFFFFF;
	display:none;
}

table 
{
	text-align:center;
    /*table-layout: fixed;*/
	width:auto;
	font-size: 0.95em;
	display:inline-table;
}

.nowrap, .nowrapim {
	white-space: nowrap;
}
table.absence_table{
	width: 75%;
	table-layout: fixed;
}
table.absence_table {
	td, th {
		width: 50%;
    	box-sizing: border-box;
    	min-width: 0;
	}
}

table > thead > tr:first-child > th:first-child { border-radius: 10px 0px 0px 0px; }
table > thead > tr:first-child > th:last-child  { border-radius: 0px 10px 0px 0px; }
table > tfoot > tr:last-child  > th:first-child { border-radius: 0px 0px 0px 10px; }
table > tfoot > tr:last-child  > th:last-child  { border-radius: 0px 0px 10px 0px; }

table > thead {
	background-color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

table > tbody thead{
	z-index: 9;
}

.dt-container{
	margin: 10px;
}

.dt-layout-table {
	tr:nth-child(2n+1){
		color: #000000;
    	background-color: #FFFFFF;
	}
	tr:nth-child(2n){
		color: #000000;
		background-color: #F5F5F5;
	}
	tr:hover {
		color: #FFFFFF !important;
		background-color: #ededed;
	}
}

.datatable tr tr td{
	border-bottom: unset !important;
}

.datatable tr tr{
	background-color: unset !important;
}

div.block td.alert
{
	color:white;
	color:var(--ko);
	border: 1px solid #C0392B;
}

.introjs-tooltip i{
	font-family: 'Font Awesome 6 Free';
}

div.block td.incident
{
	color:var(--ko);
	border: 1px solid #C0392B;
}

div.block td.standby
{
	color:#black;
	background-color:#aed6ff;
	#border: 1px solid blue;
}


div.block td.go
{
	color:#8b9602;
	background-color:#e4ec80;
}

div.block td.KO
{
	color:#FFFFFF;
	background-color:var(--ko);
}

div.block td.KOim
{
	color:#FFFFFF;
	background-color:var(--ko_fade);
}

div.block td.KOim a
{
	color:#FFFFFF;
}
span.sidebar_subtitle {
	background-color:#E6E6E6;
	color: #707070;
	width:100%;
	border-radius:3px;
	padding:3px;
}

/* div.block span.KO */
/* { */
	/* color:#FFFFFF; */
	/* background-color:#3A2340; */
/* } */
div.block span.styled
{
	font-family: "dancingscript",arial,sans-serif;
}
div.block span.hexagrad0 
{
	color:var(--hexagrad1);
	border:1px solid var(--hexagrad1);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div
div.block span.hexagrad1 
{
	color:#FFFFFF;
	background-color:var(--hexagrad1);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.hexagrad2 
{
	color:#FFFFFF;
	background-color:var(--hexagrad2);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.hexagrad3 
{
	color:#FFFFFF;
	background-color:var(--hexagrad3);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.hexagrad4 
{
	color:#FFFFFF;
	background-color:var(--hexagrad4);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.hexagrad5 
{
	color:#FFFFFF;
	background-color:var(--hexagrad5);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.hexagrad6 
{
	color:#FFFFFF;
	background-color:var(--hexagrad6);
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}



div.block td.Kstrike
{
	background-color:#FFEEFF;
	text-decoration:line-through;
}
div.block td.OKlight
{
	color:#669900;
	background-color:#CCFFBB;
} 
td.OKFade
{
	color:#669900;
	background-color:#9ab20038 !important;
	border: 1px solid #9ab200 !important;
}
div.block td.VERTlight
{
	color:var(--current-color);
	background-color:var(--current-color);
} 
div.block td.VERTl
{
	color:var(--current-color);
	background-color:#CCFFBB;
} 
div.block td.KOgeneral
{
	color:#3A2340;
	background-color:#FFEEFF;
	
}
div.block td.KOlight
{
	color:#FF0000;
	background-color:#FFEEFF;
	
}
div.block td.OKgeneral
{
	color: #FFFFFF;
	/* background-color:#CCFFBB; */
	 background-color:#669900;
}
div.block td.bacattente {
    color: #FFFFFF;
    background-color:#e5d8dc;
}
div.block td.bacaction {
    color: #FFFFFF;
    background-color:#dcdcdc;
}
div.block td.gradient1 {
    color: #FFFFFF;
    background-color: #2980b9;
}
div.block span.FROZEN {

    color: #FFFFFF;
    background-color: #2c3e50;		
	/* display:inline-block; */
	/* width:100px; */
	border-radius:10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block span.redflag {
    color:var(--ko);
    background-color: #FFFFFF;	
	display:inline-block;	
}
div.block span.noflag {
	display:inline-block;	
}
div.block  td.calendarcell span.calendarFROZEN, td.calendarcelltoday span.calendarFROZEN  { 
    color: #FFFFFF;
    background-color: #000000;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}

th.gradientalert {
    color: #FFFFFF;
    background-color:var(--ko);	
}

th.gradient1 {
    color: #FFFFFF;
    background-color: #3498db;	
}
th.pagebackground {
    color: var(--current-color);
    background: transparent !important;	
}

div.block span.gradient1 {

    color: #FFFFFF;
    background-color: #3498db;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block  td.calendarcell span.calendargradient1, td.calendarcelltoday span.calendargradient1  { 
    color: #FFFFFF;
    background-color: #3498db;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block  td.calendarcell span.calendargradientvac, td.calendarcelltoday span.calendargradientvac, td.calendarcellblocked span.calendargradientvac  { 
    color: #FFFFFF;
    background-color: var(--current-color);		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient2 {
    color: #FFFFFF;
    background-color: #7f8c8d;
}
th.gradient2 {
    color: #FFFFFF;
    background-color: #2980b9;
}
div.block span.gradient2 {
    color: #FFFFFF;
    background-color: #2980b9;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block  td.calendarcell span.calendargradient2, td.calendarcelltoday span.calendargradient2  {
    color: #FFFFFF;
    background-color: #2980b9;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient3 {
    color: #FFFFFF;
    background-color: #2c3e50;
}
th.gradient3 {
    color: #FFFFFF;
    background-color: #f39c12;
}
div.block span.gradient3 {
    color: #FFFFFF;
    background-color: #f39c12;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient3, td.calendarcelltoday span.calendargradient3  {
    color: #FFFFFF;
    background-color: #f39c12;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient4 {
    color: #FFFFFF;
    background-color: #3498db;
}
th.gradient4 {
    color: #FFFFFF;
    background-color: #d35400;
}
div.block span.gradient5 {
    color: #FFFFFF;
    background-color: #d35400;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block  td.calendarcell span.calendargradient4, td.calendarcelltoday span.calendargradient4  {
    color: #FFFFFF;
    background-color: #d35400;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient5 {
    color: #000000;
    background-color: #d0eaeb;
}
th.gradient5 {
    color: #FFFFFF;
    background-color: #e67e22;
}
div.block span.gradient4 {
    color: #FFFFFF;
    background-color: #e67e22;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient5, td.calendarcelltoday span.calendargradient5  {
    color: #FFFFFF;
    background-color: #e67e22;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient6 {
    color: #FFFFFF;
    background-color: #a2d5d7;
}
th.gradient6 {
    color: #FFFFFF;
    background-color: #f1c40f;
}
div.block span.gradient6 {
    color: #FFFFFF;
    background-color: #f1c40f;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient6, td.calendarcelltoday span.calendargradient6  {
    color: #FFFFFF;
    background-color: #f1c40f;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient7 {
    color: #FFFFFF;
    background-color: #5db5b9;
}

th.gradient7 {
    color: #FFFFFF;
    background-color: #27ae60;
}
div.block span.gradient7 {
    color: #FFFFFF;
    background-color: #27ae60;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient7, td.calendarcelltoday span.calendargradient7  {
    color: #FFFFFF;
    background-color: #27ae60;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient8 {
    color: #FFFFFF;
    background-color: #2fa0a5;
}
div.block span.gradient8 {
    color: #FFFFFF;
    background-color: #27ae60;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient8, td.calendarcelltoday span.calendargradient8  {
    color: #FFFFFF;
    background-color: #27ae60;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient9 {
    color: #FFFFFF;
    background-color: #18969c;
}
div.block span.gradient9 {
    color: #FFFFFF;
    background-color: #1abc9c;		
	display:inline-block;
	width:100px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}
div.block td.calendarcell span.calendargradient9, td.calendarcelltoday span.calendargradient9  {
    color: #FFFFFF;
    background-color: #1abc9c;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.gradient10 {
    color: #FFFFFF;
    background-color: #189c60;
}
div.block span.gradient10 {
    color: #FFFFFF;
    background-color: #16a085;
	display:inline-block;	
  	border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
	width:100px;
	padding:7px;
	text-align: center;
	vertical-align: sub;
}

div.block td.calendarcell span.calendargradient10, td.calendarcelltoday span.calendargradient10  {
    color: #FFFFFF;
    background-color: #16a085;		
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.calendarcell span.calendargradient0, td.calendarcelltoday span.calendargradient0  {
    color: #FFFFFF;
    /* background-color: #E74C3C;		 */
	/* display:block; */
	border-radius:5px;
	text-align:left;
}
div.block td.alerte {
    color: var(--current-color);
    background-color: #827b70;
}
div.block td.information {
    color: var(--current-color);
    background-color: #fffaf2;
}

div.block td.OK
{
	color: #FFFFFF;
	/* background-color:#CCFFBB; */
	 background-color:var(--ok);
}

div.block td.OK a
{
	color: #FFFFFF;

}


div.block td.OK a:visited
{
	color: #FFFFFF;

}

div.block td.OKLIGHTgeneral
{
	color: #000000;
	/* background-color:#CCFFBB; */
	 background-color:#99FF66;
}
div.block td.BLUEgeneral
{
	color: #0000CC;
	background-color:#99FFFF;
}
div.block td.PURPLEgeneral
{
	color: #660066;
	background-color:#CC99FF;
}

div.block td.INFOLIGHTgeneral
{
	color: #000000;
	background-color:var(--current-color);
}
div.block td.ORANGElight
{
	color: #000000;
	background-color:#FFFFCC;
}
div.block td.YELLOWgeneral
{
	color: #FFFFFF;
	background-color:#DFAF2C;
}
div.block td.BLACKgeneral
{
	color: #000000;
	background-color:#989898 ;
}

div.block td.BROWNgeneral
{
	color: #FFFFFF;
	background-color:#ffffff;
}
div.block td.TAUPE
{
	background-color:#ffffff;
	color:#FFFFFF;
}
div.block td.TAUPELIGHTgeneral
{
	color: #000000;
	background-color:#DFD9D1;
}
div.block td.TAUPElight
{
	color: #000000;
	background-color:#DFD9D1;
}
div.block td.ALT1
{
	color: #FFFFFF;
	background-color:#fbe4f4;
	color: black;
}
div.block td.unplayedgeneral
{
	background-color:#FFEEDD;
}
div.block td.blanc
{
 background-color:#FFFFFF;
}
div.block td.texteretard
{
 color:var(--ko);
}
div.block td.texteavance
{
 color:var(--current-color);
}
div.block td.textedelaimoyen
{
 color:var(--current-color);
}
div.block td.taupelight
{
 color: #000000;
 background-color:#DFD9D1;
}
div.block td.bulletlist
{
	border:none;
	text-align:left;
	margin-left:20px;
	background-color:#DFD9D1;
	color:#000000;
}
div.block tr.OKgeneral
{
	color: #000000;
	/* background-color:#CCFFBB; */
	 background-color:#669900;
}
div.block tr.OKLIGHTgeneral
{
	color: #000000;
	/* background-color:#CCFFBB; */
	 background-color:#99FF66;
}
div.block tr.BLACKgeneral
{
	color: #000000;
	background-color:#D8D8D8 ;
}
div.block tr.BLACKSTRIKEgeneral
{
	color: #000000;
	background-color:#D8D8D8 ;
	text-decoration:line-through;
}

div.block tr.ORANGEgeneral
{
	color: #000000;
	background-color:#FFFFCC;
}

span.maintheme {
	color:#FFFFFF;
	background-color: var(--current-color);
}


span.maintheme2 {
	color:#FFFFFF;
	background-color:#669900;
	
}
span.maintheme3 {
	color:#FFFFFF;
	background-color:#6B6350;
}

div.block span.maintheme {
	color:#FFFFFF;
	background-color: var(--current-color);
}


div.block span.maintheme2 {
	color:#FFFFFF;
	background-color:#669900;
	
}
div.block span.maintheme3 {
	color:#FFFFFF;
	background-color:#6B6350;
}

span.vert {
	color:var(--current-color);
}
span.superadmin {

}
span.pilote {

}
span.blanc {
	color:white;
}
span.negatif {
	color:white;
	background-color:#3A2340;
}
div.maintheme {
	border: 1px solid var(--current-color);
	color: var(--current-color);
	border-radius:5px;
	font-weight:bold;
}
div.negatif {
	color:white;
	background-color:#3A2340;
}
span.blackbox {
	background-color:#ffffff;
	color:#FFFFFF;
}

span.docum {}
span.docum:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 6; }
span.docum span {
	position: absolute;
	left: -9600px;
	top:30px;
	margin: 60px 10px 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; 
	border-color:var(--current-color); 
	border-width:2px; z-index: 6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
}
span.docum:hover span {
	background: white; 
	color:#000000;
	position: fixed;
    top: 18%;
    z-index: 100;
    left: 66%;
} 

@media screen and (max-width: 1400px) {
  span.docum:hover span {
    left: 71% !important;
  }
}

span.subdocum {
	width:350px;
	top:30px;
	color:#000000;
	text-align:left;
}

span.docum2 {}
span.docum2:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 6; }
span.docum2 span {
	position: absolute;
	left: -9600px;
	top:650px;
	margin: 60px 10px 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; border-color:var(--current-color); border-width:1px; z-index: 6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
}
span.docum2:hover span {left:60%; background: white; color:#000000;} 

span.subdocum2 {
	width:300px;
	top:650px;
	color:#000000;
	text-align:left;
}

span.docum3:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 6;}
span.docum3 span {
	display: none;
	left: -9600px;
	top:300px;
	margin: 60px 10px 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; border-color:var(--current-color); border-width:1px; z-index: 6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
	height: 100px;
}
span.docum3:hover span {    
	left: 60%;
    background: white;
    color: #000000;
    display: block;
    position: relative;
    top: -130px;
    margin-bottom: -168px;
    margin-left: -40px;
} 

span.subdocum3 {
	width:350px;
	top:30px;
	color:#000000;
	text-align:left;
}

span.dropt10 {}
span.dropt10:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 3; }
span.dropt10 span {
	position: absolute;
	left: -9999px;
	margin: 20px 0 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; border-color:var(--current-color); border-width:1px; z-index: 3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
}
span.dropt10:hover span {
	left: 15%; 
	background: white; 
	color:#000000;
	z-index: 11;
} 

span.subdropt10 {
	width:800px;
	color:#000000;
	text-align:left;
}

span.droptit{}
span.droptit:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 3; }
span.droptit > span {
	position: absolute;
	left: -9999px;
	margin: 0px 0 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; border-color:var(--current-color); border-width:1px; z-index: 3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
}
div.flex-filters{
	display: flex; 
	align-content: space-between; 
	flex-wrap: wrap; 
	justify-content: center; 
	column-gap: 10px; 
	row-gap: 10px;
}
span.droptit:hover > span {left: 0%; background: white; color:#000000;} 
span.subdroptit {
	width:650px;
	color:#000000;
	text-align:left;
	font-size:14px;
}
span.dropt45 {}
span.dropt45:hover {text-decoration: none; background:var(--current-color); color:#FFFFFF z-index: 3; }
span.dropt45 span {
	position: absolute;
	left: -9999px;
	margin: 20px 0 0 0px;
	padding: 3px 3px 3px 3px;
	border-style:solid; border-width:2px; z-index: 3;
	border-color:var(--current-color);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    -webkit-box-shadow:  5px 5px 5px 0px gray;
    -moz-box-shadow:  5px 5px 5px 0px gray;
    box-shadow:  5px 5px 5px 0px gray;
	color:#999999;
	background-color:#ffffff;
}
span.dropt45:hover span {left: 45%; background: white; color:#000000;} 
span.subdropt45 {
	width:800px;
	color:#000000;
	text-align:left;
}




select {
  padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
transition: box-shadow 0.3s, border 0.3s;
}
select:focus,
select.focus {
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
  outline: none;
}

summary:focus,
summary.focus {
  outline: none;
}

select.standard 
{
	width:200px;
}
select.demidouble, select.quarter

{
	width:230px;
	height:40px;
		
	
}
select.troisquartdouble 

{
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: box-shadow 0.3s, border 0.3s;
	text-align:left;
	width:300px;
	height:40px;
}

select.troisquartdoubleselected

{
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: box-shadow 0.3s, border 0.3s;
	text-align:left;
	width:300px;
	height:40px;
	border:3px solid var(--current-color);	
	
}

select.demidoubleselected, select.quarterselected

{
	width:230px;
	height:40px;
	border:3px solid var(--current-color);
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: box-shadow 0.3s, border 0.3s;
	text-align:left;
	
}


div.block select.doubleselected 

{
	width:400px;
	height:40px;
	border:3px solid var(--current-color);

	
}

select.demidoubleheader

{
	width:230px;
	height:30px;
	background-color:3px solid var(--current-color);
	border: 1px solid white;	
	color:white;	
	
}select.demidoubleheaderselected

{
	width:230px;
	height:30px;
	background-color:3px solid var(--current-color);
	border: 1px solid white;	
	color:white;	
	
}

select.demidoubleselectedreverse, select.quarterselectedreverse

{
	width:230px;
	height:40px;
	background-color:var(--current-color);	
	color:white;
	border:3px solid white;		
	
}
select.double

{
	width:400px;
	height:40px;
		
	
}

select.doubleselected

{
	width:400px;
	height:40px;
	border:1px solid var(--current-color);
		
	
}

select.demidoublecolor 
{
	width:230px;
	background-color: var(--current-color);
	color: #FFFFFF;
}
select.color 
{
	background-color: var(--current-color);
	color: #FFFFFF;
}

select.color  option 
{
	background-color: whitesmoke;
	color: #333333;
}

select.color  option.header
{
	background-color: var(--current-color);
	color: #FFFFFF;
}

select.demidoubleorange
{
	width:230px;
	background-color: var(--current-color);
	color:white
}
select.demitriple 
{
	width:400px;
	height:40px;
}
textarea.demiquadruple
{
	width:600px;
	height:300px;
	color:#3498db;
	background:#2c3e50;
	font-family:'Courier New'; 
	font-weight:bold; 
}
select.quartdouble 
{
	width:150px;
	height:40px;
}
select.quartdoubleselected 
{
	width:150px;
	height:40px;
	border:3px solid var(--current-color);
}

select.tinydouble
{
	width:60px;
	height:40px;	
}
select.tinydoubleselected
{
	width:60px;
	height:40px;	
	border:3px solid var(--current-color);	
}
select.cinquiemedouble 
{
	width:125px;
	height:40px;
}
select.cinquiemedoubleselected
{
	width:125px;
	height:40px;
	border:3px solid var(--current-color);	
	
}
select.sixiemedouble 
{
	width:100px;
	height:40px;
}

select.septiemedouble 
{
	width:70px;
	height:40;
}
select.huitiemedouble 
{
	width:60px;
	height:40px;
}select.neuviemedouble 
{
	width:45px;
}
select.tiny
{
	width:45px;
	height:40px;
}
select.tinyplusselected
{
	width:55px;
	height:40px;
	border:3px solid var(--current-color);
	text-align:center;
}
select.tinyplus
{
	width:55px;
	height:40px;
	border:3px solid var(--current-color);
	text-align:center;
}
select.tinyselected
{
	width:45px;
	height:40px;
	border:3px solid var(--current-color);
}
select.micro
{
	width:25px;
}
select.tinymain
{
	width:35px;
	height:40px;
	border:1px solid var(--current-color);
}

select.OKFade
{
	color:#FFFFFF !important;
	background-color:#9ab20038 !important;
	border: 1px solid #9ab200 !important;
}
option.main {
	color: var(--current-color);
	color:white;
	text-decoration:bold;
}
option.taupe:hover
{
	color:blue;
	background-color:var(--ko);

}

option.vert {
	background-color: var(--current-color);
	color:white;
}
option.white {
	color: var(--current-color);
	background-color:white;		
}
option.taupe {
	background-color: var(--current-color);
	color:white;
	text-decoration:bold;
}
option.orange {
	background-color: var(--current-color);
	color:white;
}

option.color {
	background-color: var(--current-color);
	color:white;
}

option.vert:hover {
	background-color: var(--current-color);
	color:white;
}
option.disabled {
	background-color: var(--current-color);
	color:white;
}
textarea {
	font-size:0.9em;
	padding: 10px;
	border: solid 1px #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    overflow: auto;
    text-align: 7px 10px;
    padding: 7px 10px;
  transition: box-shadow 0.3s, border 0.3s;
}

textarea:focus,
textarea.focus {
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
   outline: solid 1px var(--current-color);
 	border-radius: 5px;
}
textarea[readonly="readonly"], textarea[readonly],textarea.largecourte[readonly="readonly"], textarea.largecourte[readonly] {
	background-color: #999999;
	color: #FFFFFF;
}
textarea.bis[readonly="readonly"], textarea.bis[readonly] {
	background-color: var(--current-color);
	color: #FFFFFF;
}
textarea.largecourte2[readonly="readonly"], textarea.largecourte2[readonly] {
	background-color: #dcdcdc;
	color: #000000;
}

textarea.quarter {
	width:250px;
	height: 150px;
	border: solid 1px #999999;
}

textarea.quarter:focus {
	border:1px solid var(--curent-color);
	box-shadow: 0 0 7px 1px white;
}

textarea.demidouble {
	width:230px;
	height: 150px;
	border: solid 1px #999999;
}
textarea.request {
	color:#3498db;
	background:#2c3e50;
	font-family:'Courier New';
	width:500px;
	height: 400px;
	font-weight:bold;
} 
textarea.large {
	width:800px;
	height:150px;
	border: solid 1px #999999;
}
textarea.demidoubleflat {
	width:230px;
	height:150px;
	border: solid 1px #999999;
}
textarea.largecourte {
	width:800px;
	height:75px;
	border: solid 1px #999999;
}
textarea.largecourte2 {
	width:800px;
	height:75px;
	border: solid 1px #999999;
}
textarea.bis {
	width:800px;
	height:150px;
	border: solid 1px #999999;
}
textarea.petitlarge {
	width:500px;
	height:75px;
	border: solid 1px #999999;
}
textarea.demidouble:focus,
textarea.focus {
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
  outline: none;
}
textarea.double {
	width:400px;
	height:200px;
	border: solid 1px #999999;
}

textarea.doubleflat {
	width:400px;
	height:80px;
	border: solid 1px #999999;
}
textarea.double:focus {
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
  outline: none;
}
textarea.doubleflat {
	width:400px;
	height:75px;
	border: solid 1px #999999;
}
textarea.doubleflat:focus {
  border: solid 1px var(--current-color);
  box-shadow: 0 0 7px 2px white;
  outline: none;
}
textarea.demitriple {
	width:400px;
	height:150px;
}
textarea.auto {
	width:90%;
}
/********** Sp�cial mobile *************

@media screen and (max-width: 685px) {
  
.introduction {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.fonction {
    	display:block;
	width:100%;
	margin: 0 auto;
  }

}*/

    .ui-datepicker, .ui-datepickershort, .ui-datepickerdemidouble {  
        width: 216px;  
		height:auto;
        margin: 5px auto 0;  
        font: 9pt Arial, sans-serif;  
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
		
    }  
	    .ui-datepicker a, .ui-datepickershort a, .ui-datepickerdemidouble a {  
        text-decoration: none;  
    }  
	.ui-datepicker table, .ui-datepickershort table, .ui-datepickerdemidouble table {  
        width: 100%;
		background-color:#ffffff;
		border-collapse:collapse;
    }  
	 .ui-datepicker thead, .ui-datepickershort thead, .ui-datepickerdemidouble thead {  
        background-color: #f7f7f7;  
        background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
        background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));  
        background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
        background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
        background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
        background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );  
        border-bottom: 1px solid #ffffff;  
    }  
	 .ui-datepicker th, .ui-datepickershort th, .ui-datepickerdemidouble th {  
        text-transform: uppercase;  
        font-size: 6pt;  
        padding: 5px 0;  
        color: var(--current-color);  
		background-color: #000000;
        #text-shadow: 1px 0px 0px #fff;  
        #filter: dropshadow(color=#fff, offx=1, offy=0);  
    }  
	 .ui-datepicker tbody td, .ui-datepickershort tbody td, .ui-datepickerdemidouble tbody td {  
        padding: 0;  
        border-right: 1px solid #ffffff; 
		vertical-align: middle; 
    }  
    .ui-datepicker tbody td:last-child, .ui-datepickershort tbody td:last-child, .ui-datepickerdemidouble tbody td:last-child {  
        border-right: 0px;  
    }  
	.ui-datepicker tbody tr {  	
        border-bottom: 1px solid #ffffff;  
    }  
    .ui-datepicker tbody tr:last-child, .ui-datepickershort tbody tr:last-child, .ui-datepickerdemidouble tbody tr:last-child {  
        border-bottom: 1px;  
    }  
	
    .ui-datepicker td span, .ui-datepicker td a, .ui-datepickershort td span, .ui-datepickershort td a, .ui-datepickerdemidouble td a {  
       /*
        font-weight: bold;  
         
        width: 30px;  
        line-height: 30px;  
        color: #666666;  
        text-shadow: 1px 1px 0px #fff;  
        filter: dropshadow(color=#fff, offx=1, offy=1);  */ 
		height: 30px;  
		text-align: center;
		line-height: 30px;
    }  
    .ui-datepicker-calendar .ui-state-default, .ui-datepickershort-calendar .ui-state-default .ui-datepickerdemidouble-calendar .ui-state-default {  
        background: #ededed;  
        background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);  
        background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ededed), color-stop(100%,#dedede));  
        background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);  
        background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);  
        background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);  
        background: linear-gradient(top,  #ededed 0%,#dedede 100%);  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );  
        -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
        -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
        box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
    }  
    .ui-datepicker-unselectable .ui-state-default,.ui-datepickershort-unselectable .ui-state-default,.ui-datepickerdemidouble-unselectable .ui-state-default {  
        background: #f4f4f4;  
        color: #b4b3b3;  
    }  

    .ui-datepicker-calendar .ui-state-hover, .ui-datepickershort-calendar .ui-state-hover, .ui-datepickerdemidouble-calendar .ui-state-hover {  
        background: var(--current-color);  
    }  
	
	.ui-datepicker-prev, .ui-datepicker-next,.ui-datepickershort-prev, .ui-datepickershort-next, .ui-datepickerdemidouble-prev, .ui-datepickerdemidouble-next {  
        display: inline-block;  
        width: 30px;  
        height: 30px;  
        text-align: center;  
        cursor: pointer;  
        background-image: url('/images/arrow.png');  
        background-repeat: no-repeat;  
        line-height: 600%;  
        overflow: hidden;  
    }  
	 .ui-datepicker-prev,.ui-datepickershort-prev,.ui-datepickerdemidouble-prev {  
        float: left;  
        background-position: center -30px;  
		vertical-align:middle;
    }  
    .ui-datepicker-next, .ui-datepickershort-next, .ui-datepickerdemidouble-next {  
        float: right;  
        background-position: center 0px;
		vertical-align:middle;		
    }  
    .ui-datepicker-title, .ui-datepickershort-title, .ui-datepickerdemidouble-title {  
        text-align: center; 
		color:#FFFFFF;
		background-color: var(--current-color);
    }  

    .ui-datepicker-header, .ui-datepickershort-header, .ui-datepickerdemidouble-header {  
        #background: url('../img/dark_leather.png') repeat 0 0 #000;  
        color: #e0e0e0; 
		font-weight: bold;  
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);  
        -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);  
        box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);  
        #text-shadow: 1px -1px 0px #000;  
        filter: dropshadow(color=#000, offx=1, offy=-1);  
        line-height: 30px;  
        border-width: 1px 0 0 0;  
        border-style: solid;  
        border-color: #111;  
    }  
    .ui-datepicker-calendar .ui-state-active, .ui-datepickershort-calendar .ui-state-active, .ui-datepickerdemidouble-calendar .ui-state-active {  
        background: #000000;  
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
        color: var(--current-color);  
        text-shadow: 0px 1px 0px #4d7a85;  
        filter: dropshadow(color=#4d7a85, offx=0, offy=1);  
        /* border: 1px solid #55838f;  
        position: relative;  
        margin: -1px; */  
    }
	/* Couleur de la ligne sprint */
	.ui-datepicker-week-col {
		color: red!important;
		font-weight: bold;
	}



/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 Should you want to set a background colour on a containing element
 certain types of bubble effect may require you to include these
 style declarations.
 */
 
 
blockquote {

}

blockquote p {
  margin:0;
}

.follow {
  clear:both;
  margin-top:2em;
}

.follow span {
  font-weight:bold;
}

.content {
  position:relative;
  z-index:1;
}


/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}




/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
  background:-moz-linear-gradient(#f3961c, #f9d835);
  background:-o-linear-gradient(#f3961c, #f9d835);
  background:linear-gradient(#f3961c, #f9d835);
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
  margin-left:50px;
  background:#f3961c;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
  margin-right:50px;
  background:#f3961c;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#f3961c transparent;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
  top:-15px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
  border-color:#f3961c transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
  top:16px; /* controls vertical position */
  left:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:10px 50px 10px 0;
  border-color:transparent #f3961c;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
  top:16px; /* controls vertical position */
  right:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 50px;
  border-color:transparent #f3961c;
}


/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
  background:-moz-linear-gradient(#075698, #2e88c4);
  background:-o-linear-gradient(#075698, #2e88c4);
  background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
  margin-left:40px;
  background:#075698;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
  margin-right:40px;
  background:#075698;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#075698 transparent;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:16px;
  right:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698 ;
}


/* ============================================================================================================================
== BUBBLE WITH AN OBTUSE TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#c81e2b;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
  background:-moz-linear-gradient(#f04349, #c81e2b);
  background:-o-linear-gradient(#f04349, #c81e2b);
  background:linear-gradient(#f04349, #c81e2b);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#c81e2b), to(#f04349));
  background:-moz-linear-gradient(#c81e2b, #f04349);
  background:-o-linear-gradient(#c81e2b, #f04349);
  background:linear-gradient(#c81e2b, #f04349);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-obtuse.left {
  margin-left:50px;
  background:#c81e2b;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-obtuse.right {
  margin-right:50px;
  background:#c81e2b;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* controls horizontal position */
  border:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #c81e2b;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-right-width:10px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-obtuse.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:60px; /* controls horizontal position */
  border:0;
  border-left-width:30px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-color:transparent #c81e2b;
}

.triangle-obtuse.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:80px; /* value = (:before's right) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border-width:0;
  border-left-width:10px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-color:transparent #fff;
}

/* Variant : left
------------------------------------------ */

.triangle-obtuse.left:before {
  top:15px; /* controls vertical position */
  bottom:auto;
  left:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:30px; /* vary this value to change the height of the triangle */
  border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
  border-color:#c81e2b transparent;
}

.triangle-obtuse.left:after {
  top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
  bottom:auto;
  left:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:10px; /* vary this value to change the height of the triangle */
  border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
  border-color:#fff transparent;
}

/* Variant : right
------------------------------------------ */

.triangle-obtuse.right:before {
  top:15px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-50px; /* value = - border-left-width - border-right-width */
  border:0;
  border-bottom-width:30px; /* vary this value to change the height of the triangle */
  border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
  border-color:#c81e2b transparent;
}

.triangle-obtuse.right:after {
  top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
  bottom:auto;
  right:-50px; /* value = - border-left-width - border-right-width */
  left:auto;
  border:0;
  border-bottom-width:10px; /* vary this value to change the height of the triangle */
  border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
  border-color:#fff transparent;
}


/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  border:5px solid #5a8f00;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
  margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
  margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#5a8f00 transparent;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:13px 13px 0;
  border-style:solid;
  border-color:#fff transparent;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:40px; /* controls horizontal position */
  border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
  top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:-21px; /* value = - border-left-width - border-right-width */
  border-width:9px 21px 9px 0;
  border-color:transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 0 15px 30px;
  border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
  top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:auto;
  right:-21px; /* value = - border-left-width - border-right-width */
  border-width:9px 0 9px 21px;
  border-color:transparent #fff;
}


/* ============================================================================================================================
== SPEECH BUBBLE ICON
** ============================================================================================================================ */

.example-commentheading {
  position:relative;
  padding:0;
  color:#b513af;
}

/* creates the rectangle */
.example-commentheading:before {
  content:"";
  position:absolute;
  top:9px;
  left:-25px;
  width:15px;
  height:10px;
  background:#b513af;
  /* css3 */
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

/* creates the triangle */
.example-commentheading:after {
  content:"";
  position:absolute;
  top:15px;
  left:-19px;
  border:4px solid transparent;
  border-left-color:#b513af;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

.example-right {
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#fff;
  background:#5a8f00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
  background:-moz-linear-gradient(#b8db29, #5a8f00);
  background:-o-linear-gradient(#b8db29, #5a8f00);
  background:linear-gradient(#b8db29, #5a8f00);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #5a8f00;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== BLOCKQUOTE WITH OBTUSE TRIANGLE
** ============================================================================================================================ */

.example-obtuse {
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px 50px;
  -webkit-border-top-right-radius:25px 50px;
  -webkit-border-bottom-right-radius:25px 50px;
  -webkit-border-bottom-left-radius:25px 50px;
  -moz-border-radius:25px / 50px;
  border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #f3961c;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}


/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.example-twitter {
  position:relative;
  padding:15px;
  margin:100px 0 0.5em;
  color:#333;
  background:#eee;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-twitter p {font-size:28px; line-height:1.25em;}

/* this isn't necessary, just saves me having to edit the HTML of the demo */
.example-twitter:before {
  content:url(twitter-logo.gif);
  position:absolute;
  top:-60px;
  left:0;
  width:155px;
  height:36px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates the triangle */
.example-twitter:after {
  content:"";
  position:absolute;
  top:-30px;
  left:50px;
  border:15px solid transparent;
  border-bottom-color:#eee;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;}


/* ============================================================================================================================
== NUMBER
** ============================================================================================================================ */

.example-number {
  position:relative;
  width:200px;
  height:200px;
  margin:50px 0 200px;
  text-align:center;
  font:140px/200px Arial, sans-serif;
  color:#fff;
  background:#C91F2C;
}

/* creates the larger triangle */
.example-number:before {
  content:"";
  position:absolute;
  bottom:-140px;
  right:0;
  border-width:0 0 140px 140px;
  border-style:solid;
  border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.example-number:after {
  content:"";
  position:absolute;
  bottom:-140px;
  right:85px;
  border-width:0 0 140px 55px;
  border-style:solid;
  border-color:transparent #fff;
}


/* ============================================================================================================================
== PINCHED SPEECH BUBBLE (more CSS3)
** ============================================================================================================================ */

.pinched {
  position:relative;
  padding:15px;
  margin:50px 0 3em;
  text-align:center;
  color:#fff;
  background:#333;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates a rectangle of the colour wanted for the pointy bit */
.pinched:before {
  content:"";
  position:absolute;
  top:-20px;
  left:50%;
  width:100px;
  height:20px;
  margin:0 0 0 -50px;
  background:#333;
}

/* creates a rounded rectangle to cover part of the rectangle generated above */
.pinched:after {
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  width:50%;
  height:20px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
  border-bottom-right-radius:15px;
}

/* creates the other rounded rectangle */
.pinched > :first-child:before {
  content:"";
  position:absolute;
  top:-20px;
  right:0;
  width:50%;
  height:20px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-left-radius:15px;
  -moz-border-radius-bottomleft:15px;
  border-bottom-left-radius:15px;
}


/* ============================================================================================================================
== OVAL SPEECH BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-speech {
  position:relative;
  width:270px;
  padding:50px 40px;
  margin:1em auto 50px;
  text-align:center;
  color:#fff;
  background:#5a8f00;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
  background:-moz-linear-gradient(#b8db29, #5a8f00);
  background:-o-linear-gradient(#b8db29, #5a8f00);
  background:linear-gradient(#b8db29, #5a8f00);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-speech p {font-size:1.25em;}

/* creates part of the curve */
.oval-speech:before {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:50%;
  height:30px;
  border-right:60px solid #5a8f00;
  background:#5a8f00; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* using translate to avoid undesi#C0392B appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(0, -2px);
  -moz-transform:translate(0, -2px);
  -ms-transform:translate(0, -2px);
  -o-transform:translate(0, -2px);
  transform:translate(0, -2px);
}

/* creates part of the curved pointy bit */
.oval-speech:after {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:50%;
  width:60px;
  height:30px;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* using translate to avoid undesi#C0392B appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(-30px, -2px);
  -moz-transform:translate(-30px, -2px);
  -ms-transform:translate(-30px, -2px);
  -o-transform:translate(-30px, -2px);
  transform:translate(-30px, -2px);
}


/* ============================================================================================================================
== OVAL THOUGHT BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-thought {
  position:relative;
  width:270px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#FF6633;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:50px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:30px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}

/* ============================================================================================================================
== OVAL SPEECH BUBBLE WITH QUOTATION MARKS (more CSS3)
** ============================================================================================================================ */

.oval-quotes {
  position:relative;
  width:400px;
  height:350px;
  margin:2em auto 10px;
  color:#000;
  background:#ffed26;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:Apx Bpx; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:Apx / Bpx; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:400px 350px;
  -webkit-border-top-right-radius:400px 350px;
  -webkit-border-bottom-right-radius:400px 350px;
  -webkit-border-bottom-left-radius:400px 350px;
  -moz-border-radius:400px / 350px;
  border-radius:400px / 350px;
}

/* creates opening quotation mark */
.oval-quotes:before {
  content:"\201C";
  position:absolute;
  z-index:1;
  top:20px;
  left:20px;
  font:80px/1 Georgia, serif;
  color:#ffed26;
}

/* creates closing quotation mark */
.oval-quotes:after {
  content:"\201D";
  position:absolute;
  z-index:1;
  bottom:0;
  right:20px;
  font:80px/0.25 Georgia, serif;
  color:#ffed26;
}

.oval-quotes p {
  width:250px;
  height:250px;
  padding:50px 0 0;
  margin:0 auto;
  text-align:center;
  font-size:35px;
}

/* creates smaller curve */
.oval-quotes p:before {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:55%;
  width:180px; /* wider than necessary to make it look a bit better in IE8 */
  height:60px;
  background:#fff; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* using translate to avoid undesi#C0392B appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(-30px, -2px);
  -moz-transform:translate(-30px, -2px);
  -ms-transform:translate(-30px, -2px);
  -o-transform:translate(-30px, -2px);
  transform:translate(-30px, -2px);
}

/* creates larger curve */
.oval-quotes p:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:-30px;
  right:25%;
  height:80px;
  border-right:200px solid #ffed26;
  background:#ffed26; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:200px 100px;
  -moz-border-radius-bottomright:200px 100px;
  border-bottom-right-radius:200px 100px;
  /* using translate to avoid undesi#C0392B appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(0, -2px);
  -moz-transform:translate(0, -2px);
  -ms-transform:translate(0, -2px);
  -o-transform:translate(0, -2px);
  transform:translate(0, -2px);
  /* #C0392Buce the damage in FF3.0 */
  display:block;
  width:0;
}

.oval-quotes + p {
  position:relative; /* part of the IE8 width compromise */
  width:150px;
  margin:0 0 2em;
  font-size:18px;
  font-weight:bold;
}


/* ============================================================================================================================
== RECTANGLE-BORDER STYLE WITH CURVE
** ============================================================================================================================ */

.rectangle-speech-border {
  position:relative;
  padding:10px 10px;
  margin:1em 0 3em;
  border:2px solid var(--current-color);
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  min-width: 125px;
  text-align:left;
}
.rectangle-speech-border-private {
  position:relative;
  padding:10px 10px;
  margin:1em 0 3em;
  border:2px solid #2c3e50;
  text-align:center;
  color:#7f8c8d;
  background:#ecf0f1;
  /* css3 */
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  min-width: 125px;
  text-align:left;
}

.rectangle-speech-border-private-code {
	position:relative;
	padding:10px 10px;
	margin:1em 0 3em;
	border:2px solid #2c3e50;
	text-align:center;
	color:#3498db;
	background:#2c3e50;
	font-family:'Courier New';  
	/* css3 */
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	min-width: 125px;
	text-align:left;
  }

/* creates larger curve */
.rectangle-speech-border-private:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-32px;
  left:50px;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 2px 2px 0;
  border-color:#2c3e50;
  background:#ecf0f1;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

.rectangle-speech-border-private-code:before {
	content:"";
	position:absolute;
	z-index:10;
	bottom:-32px;
	left:50px;
	width:50px;
	height:30px;
	border-style:solid;
	border-width:0 2px 2px 0;
	border-color:#2c3e50;
	background:#2c3e50;
	/* css3 */
	-webkit-border-bottom-right-radius:80px 50px;
	-moz-border-radius-bottomright:80px 50px;
	border-bottom-right-radius:80px 50px;
	/* #C0392Buce the damage in FF3.0 */
	display:block;
  }

/* creates larger curve */
.rectangle-speech-border:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-32px;
  left:50px;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 2px 2px 0;
  border-color:var(--current-color);
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.rectangle-speech-border:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-32px;
  left:50px;
  width:20px;
  height:30px;
  border-style:solid;
  border-width:0 2px 2px 0;
  border-color:var(--current-color);
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}
/* creates smaller curve */
.rectangle-speech-border-private:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-32px;
  left:50px;
  width:20px;
  height:28px;
  border-style:solid;
  border-width:2 2px 2px 0;
  border-color:#2c3e50;
  background:#fff;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.rectangle-speech-border-private-code:after {
	content:"";
	position:absolute;
	z-index:10;
	bottom:-32px;
	left:50px;
	width:20px;
	height:30px;
	border-style:solid;
	border-width:0px 0px 0px 0;
	border-color:#2c3e50;
	background:#fff;
	/* css3 */
	-webkit-border-bottom-right-radius:50px 50px;
	-moz-border-radius-bottomright:50px 50px;
	border-bottom-right-radius:50px 50px;
	/* #C0392Buce the damage in FF3.0 */
	display:block;
  }

/* creates a small circle to produce a rounded point where the two curves meet */
/*.rectangle-speech-border > :first-child:before {
  content:"";
  position:absolute;
  bottom:-32px;
  left:47px;
  width:5px;
  height:5px;
  background:var(--current-color);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}*/
/* creates a small circle to produce a rounded point where the two curves meet */
/*.rectangle-speech-border-private > :first-child:before {
  content:"";
  position:absolute;
  bottom:-32px;
  left:47px;
  width:5px;
  height:5px;
  background:#2c3e50;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}*/

/* creates a white rectangle to cover part of the oval border*/
.rectangle-speech-border > span:first-of-type:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:70px;
  width:30px;
  height:12px;
  background:#fff;
}
/* creates a white rectangle to cover part of the oval border*/
.rectangle-speech-border-private > span:first-of-type:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:70px;
  width:30px;
  height:0px;
  background:#7f8c8d;
}

/* ============================================================================================================================
== OVER SPEECH BUBBLE, EMPTY, WITH BORDER (more CSS3)
** ============================================================================================================================ */

.oval-speech-border {
  position:relative;
  padding:70px 30px;
  margin:1em auto 60px;
  border:10px solid #f3961c;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:240px 140px;
  -webkit-border-top-right-radius:240px 140px;
  -webkit-border-bottom-right-radius:240px 140px;
  -webkit-border-bottom-left-radius:240px 140px;
  -moz-border-radius:240px / 140px;
  border-radius:240px / 140px;
}

/* creates larger curve */
.oval-speech-border:before {
  content:"";
  position:absolute;
  z-index:2;
  bottom:-40px;
  right:50%;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#f3961c;
  margin-right:-10px;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.oval-speech-border:after {
  content:"";
  position:absolute;
  z-index:2;
  bottom:-40px;
  right:50%;
  width:20px;
  height:31px;
  border-style:solid;
  border-width:0 10px 10px 0;
  border-color:#f3961c;
  margin-right:20px;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates a small circle to produce a rounded point where the two curves meet */
.oval-speech-border > :first-child:before {
  content:"";
  position:absolute;
  z-index:1;
  bottom:-40px;
  right:50%;
  width:10px;
  height:10px;
  margin-right:45px;
  background:#f3961c;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* creates a white rectangle to cover part of the oval border*/
.oval-speech-border > :first-child:after {
  content:"";
  position:absolute;
  z-index:1;
  bottom:-10px;
  right:50%;
  width:30px;
  height:15px;
  background:#fff;
}

/* ============================================================================================================================
== OVER THOUGHT BUBBLE, EMPTY, WITH BORDER (more CSS3)
** ============================================================================================================================ */

.oval-thought-border {
  position:relative;
  padding:70px 30px;
  margin:1em auto 80px;
  border:10px solid #c81e2b;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:240px 140px;
  -webkit-border-top-right-radius:240px 140px;
  -webkit-border-bottom-right-radius:240px 140px;
  -webkit-border-bottom-left-radius:240px 140px;
  -moz-border-radius:240px / 140px;
  border-radius:240px / 140px;
}

/* creates the larger circle */
.oval-thought-border:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  right:100px;
  width:50px;
  height:50px;
  border:10px solid #c81e2b;
  background:#fff;
  /* css3 */
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

/* creates the smaller circle */
.oval-thought-border:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-60px;
  right:50px;
  width:25px;
  height:25px;
  border:10px solid #c81e2b;
  background:#fff;
  /* css3 */
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  /* #C0392Buce the damage in FF3.0 */
  display:block;
}

p.spancircle {
  vertical-align:middle;
}
span.circlespan {
  color: white;
  font-size:20px;
  border: 1px solid white;
  margin-left: 10px;
  margin-right:10px;
  vertical-align:middle;
}

span.circlespan a {
  color: white;
  border: 1px solid white;
  vertical-align:middle;
}

span.private-handrail {
  color: var(--current-color);
  font-size:14px;
  text-decoration:bold;

}

span.quote-container {
  position: relative;

}

.note {
  color: #333;
  position: relative;
  width: 300px;
  margin: 0 auto;
  font-family:'Kalam';  
  font-size: 14px;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
  
}

.note span.titleit{
  font-size: 20px;
  -webkit-animation-name: clignote;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:infinite;

}

.note .author {
  display: block;
  margin: 40px 0 0 0;
  text-align: right;
}

.yellow {
  background: #ffebcc;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  
}
.notinteresting {
  background: var(--current-color-light);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  
}

.retard {
 background-color:#3A2340;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  
}

.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: relative;
  #left: 50%;
  top: 15px;
  z-index: 1;
}
.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}
.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';

  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}

select.btn-mini {
    height: auto;
    line-height: 14px;
}

/* this is optional (see below) */
select.btn {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    padding-right: 16px;
}

select.btn-mini + .caret {
    margin-left: -20px;
    margin-top: 9px;
}

.container {
	display: flex;
}

.container span{
	width: 100%;
}

.container .tableaublanc{
	margin: 25px 0 25px 0 !important;
}

#sortable1, #sortable2, #sortable3, #sortable4, #sortable5 {
	width: 20%;
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 0px 0px;
	float: left;
	margin-right: 10px;
}

.hidden {
	display: none;
}

#msg-error{
	display: block;
	margin-bottom: 5px;
	color:var(--ko);
}

#update-etat input[type="button"], #update-etat input[type="submit"] {
	margin-top:0px;
	margin-bottom:0px;
}

#update-etat select[name="int_etat"] {
	border-width: 1.5px;
	outline: 0px;
}

.move-cursor{
	cursor: move;
}

.sequence ul li div blockquote *{
	cursor: auto
}
.actions-tache{
	position: absolute;
    left: 33.33%;
    width: 400px;
}

/* ============================================================================================================================
== DEBUT CSS MENU HORIZONTAL CUSTOM
** ============================================================================================================================ */

/* Variables */

@font-face {
  font-family: 'Genericons';
  src: url("/LigatureSymbols-2.11.eot");
  src: url("/LigatureSymbols-2.11.woff") format("woff"), url("/LigatureSymbols-2.11.eot") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class*="genericon"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1;
  font-family: 'Genericons';
  text-decoration: inherit;
  font-weight: normal;
  font-style: normal;
  vertical-align: top;
}

/* IE7 */
[class*="genericon"] {
  *overflow: auto;
  *zoom: 1;
  *display: inline;
}

.lsf, .lsf-icon:after {
  font: normal 30px Genericons;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.lsf-icon:after {
  margin-right:0.3em;
  font-size:155%;
  padding-left: 3px;
}

.lsf-icon.search-button:after{
	content: '\E04e';
}

input::placeholder {
  color: #dedede;
  font-style: italic;
}

.introjs-tooltiptext ul{
	list-style-type: circle;
}

i.help-header{
	padding-left: 5px;
	cursor: pointer;
}

button {
    margin-top: 0;
    margin-bottom: 10px;
    height: 40px;
    background-color: var(--current-color);
    display: inline-block;
    position: relative;
    color: #FFF;
    font-size: medium;
    border-radius: 15px;
    padding: 5px 15px;
    border: solid 1px #999;
	cursor: pointer;
}

button:hover{
	background-color: var(--current-color_fade);
}


.role-icon a:before, .role-icon a:after {
  content: '\E05c';
}

.edit-icon a:before, .edit-icon a:after, a.edit-icon:before, a.edit-icon-reverse:before, a.edit-icon-big:before, a.edit-icon-reverse-big:before,  a.edit-icon-small:before,  a.edit-icon-caption:before {
  content: '\E09f';
}

.like-icon a:before, .like-icon a:after, a.like-icon:before {
	content: '\E059';
}
.liked-icon a:before, .liked-icon a:after, a.liked-icon:before {
	content: '\E059';
}

.dislike-icon a:before, .dislike-icon a:after, a.dislike-icon:before {
	content: '\E011';
}
.ldislikeiked-icon a:before, .dislike-icon a:after, a.dislike-icon:before {
	content: '\E011';
}

.refresh-icon a:before, .refresh-icon a:after, a.refresh-icon:before, a.refresh-icon-reverse:before, a.refresh-icon-big:before, a.refresh-icon-reverse-big:before,  a.refresh-icon-small:before, .refresh2-icon a:before, .refresh2-icon a:after, a.refresh2-icon:before, a.refresh2-icon-reverse:before, a.refresh2-icon-big:before, a.refresh2-icon-reverse-big:before,  a.refresh2-icon-small:before {
  content: '\E10e';
}


.add-icon a:before, .add-icon a:after {
  content: '\E108';
}

.add2-icon a:before, a.add2-icon:before, a.add3-icon:before, a.add4-icon:before , a.add5-icon:before {
  content: '\E108';
}
.table5-icon a:before, a.table5-icon:before .table4-icon a:before, a.table4-icon:before {
  content: '\E127';
}
a.add-icon:before {
  content: '\E108';
}
.agile-icon a:before, .agile-icon a:after, a.agile-icon:before {
  content: '\E163';
}
.alert-icon a:before, .alert-icon a:after, .alert-icon span:before, span.alert-icon:before {
  content: '\E014';
}

.archi-icon a:before, .archi-icon a:after {
  content: '\E16d';
}

.arrow-right-icon a:before, .arrow-right-icon a:after {
  content: '\E00d';
}
.back-icon a:before, .back-icon a:after{
  content: '\E111';
}
.bug-icon a:before, .bug-icon a:after{
  content: '\E008';
}
.comment-icon a:before, .comment-icon a:after, span.comment-icon:after{
  content: '\E035';
}
.cross-icon a:before, .cross-icon a:after, a.cross-icon:after, a.cross-icon-2:after {
  content: '\E10f';
}
span.wrong-icon, span.check-icon, span.warning-icon{
	cursor: help;
}
table.small-table{
	font-size: small;
	width: 100%;
	th.impair{
		background-color: #bbbbbb;
	}
	th.pair{
		background-color: #c8c8c8;
	}
}
i.warning-icon{
	cursor: help;
	color: #ec8404;
}
.small-table span:after {
    width: 30px !important;
    height: 30px !important;
    font: normal 30px Genericons !important;
    padding-left: 0px !important;
}
span.wrong-icon:after {
    width: 35px;
    height: 35px;
    text-indent: 0;
    font: normal 35px Genericons;
    color: var(--ko);
    padding-left: 5px;
    transform: rotate(45deg);
    display: inline-block;
    left: calc(50% - 18px);
}
span.wrong-icon:after {
    content: '\E108';
}
span.check-icon:after {
    width: 35px;
    height: 35px;
    text-indent: 0;
    font: normal 35px Genericons;
    color: var(--ok);
    padding-left: 5px;
    display: inline-block;
    left: calc(50% - 18px);
}
span.check-icon:after {
    content: '\E029';
}
.camera a:before, .camera a:after, a.camera4:after, a.camera4:after {
  content: '\E026';
}
.delete-icon a:before, .delete2-icon a:before, a.delete-icon:before, a.delete2-icon:before, .delete-icon-reverse:before, a.delete-icon-reverse:before , a.delete-icon-big:before , a.delete-icon-reverse-big:before , a.delete-icon-small:before , a.delete-icon-caption:before {
  content: '\E10f';
}
.dropdown-icon a:before, .dropdown-icon a:after, a.dropdown-icon:after, a.dropdown-icon-2:after {
  content: '\E040';
}
.dropdown-small a:before, .dropdown-small a:after, a.dropdown-small:after, a.dropdown-small-2:after {
  content: '\E040';
}
.edit-icon a:before, .edit-icon a:after {
  content: '\E09f';
}
.like-icon a:before, .like-icon a:after {
  content: '\E059';
}
.liked-icon a:before, .liked-icon a:after {
  content: '\E059';
}
.dislike-icon a:before, .dislike-icon a:after {
  content: '\E011';
}
.dislike-icon a:before, .dislike-icon a:after {
  content: '\E011';
}
.gear-icon a:before, .gear-icon a:after, .gear-icon-reverse a:before, .gear-icon-reverse a:after {
  content: '\E055';
}
a.home-icon:before {
  content: '\E072';
}

.link-icon a:before, .link-icon a:after, .link-icon4 a:before, .link-icon4 a:after{
  content: '\E082';
}
.look-icon a:before, .look-icon a:after, a.look-icon:before, a.look-icon-reverse:before, a.look-icon-big:before, a.look-icon-reverse-big:before,  a.look-icon-small:before {
  content: '\E13a';
}

.minus2-icon a:before, a.minus2-icon:before {
  content: '\E08f';
}
a.minus2-icon:before {
  content: '\E08f';
}
.planif-icon a:before, .planif-icon a:after{
  content: '\E025';
}
.play-icon a:before, .play-icon a:after{
  content: '\E107';
}
.avatar-icon a:before, .avatar-icon a:after{
  content: '\E137';
}
.reload-icon a:before, .reload-icon a:after{
  content: '\E14d';
}

.send-icon a:before, .send-icon a:after{
  content: '\E046';
}

.valid-icon a:before, .valid-icon a:after{
  content: '\E029';
}
.check-icon a:before, a.check-icon:before, a.check-icon:before, a.check-icon-reverse:before {
  content: '\E029';
}
.checked-box-icon a:before {
  content: '\E02a';
}
.ban-icon a:before {
  content: '\E02a';
}

.shopping-icon a:before, a.shopping-icon:before, a.shopping-icon-reverse:before {
  content: '\E012';
}

a.nexo-icon:before, .nexo-icon a:before {
  content: '\E096';
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
}

a.vertical-split:before, .vertical-split a:before  {
  content: '\E120';
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
}
.print-icon a:before, a.print-icon:before, a.print-icon-reverse:before, a.print-icon-reverse-big:before {
  content: '\E10a';
}
.horizontal-icon a:before, a.horizontal-icon:before, a.horizontal-icon-reverse:before, a.horizontal-icon-reverse-big:before {
  content: '\E071';
}
.duplicate-icon a:before, a.duplicate-icon:before, a.duplicate-icon-reverse:before, a.duplicate-icon-reverse-big:before {
  content: '\E038';
}
.share4-icon a:before, a.share4-icon:before, a.share4-icon-reverse:before, a.share4-icon-reverse-big:before {
  content: '\E118';
}
.eraser-icon a:before, a.eraser-icon:before, a.eraser-icon-reverse:before, a.eraser-icon-reverse-big:before, a.eraser2-icon:before {
  content: '\E148';
}
.arrowright-icon a:before, a.arrowright-icon:before, a.arrowright-icon-reverse:before, a.arrowright-icon-reverse-big:before {
  content: '\E00d';
}

.logout-icon a:before, a.logout-icon-menu:before, a.logout-icon-reverse:before, a.unfreeze:before {
  content: '\E088';
}

.logout-icon a:before, a.logout-icon-menu:before, a.logout-icon-reverse:before, a.unfreeze:before {
  content: '\E088';
}

.video-icon a:before, .video-icon a:after{
  content: '\E139';
}

a.sync-icon:after, a.sync-icon2:after{
  content: '\E125';
}
.file-icon a:before, .file-icon a:after{
  content: '\E030';
}
span.file-icon:after{
  content: '\E030';
}

span.geoloc:before{
  content: '\E103';
}


a.search-icon:before{
	content: '\E116';
}
.step-icon a:before, .step-icon a:after{
	content: '\E09c';
}
.unfold-icon a:before, .unfold-icon a:after{
	content: '\E03e';
}
.lock-icon a:before, .lock-icon a:after, .lock-icon-small a:before, .lock-icon-small a:after, a.lock-icon:before, a.lock-icon-small:before {
	content: '\E086';
}
.unlock-icon a:before, .unlock-icon a:after, a.unlock-icon:before, a.unlock-icon_small:before {
	content: '\E134';
}

.clock-icon a:before, .clock-icon a:after{
	content: '\E12b';
}
.phone-icon a:before, .phone-icon a:after{
	content: '\E100';
}
.addbookmark-icon a:before, .addbookmark-icon a:after{
	content: '\E122';
}
.addbookmark2-icon a:before, .addbookmark2-icon a:after{
	content: '\E121';
}
.smile-icon a:before, .smile-icon a:after{
	content: '\E11e';
}
.star-icon a:before, .star-icon a:after{
	content: '\E121';
}
.stop-icon a:before, .stop-icon a:after{
	content: '\E123';
}
.fav-icon a:before, .fav-icon a:after{
	content: '\E121';
}
.tarif-icon a:before, .tarif-icon a:after{
	content: '\E128';
}
.tool-icon a:before, .tool-icon a:after{
	content: '\E117';
}
.album-icon a:before, .album-icon a:after{
	content: '\E002';
}
.flag-icon a:before, .flag-icon a:after{
	content: '\E04a';
}
.pin-icon a:before, .pin-icon a:after{
	content: '\E103';
}

.warning-icon a:before, a.warning-icon:before, a.warning-icon-reverse:before, .warning-icon-big a:before, a.warning-icon-big:before, a.warning-icon-reverse-big:before {
  content: '\E124';
}

.information-icon a:before, a.information-icon:before, .information-icon-big a:before, a.information-icon-big:before {
  content: '\E075';
}

.question-icon a:before, a.question-icon:before, a.question-icon-reverse:before, .question-icon-big a:before, a.question-icon-big:before, a.question-icon-reverse-big:before {
  content: '\E070';
}
.image-icon a:before, a.image-icon:before, a.image-icon-reverse:before, .image-icon-big a:before, a.image-icon-big:before, a.image-icon-reverse-big:before {
  content: '\E074';
}

.calendar-icon a:before, a.calendar-icon:before, a.calendar-icon-reverse:before, .calendar-icon-big a:before, a.calendar-icon-big:before, a.calendar-icon-reverse-big:before {
  content: '\E025';
}

.mail-icon a:before, a.mail-icon:before, .mail-icon-small a:before, a.mail-icon-small:before, a.mail-icon-reverse:before, .mail-icon-big a:before, a.mail-icon-big:before, a.mail-icon-reverse-big:before {
  content: '\E08a';
}

.reply-icon a:before, a.reply-icon:before {
	content: '\E111';
}

.sandwich-icon a:before, a.sandwich-icon:before {
	content: '\E08e';
}


.decision-icon a:before, a.decision-icon:before, a.decision-icon-reverse:before, .decision-icon-big a:before, a.decision-icon-big:before, a.decision-icon-reverse-big:before, a.decision-icon4:before {
  content: '\E03a';
}

.action-icon a:before, a.action-icon:before, a.action-icon-reverse:before, .action-icon-big a:before, a.action-icon-big:before, a.action-icon-reverse-big:before {
  content: '\E107';
}


.menu{
	width: 98%;
}

.generik-color a{
	background: #bdbdbd;
}

.menu, .menu ul, .menu ul li, .menu ul li a,
.menu ul ul, .menu ul ul li, .menu ul ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 40px;
}

.menu ul {
    list-style-type: none; 
} 


.menu ul li {
    position: relative;
    display: table-cell;
	border-top: 2px solid white;
    border-bottom: 2px solid white;
    box-shadow: 2px 2px 0px 0px #999999;
	border-right: 1px solid white !important;
}

.menu > ul > li:first-child {
	border-left: 2px solid white;
}

.menu > ul > li:last-child {
	border-right: 2px solid white;
}

.menu ul li a {
    text-decoration: none;
    display: inline-block; 
    width: 200px; 
    height: 40px;
    color: #333;
	border-right: 1px solid #ffffff;
}

.menu ul li a.main-link {
    background: whitesmoke;
}

.social-links2 a {
    padding-left: 10px !important;
    padding-top: 5px !important;
    width: 30px !important;
    height: 35px !important;
}

.menu ul li .social-links2 {
	position: absolute;
}

.menu ul li .social-links2, .menu ul li .social-links3 {
    display: inline-block; 
    width: 40px;
	height: 40px;
	border-right: 1px solid #ffffff;
	background: #999999;
}

.social-links2 a:before, .social-links2 a:after, .social-links3 a:before, .social-links3 a:after {
  width: 40px;
  height: 40px;
  position: absolute;
  text-indent: 0;
  display: block;
  font: normal 30px Genericons;
  color: #fff;
}
.social-links4 {
  display: inline-table;
}
.social-links4 a:before{
  width: 16px;
  height: 16px;
  text-indent: 0;
  display: block;
  font: normal 16px Genericons;
  color: var(--current-color);
  padding-left: 5px;
}
.social-links-octo a:before{
  width: 26px;
  height: 26px;
  text-indent: 0;
  display: block;
  font: normal 26px Genericons;
  color: var(--current-color);
}
.wizard5-icon a:before, a.wizard5-icon:before {
	content: '\E089';
	width: 26px;
	height: 26px;
	text-indent: 0;
	font: normal 20px Genericons;
	color: var(--current-color);
	padding-left: 5px;
	left: calc(50% - 18px);
  }
.social-links-octo-reverse a:before{
  width: 26px;
  height: 26px;
  text-indent: 0;
  display: block;
  font: normal 26px Genericons;
  color: var(--current-color-light);
}


a.logout-icon-menu:before {
  width: 19px;
  height: 19px;
  text-indent: 0;
  font: normal 19px Genericons;
  color: white;
  font-size: 19px;
}

a.check-icon:before, a.delete-icon:before, a.reply-icon:before, a.sandwich-icon:before, a.shopping-icon:before, a.agile-icon:before, a.edit-icon:before, a.look-icon:before, a.refresh-icon:before, a.print-icon:before, a.lock-icon:before, a.unlock-icon:before, a.duplicate-icon:before, a.eraser-icon:before, a.mail-icon:before, a.calendar-icon:before, a.add3-icon:before, a.like-icon:before, a.horizontal-icon:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);

}


a.thumbsup:before {
 width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: white;
  padding-left: 5px;
  left: calc(50% - 18px);
  content: '\E059';
}


a.thumbsdown:before {
 width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--hexagrad1);
  padding-left: 5px;
  left: calc(50% - 18px);
  content: '\E011';
}

a.save-icon:before {
	content: '\E115';
	width: 26px;
	height: 26px;
	text-indent: 0;
	font: normal 26px Genericons;
	color: var(--current-color);
	padding-left: 5px;
	left: calc(50% - 18px);
}
a.save-icon7:before {
	content: '\E115';
	width: 15px;
	height: 15px;
	text-indent: 0;
	font: normal 15px Genericons;
	color: var(--current-color);
	padding-left: 5px;
	left: calc(50% - 18px);
}
a.unsave-icon7:before {
	content: '\E136';
	width: 15px;
	height: 15px;
	text-indent: 0;
	font: normal 15px Genericons;
	color: var(--current-color);
	padding-left: 5px;
	left: calc(50% - 18px);
}
a.save-icon-reverse:before {
	content: '\E115';
	width: 23px;
	height:23px;
	text-indent: 0;
	font: normal 23px Genericons;
	color: white;
	padding-left: 5px;
	left: calc(50% - 18px);
}
a.liked-icon:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--ko);
  padding-left: 5px;
  left: calc(50% - 18px);

}
a.add4-icon:before {
  width: 30px;
  height: 30px;
  text-indent: 0;
  font: normal 30px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.share4-icon {
	color: var(--current-color);	
}
a.share4-icon:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.play-icon {
	color: var(--current-color);	
}
a.play-icon:before {
	content: '\E107';
	width: 26px;
	height: 26px;
	text-indent: 0;
	font: normal 26px Genericons;
	color: var(--ok);
	padding-left: 5px;
	left: calc(50% - 18px);
}
a.image-icon:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.alert-icon:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 30px Genericons;
  color: white;
  padding-left: 5px;
  left: calc(50% - 18px);	
}

a.delete-exposant:after {
	content: '\E10f';
	width: 15px;
	height: 15px;
	text-indent: 0;
	font: normal 15px Genericons;
	color: #ec8404;
	padding-bottom:10px;
	padding-left: 5px;
	left: calc(50% - 18px);	
  }

  a.map:after {
	content: '\E103';
	width: 10px;
	height: 10px;
	text-indent: 0;
	font: normal 20px Genericons;
	/* color: #ec8404; */
	color: var(--current-color);
	padding-left: 5px;
	left: calc(50% - 10px);	
	}

a.delete4-icon:after {
  content: '\E10f';
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--ko);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.delete5-icon:after {
  content: '\E10f';
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.star4-icon:after {
  content: '\E121';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.edit4-icon:after {
  content: '\E09f';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.edit4-icon-mini:after {
  content: '\E09f';
  width: 8px;
  height: 8px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.newtab-icon4 {
	color: var(--current-color);	
}
a.newtab-icon4:before {
  content: '\E046';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  color:var(--current-color);
  /* color: #ec8404; */
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.duplicate-icon4 {
	color: var(--current-color);	
}
a.duplicate-icon4:before {
  content: '\E095';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.star5-icon:after {
  content: '\E121';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}

a.add5-icon:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  /* color: #ec8404; */
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.add6-icon {
	color: white;
}
h2 a.add6-icon {
	margin-left: 5px;
}
a.add6-icon:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: white;
  /* color: #ec8404; */
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.trash6 {
	color: #e74c3c;
}
a.trash6:before {
  content: '\E12c';
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: #e74c3c;
  /* color: #ec8404; */
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.table5-icon:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.home-icon:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: #FFFFFF;
  padding-left: 5px;
  left: calc(50% - 18px);	
}

a.search-icon:before, a.unfold-icon:after {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: white;
  padding-left: 5px;
  left: calc(50% - 18px);	
}

/* a.trombone4:before { */
  /* width: 30px; */
  /* height: 30px; */
  /* text-indent: 0; */
  /* font: normal 16px Genericons; */
  /* color: #ec8404; */
  /* padding-left: 5px; */
  /* left: calc(50% - 18px);	 */
/* } */
a.home4:before {
  width: 30px;
  height: 30px;
  text-indent: 0;
  font: normal 16px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.connected4:before {
  width: 30px;
  height: 30px;
  text-indent: 0;
  font: normal 16px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.dashboard4 {
	color: var(--current-color);
}
/* a.dashboard4:before { */
  /* width: 30px; */
  /* height: 30px; */
  /* text-indent: 0; */
  /* font: normal 16px Genericons; */
  /* color: #ec8404; */
  /* padding-left: 5px; */
  /* left: calc(50% - 18px);	 */
/* } */


a.camera4:before {
  width: 22px;
  height: 22px;
  text-indent: 0;
  font: normal 16px Genericons;
  color: #ec8404;
  padding-left: 5px;
  left: calc(50% - 18px);	
}

a.check-icon-small:before, a.delete-icon-small:before, a.shopping-icon-small:before, a.agile-icon-small:before, a.edit-icon-small:before,  a.look-icon-small:before, a.print-icon-small:before, a.lock-icon-small:before,  a.unlock-icon-small:before, a.mail-icon-small:before, a.calendar-icon-small:before, a.add3-icon-small:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);

}
a.edit-icon-caption:before, a.delete-icon-caption:before {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: white);
  padding-left: 5px;
  left: calc(50% - 18px);
}
a.check-icon-reverse:before, a.delete-icon-reverse:before, a.shopping-icon-reverse:before, a.agile-icon-reverse:before, a.edit-icon-reverse:before, a.look-icon-reverse:before, a.arrowright-icon-reverse:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color-light);
  left: calc(50% - 18px);
}

a.decision-icon:before, a.information-icon:before, a.question-icon:before, a.question-icon:before, a.action-icon:before, a.warning-icon:before, a.arrowright-icon:before {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
}
a.decision-icon4 {
	color: var(--current-color);	
}
a.decision-icon4:before {
  content: '\E03a';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  color: var(--current-color);
  /* color: #ec8404; */
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.link-icon4 {
	color: var(--current-color);	
}
a.link-icon4:before {
  content: '\E082';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.link-icon:before, a.link-icon:before {	
  content: '\E082';
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);

}
a.trash-icon:before, a.trash-icon:before {	
  content: '\E12c';
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--ko);
  padding-left: 5px;
  left: calc(50% - 18px);

}
a.shuffle-icon4 {
	color: var(--current-color);	
}
a.shuffle-icon4:before {
  content: '\E11a';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}

a.decision-icon-big:before, a.information-icon-big:before, a.question-icon-big:before, a.action-icon-big:before, a.calendar-icon-big:before, a.warning-icon-big:before, a.edit-icon-big:before , a.look-icon-big:before {
  width: 56px;
  height: 56px;
  text-indent: 0;
  font: normal 40px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);

}

a.decision-icon-reverse-big:before, a.information-icon-reverse-big:before, a.question-icon-reverse-big:before, a.action-icon-reverse-big:before, a.calendar-icon-reverse-big:before, a.warning-icon-reverse-big:before, a.edit-icon-reverse-big:before, a.look-icon-reverse-big:before {
  width: 56px;
  height: 56px;
  text-indent: 0;
  font: normal 40px Genericons;
  color: white;
  padding-left: 5px;
  left: calc(50% - 18px);

}
p.menubox {
	width:250px;
	background-color:white;
	color:var(--current-color);
	border:2px solid var(--current-color3);
	border-radius: 15px;
	text-align:center;
	padding-bottom:30px;
	margin-top:25px;
	background: #ffffff;  
	text-align:left;
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #FFFFF 100%);  
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ffffff), color-stop(100%,#FFFFF));  
	background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -o-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: -ms-linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	background: linear-gradient(top,  #ffffff 0%,#FFFFF 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFF',GradientType=0 );  
	-webkit-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	-moz-box-shadow: inset 2px 2px 0px 0px rgba(250, 250, 250, .5);  
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 
	-webkit-box-shadow: 2px 2px 0px 0px #633974;
	-moz-box-shadow: 2px 2px 0px 0px #633974;  
	box-shadow:  5px 5px 5px 0px gray;
	position:absolute;
	opacity: 1;
	transition: opacity 250ms ease-in-out 250ms;
}


p.menubox a {
	color:var(--current-color);
	display:inline-block;
	width:fit-content;
	position:relative;
	font-size:15px;
}
p.menubox a:hover {
	display:inline-block;
	width:fit-content;
	font-weight: bold;
	position: relative;
}

p.menubox span.taskmenuheader {
	background-color:var(--current-color);
	color:white;
	font-size: 18px;
	width:auto;
	display:block;
	padding-left:7px;
	margin-top:20px;
}

span.comment-icon:after, a.sync-icon:after{
  width: 25px;
  height: 25px;
  text-indent: 0;
  display: block;
  font: normal 25px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
  position: relative;
}
span.alert-icon:before{
  width: 20px;
  height: 20px;
  text-indent: 0;
  display: inline;
  font: normal 25px Genericons;
  color: red;
  background-color:var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
  position: relative;
}


a.cross-icon:after {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
}


a.cross-icon-2:after {
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: white;
  padding-left: 5px;
  left: calc(50% - 18px);
}
a.add-icon:before, a.add2-icon:before,  a.delete2-icon:before, a.minus2-icon:before, a.refresh2-icon:before, a.eraser2-icon:before, a.mail2-icon {
  width: 26px;
  height: 26px;
  text-indent: 0;
  font: normal 26px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);
}
a.home-icon:after {
  width: 16px;
  height: 16px;
  text-indent: 0;
  font: normal 16px Genericons;
  color: #FFFFFF;
  padding-left: 5px;
  left: calc(50% - 18px);
}

span.comment-icon:after{
	cursor: help;
}
a.sync-icon2:after{
  width: 30px;
  height: 30px;
  text-indent: 0;
  display: block;
  font: normal 30px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  padding-bottom: 5px;
}
a.comment4:before{
  content: '\E097';
  width: 30px;
  height: 30px;
  text-indent: 0;
  display: block;
  font: normal 30px Genericons;
  color: var(--current-color);
  left: calc(50% - 18px);
  position: relative;
}
a.look4:before{
  content: '\E097';
  width: 30px;
  height: 30px;
  text-indent: 0;
  display: block;
  font: normal 30px Genericons;
  color: var(--current-color);
  left: calc(50% - 18px);
  position: relative;
}
span.file-icon:after{
  height: 30px;
  text-indent: 0;
  display: block;
  font: normal 30px Genericons;
  color: var(--current-color);
  padding-left: 5px;
  padding-bottom: 5px;
}
.social-links2 a:after, .social-links3 a:after {
  font: normal 30px Genericons;
  padding-left: 15px;
  padding-top: 5px;
  margin-left: 85px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhZGNmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYzlmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, var(--current-color);), color-stop(100%, var(--current-color);));
  display: none;
}

.social-links2 a:hover, .social-links3 a:hover {
	background: var(--current-color) !important;
}

.social-links3 > a {
    background: #999999;
}

.social-links3 a {
    width: 40px !important;
}

.social-links3 + a {
    padding-left: 5px !important;
}

.social-links3 a:before, .social-links3 a:after {
  padding-left: 10px;
  height: 35px;
  padding-top: 5px;
}

.menu > ul{
	height: 40px;
}

.menu > ul > li:last-child, .menu > ul > li:last-child > div.social-links2, .menu > ul > li:last-child > div.social-links2 > a, .menu > ul > li:last-child > .main-link {
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.menu > ul > li:first-child, .menu > ul > li:first-child > div.social-links2, .menu > ul > li:first-child > div.social-links2 > a, .menu > ul > li:first-child > .main-link {
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.menu ul ul {
	display: inline-grid;
	visibility: hidden;
    position: absolute;
    left:0;
    opacity: 0;
	border-top:1px solid #ffffff;
    margin-left: 2px;
	margin-top: 40px;
	padding-top: 1px;
}

.menu ul li a:hover + ul, .menu ul li:hover ul {
	visibility: visible;
    opacity: 1;
	-webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	transition-delay: .1s;
}

.menu ul ul li {
    display: inline-flex;
    text-align: left;
	margin-left: -4px;
	border-right: 2px solid white !important;
    border-left: 2px solid white !important;
}

.menu ul ul li a {
    width: 179px;
    padding: 0px;
    white-space: nowrap;
    border-bottom: 1px solid #ffff;
    color: #333;
    height: 40px;
}

.menu ul ul li a:hover, .menu ul ul li a:focus, .menu ul ul li a:active  {
    background: whitesmoke;
}

.menu ul li:hover .main-link  {
	font-size: 1em;
    width: 180px !important;
    line-height: 32px !important;
	padding-left: 45px;
	visibility: visible;
}

.menu:hover a{
	font-weight: normal;
}

a.main-link {
    visibility: hidden;
    width: 40px !important;
	height: 40px !important;
    font-size: 0;
    line-height: 40px !important;
}

a.main-sub-link{
	background: whitesmoke !important;
}

.sub-links{
	z-index: 99;
}
.sub-links li{
	border-bottom: 1px solid white !important;
}

/* ============================================================================================================================
== FIN CSS MENU HORIZONTAL CUSTOM
** ============================================================================================================================ */

.desc:after, .asc:after{
  display: block;
  font: normal 20px Genericons;
  color: #fff;
}

.subheader.collapse, .subheader.expand{
	cursor: pointer;
}

.desc:after{
	content: '\E040';
}
.asc:after{
	content: '\E040';
	transform: rotate(180deg);
}
.expand:after
{
	content: '\E040';
	font: normal 20px Genericons;
	color: #fff;
	padding-left: 10px;
	display: inline-block;
	margin-bottom: 4px;
}
.collapse:after
{
	content: '\E040';
	font: normal 20px Genericons;
	color: #fff;
	padding-right: 10px;
	transform: rotate(180deg);
	display: inline-block;
	margin-bottom: 4px;
}
a.commentaire:after
{
	content: '\E035';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.commentaire4
{
    color: var(--current-color);
}
a.commentaire6
{
    color: #e74c3c;
}
a.commentaire4:before
{
	content: '\E035';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.commentaire4_small:before
{
	content: '\E035';
    font: normal 24px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.commentaire6:before
{
	content: '\E035';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: #e74c3c;
    display: inline-block;
    padding-right: 2px;
}
a.relance4
{
	color: var(--current-color);
}
a.relance4:before
{
	content: '\E14d';
    font: normal 30px Genericons;
    color: var(--current-color);
    /* color: #ec8404; */
    display: inline-block;
    padding-right: 2px;
}
a.send-icon4:after
{
	content: '\E046';
    font: normal 30px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-right: 2px;
}
a.trombone:after {
    content: '\E030';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.bug:after {
    content: '\E054';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.file:after {
    content: '\E048';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.trombone4 {
    color: var(--current-color);
}
a.backspace4 {
    color: var(--current-color);
}
a.trombone4:before {
    content: '\E030';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color:  var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.backspace4:before {
    content: '\E010';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color:  var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.fridge4 {
	color: var(--current-color);
}
a.fridge4:before {
    content: '\E087';
    font: normal 30px Genericons;
    color: var(--current-color);
    /* color: #ec8404; */
    display: inline-block;
    padding-left: 2px;
}
a.fridge7 {
	color: var(--current-color);
	 font: 15px;
}
a.fridge7:before {
    content: '\E087';
    font: normal 15px Genericons;
    color: var(--current-color);
    /* color: #ec8404; */
    display: inline-block;
    padding-left: 2px;
}

a.unfreeze4 {
	color: var(--current-color);
}
a.unfreeze4:before {
    content: '\E088';
    font: normal 30px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-left: 2px;
}
a.home4:after {
    content: '\E072';
    font: normal 30px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-left: 2px;
}

a.expand:before {
    content: '\E053';
    font: normal 20px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-right: 2px;
	padding-left: 2px;
	color: var(--current-color);
}

a.unstick:before {
    content: '\E053';
    font: normal 20px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-right: 2px;
	padding-left: 2px;
	color: var(--ko);
}

a.collapse:before {
    content: '\E11d';
    font: normal 20px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-right: 2px;
	padding-left: 2px;
	color: var(--current-color);
}


a.stick:before {
    content: '\E11d';
    font: normal 20px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-right: 2px;
	padding-left: 2px;
	color: var(--ok);
}

a.connected4 {
	color: var(--current-color);	
}
a.connected4:before {
    content: '\E154';
  width: 15px;
  height: 15px;
  text-indent: 0;
  font: normal 30px Genericons;
  /* color: #ec8404; */
  color: var(--current-color);
  padding-left: 5px;
  left: calc(50% - 18px);	
}
a.dashboard4:before {
    content: '\E03c';
    font: normal 30px Genericons;
    /* color: #ec8404; */
	color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.camera4:after {
    content: '\E026';
    font: normal 20px Genericons;
    color: #ec8404;
    display: inline-block;
    padding-left: 2px;
}
a.camera:after {
    content: '\E026';
    font: normal 20px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.bookmark:after {
    content: '\E122';
    font: normal 15px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
a.bookmark2:after {
    content: '\E121';
    font: normal 15px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-left: 2px;
}
tr.quarter {
	text-align:center;
}
tr.standby a.trombone:after {
    content: '\E030';
    font: normal 30px Genericons;
     color: white;
    display: inline-block;
    padding-left: 2px;
}
tr.standby a.bookmark:after {
    content: '\E122';
    font: normal 30px Genericons;
    color: white;
    display: inline-block;
    padding-left: 2px;
}
tr.standby a.commentaire:after
{
	content: '\E035';
    font: normal 30px Genericons;
    color: white;
    display: inline-block;
    padding-right: 2px;
}

a.bookmark:hover:after {
    content: '\E121' !important;
}
a.chiffrer {
    color: var(--current-color);
}
a.chiffrer:before {
    content: '\E12b';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
	
}
a.chiffrer7 {
    color: var(--current-color);
	font: 15px;
}
a.chiffrer7:before {
    content: '\E12b';
    font: normal 15px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
	
}
a.chiffrer5 {
    color: #FFFFFF;
}
a.chiffrer5:before {
    content: '\E12b';
    font: normal 30px Genericons;
    color: var(--current-color);
	
}
a.right-arrow-mini {
    color: var(--current-color);
}
a.right-arrow-mini:before {
    content: '\E00d';
    font: normal 15px Genericons;
	color: var(--current-color);
	
}
a.right-arrow {
    color: var(--current-color);
}
a.right-arrow:before {
    content: '\E00d';
    font: normal 30px Genericons;
	color: var(--current-color);
	
}
a.down-arrow-mini {
    color: var(--current-color);
}
a.down-arrow-mini:before {
    content: '\E03e';
    font: normal 15px Genericons;
    color: #ec8404;
	
}
a.up-arrow-mini {
    color: var(--current-color);
}
a.up-arrow-mini:before {
    content: '\E135';
    font: normal 15px Genericons;
    color: #ec8404;
	
}
a.graph {
    color: var(--current-color);
}
a.graph:before {
    content: '\E05b';
    font: normal 30px Genericons;
    color: #ec8404;
	
}

a.affiner:after {
    content: '\E040';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.postit:after {
    content: '\E123';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.downinegality:after {
    content: '\E03e';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.inegal-down-small:after {
    content: '\E03e';
    font: normal 20px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
}
a.geoloc:after {
    content: '\E103';
    font: normal 30px Genericons;
    color: white;
}
a.dropdown-small:after {
    content: '\E040';
    font: normal 20px Genericons;
    color: white;
}
a.sitemap:after {
    content: '\E16d';
    font: normal 30px Genericons;
    color: white;
}
a.evernote:after {
    content: '\E044';
    font: normal 30px Genericons;
    color: white;
}
a.login:after {
    content: '\E087';
    font: normal 30px Genericons;
    color: white;
}
a.help:after {
    content: '\E070';
    background-color: none;
    width: 40px;
	height: 40px;
    font: normal 30px Genericons;
    color: var(--current-color);
}
td div.agile {
    background-color: var(--current-color);
    width: 40px;
	height: 40px;
    display: inline-block;
	border: 1px solid white;
	box-shadow: 2px 2px 0px 0px #999999;
}
td div.agile a {
	color:white;
}
td div.agile a:hover {
	color:white;
}
a.demarrer {
    color: var(--current-color);
}
a.demarrer5 {
    color: var(--current-color);
}
a.demarrer:before {
    content: '\E107';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.demarrer5:before {
    content: '\E107';
    font: normal 30px Genericons;
    color: var(--current-color);
}
a.trash4 {
    color: var(--current-color);	
}
a.trash4:before {
    content: '\E12c';
    font: normal 22px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.divide4 {
    color: var(--current-color);	
}
a.divide4:before {
    content: '\E11f';
    font: normal 22px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.banbox4 {
    color: var(--current-color);
}
a.banbox4:before {
    content: '\E012';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.banbox5 {
    color: var(--current-color);
}
a.banbox5:before {
    content: '\E012';
    font: normal 20px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.banbox7 {
    color: var(--current-color);
	 font: 15px;
}
a.banbox7:before {
    content: '\E012';
    font: normal 15px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.left4-icon:after {
    content: '\E00c';
    font: normal 22px Genericons;
    color: #ec8404;
}
a.right4-icon:after {
    content: '\E00d';
    font: normal 22px Genericons;
    color: #ec8404;
}
a.pin4 {
    color: var(--current-color);
}
a.pin4:before {
    content: '\E103';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.diary4 {
    color: var(--current-color);
}
a.diary4:before {
    content: '\E002';
    font: normal 30px Genericons;
    /* color: #ec8404; */
	color: var(--current-color);
}
a.android4 {
    color: var(--current-color);
}
a.android4:before {
    content: '\E008';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
input.ok{
	display: none;
}

span.sticker_grayscale_1 {
	font-size: smaller;
	background-color: black;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_2 {
	font-size: smaller;
	background-color: #3d3d3d;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_3 {
	font-size: smaller;
	background-color: #505050;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_4 {
	font-size: smaller;
	background-color:#636363;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_5 {
	font-size: smaller;
	background-color:#777777;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_5 {
	font-size: smaller;
	background-color:#8a8a8a;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_6 {
	font-size: smaller;
	background-color:#9e9e9e;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_7 {
	font-size: smaller;
	background-color:#b1b1b1;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_8 {
	font-size: smaller;
	background-color:#c4c4c4;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_9 {
	font-size: smaller;
	background-color:#d8d8d8;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_grayscale_10 {
	font-size: smaller;
	background-color:#ebebeb;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


span.sticker_heatscale_1 {
	font-size: smaller;
	background-color: var(--ko);
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_heatscale_2 {
	font-size: smaller;
	background-color: #e74c3c;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


span.sticker_heatscale_3 {
	font-size: smaller;
	background-color: #d35400;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_4 {
	font-size: smaller;
	background-color: #e67e22;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_5 {
	font-size: smaller;
	background-color: #f39c12;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_6 {
	font-size: smaller;
	background-color:#f1c40f;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_7 {
	font-size: smaller;
	background-color:#2ecc71;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_8 {
	font-size: smaller;
	background-color:#1abc9c;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



span.sticker_heatscale_9 {
	font-size: smaller;
	background-color:#16a085;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


span.sticker_heatscale_10 {
	font-size: smaller;
	background-color:#2980b9;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


div.block td.grayscale_1 {
	font-size: smaller;
	background-color: #3d3d3d;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

div.block td.grayscale_1:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_1 a:hover {
	color:white;
}
div.block td.grayscale_2 {
	font-size: smaller;
	background-color: #505050;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_2:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_2 a:hover {
	color:white;
}
div.block td.grayscale_3 {
	font-size: smaller;
	background-color:#636363;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_3:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_3 a:hover {
	color:white;
}
div.block td.grayscale_4 {
	font-size: smaller;
	background-color:#777777;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_4:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_4 a:hover {
	color:white;
}
div.block td.grayscale_5 {
	font-size: smaller;
	background-color:#8a8a8a;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_5:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_5 a:hover {
	color:white;
}
div.block td.grayscale_6 {
	font-size: smaller;
	background-color:#9e9e9e;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_6:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_6 a:hover {
	color:white;
}
div.block td.grayscale_7 {
	font-size: smaller;
	background-color:#b1b1b1;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_7:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_7 a:hover {
	color:white;
}
div.block td.grayscale_8 {
	font-size: smaller;
	background-color:#c4c4c4;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_8:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_8 a:hover {
	color:white;
}
div.block td.grayscale_9 {
	font-size: smaller;
	background-color:#d8d8d8;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_9:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_9 a:hover {
	color:white;
}
div.block td.grayscale_10 {
	font-size: smaller;
	background-color:#ebebeb;
	color: var(--current-color);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
div.block td.grayscale_10:hover {
	background-color:var(--current-color);
	color:white;
}
div.block td.grayscale_10 a:hover {
	color:white;
}
div.block td.heatscale1 {
	font-size: smaller;
	background-color: var(--ko);
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

div.block td.heatscale2 {
	font-size: smaller;
	background-color: #e74c3c;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


div.block td.heatscale3 {
	font-size: smaller;
	background-color: #d35400;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


div.block td.heatscale4 {
	font-size: smaller;
	background-color: #e67e22;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



div.block td.heatscale5 {
	font-size: smaller;
	background-color: #f39c12;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



div.block td.heatscale6 {
	font-size: smaller;
	background-color:#f1c40f;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



div.block td.heatscale7 {
	font-size: smaller;
	background-color:#2ecc71;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



div.block td.heatscale8 {
	font-size: smaller;
	background-color:#1abc9c;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}



div.block td.heatscale9 {
	font-size: smaller;
	background-color:#16a085;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


div.block td.heatscale10 {
	font-size: smaller;
	background-color:#2980b9;
	color: white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

div.block td.heatscale1 a {
	color:white;
}
div.block td.heatscale2 a {
	color:white;
}
div.block td.heatscale3 a {
	color:white;
}
div.block td.heatscale4 a {
	color:white;
}
div.block td.heatscale5 a {
	color:white;
}
div.block td.heatscale6 a {
	color:white;
}
div.block td.heatscale7 a {
	color:white;
}
div.block td.heatscale8 a {
	color:white;
}
div.block td.heatscale9 a {
	color:white;
}
div.block td.heatscale10 a {
	color:white;
}

span.sticker_theme {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--current-color);
	color: var(--current-color);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
}

span.sticker_theme:hover {
	background-color: var(--current-color);
	color: white;
}
span.sticker_theme a {
	color: var(--current);
}
span.sticker_theme a:visited {
	color: var(--current);
}
span.sticker_theme a:hover {
	color: white;
}

span.sticker_theme_reverse {
	font-size: smaller;
	border: 1px solid var(--current-color);
	background-color: var(--current);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_raci_r {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--ok);
	color: var(--ok);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_r:hover {
	background-color: var(--ok);
	color: white;
}
span.sticker_raci_r a {
	color: var(--ok);
}
span.sticker_raci_r a:visited {
	color: var(--ok);
}
span.sticker_raci_r a:hover {
	color: white;
}

span.sticker_raci_r_reverse {
	font-size: smaller;
	border: 1px solid var(--ok);
	background-color: var(--ok);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_raci_a {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--ko);
	color: var(--ko);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_a:hover {
	background-color: var(--ko);
	color: white;
}
span.sticker_raci_a a {
	color: var(--ko);
}
span.sticker_raci_a a:visited {
	color: var(--ko);
}
span.sticker_raci_a a:hover {
	color: white;
}
span.sticker_raci_a_reverse {
	font-size: smaller;
	border: 1px solid var(--ko);
	background-color: var(--ko);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_raci_c {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--caution);
	color: var(--caution);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_c:hover {
	background-color: var(--caution);
	color: white;
}
span.sticker_raci_c a {
	color: var(--caution);
}
span.sticker_raci_c a:visited {
	color: var(--caution);
}
span.sticker_raci_c a:hover {
	color: white;
}


span.sticker_raci_c_reverse {
	font-size: smaller;
	border: 1px solid var(--caution);
	background-color: var(--caution);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_raci_s {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid#f1c40f;
	color:#f1c40f;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_s:hover {
	background-color:#f1c40f;
	color: white;
}
span.sticker_raci_s a {
	color:#f1c40f;
}
span.sticker_raci_s a:visited {
	color:#f1c40f;
}
span.sticker_raci_s a:hover {
	color: white;
}

span.sticker_raci_s_reverse {
	font-size: smaller;
	border: 1px solid #f1c40f;
	background-color: #f1c40f;
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_raci_i {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--current-color);
	color: var(--current-color);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_i:hover {
	background-color: var(--current-color);
	color: white;
}
span.sticker_raci_i a {
	color: var(--current-color);
}
span.sticker_raci_i a:visited {
	color: var(--current-color);
}
span.sticker_raci_i a:hover {
	color: white;
}
span.sticker_raci_i_reverse {
	font-size: smaller;
	border: 1px solid var(--current-color);
	background-color: var(--current-color);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


span.sticker_raci_v {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid #2c3e50;
	color: #2c3e50;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_v:hover {
	background-color: #2c3e50;
	color: white;
}
span.sticker_raci_v a {
	color: #2c3e50;
}
span.sticker_raci_v a:visited {
	color: #2c3e50;
}
span.sticker_raci_v a:hover {
	color: white;
}
span.sticker_raci_v_reverse {
	font-size: smaller;
	border: 1px solid #2c3e50;
	background-color: #2c3e50;
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}


span.sticker_raci_next {
	font-size: smaller;
	background-color: #ecf0f1;
	border: 1px solid var(--nightly);
	color:var(--nightly);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_raci_next:hover {
	background-color: var(--nightly);
	color: white;
}
span.sticker_raci_next a {
	color: var(--nightly);
}
span.sticker_raci_next a:visited {
	color: var(--nightly);
}
span.sticker_raci_next a:hover {
	color: white;
}
span.sticker_raci_next_reverse {
	font-size: smaller;
	border: 1px solid var(--nightly);
	background-color: var(--nightly);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_ok {
	background-color:var(--ok);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
}
span.sticker_ok_big {
	background-color:var(--ok);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	font-size: 40px;
}
span.sticker_ko_big {
	background-color:var(--ko);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
}
span.sticker_ko_reverse {
	background-color: #ecf0f1;
	color:var(--ko);
	border: 1px solid var(--ko);
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	font-size: smaller;
}
span.sticker_ko {
	background-color:var(--ko);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	font-size: smaller;
}
span.sticker_ko a {
	color:white;
}
span.sticker_ko a:visited {
	color:white;
}
span.sticker_ko_reverse:hover {
	background-color: var(--ko);
	color: white;
}


span.sticker_regular {
	background-color:var(--current-color);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
}
span.sticker_caution {
	background-color:var(--caution);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
}
span.plaintext_small_ok {
	font-size: smaller;
	color:var(--ok);
}
span.plaintext_small_ko {
	font-size: smaller;
	color:var(--ko);
}
span.plaintext_small_regular {
	font-size: smaller;
	color:var(--current-color)
}
span.plaintext_small_caution {
	font-size: smaller;
	color:var(--caution)
}
span.sticker_small_ok {
	font-size: smaller;
	background-color:var(--ok);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_small_ko {
	font-size: smaller;
	background-color:var(--ko);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_tiny_ko {
	font-size: 10px;
	background-color:var(--ko);
	color:white;
	border-radius:2px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
}

span.sticker_small_old {
	font-size: smaller;
	background-color:var(--old);
	color:white;
	border-radius:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

span.sticker_small_regular {
	font-size: smaller;
	background-color:var(--current-color);
	color:white;
	border-radius:5px;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.sticker_small_caution {
	font-size: smaller;
	background-color:var(--caution);
	color:white;
	border-radius:5px;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}
span.ok:before {
	content: '\E029';
    font: normal 20px Genericons;
    color: #ec8404;
	cursor: pointer;
}
span.textmenu a {
    color: var(--current-color);
}
span.geoloc
{
	display: inline-block;
	position: absolute;
	margin-top: 0px;
	margin-left: -7px;
}
span.geoloc:before {
	content: '\E103';
    font: normal 30px Genericons;
    color: white;
}
a.dropdown-small {
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

span.checkedbox
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.checkedbox5
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.banbox
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.highlighted
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color:var(--current-color);
	color:white;
	border-radius:10px;
	padding:7px;
	width:100px;
	text-align:center;
}
span.alertlight
{
    color: #FFFFFF;
    background-color:var(--ko);		
	display:inline-block;
	width:100px;
	border-radius:10px;
	padding:7px;
	text-align:center;
	vertical-align: sub;
}
span.alert
{
	color:var(--ko);
	font-weight:bold;
}
span.fade
{
	color:gray;
}
span.almostalert
{
	color:darkorange;
	font-weight:bold;
}
span.toolow
{
	color:var(--current-color);
	font-weight:bold;
}
span.OKtext
{
	color:#27ae60;
	font-weight:bold;
}
span.FROZEN
{
    color: #FFFFFF;
    background-color: #95a5a6;		
	display:inline-block;
	width:100px;
	border-radius:10px;
	padding:7px;
	text-align:center;
	vertical-align: sub;
}
span.LIQUIDNITROGEN
{
    color: #000000;
    background-color: #ededfa;		
	display:inline-block;
	width:100px;
	border-radius:10px;
	padding:7px;
	text-align:center;
	vertical-align: sub;
}
span.INFO
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	background-color:var(--current-color);
	padding:5px;
	border-radius:10px;
}
span.POSITIVE
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	background-color:#669900;
	padding:5px;
	border-radius:10px;
}
span.emptybox
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.right-arrow-home-icon
{
	display: inline-block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
span.checkedbox:before {
	content: '\E02a';
    font: normal 35px Genericons;
    /* color: var(--current-color); */
    color: #16a085;
}
span.checkedbox5:before {
	content: '\E02a';
    font: normal 35px Genericons;
    color: #7f8c8d; 
}
span.banbox:before {
	content: '\E012';
    font: normal 30px Genericons;
    color: var(--current-color);
}
span.emptybox:before {
	content: '\E02b';
    font: normal 35px Genericons;
    color: #c5c4c4;
}
span.right-arrow-home-icon:before {
	content: '\E00d';
    font: normal 35px Genericons;
    color: #c5c4c4;
}
a.ok {
    color: var(--current-color);	
}
a.ok:before {
	content: '\E029';
    font: normal 30px Genericons;
    color: var(--current-color);	
    display: inline-block;
}
a.ok6 {
    color: var(--current-color);	
}
a.ok6:before {
	content: '\E029';
  width: 20px;
  height: 20px;
  text-indent: 0;
  font: normal 20px Genericons;
  color: #27ae60;
    display: inline-block;
}
a.ok5 {
    color: #FFFFFF;
}
a.ok5:before {
	content: '\E029';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
}
a.valid-form:after{
	content: '\E107';
    font: normal 30px Genericons;
    color: var(--current-color);
    display: inline-block;
    padding-right: 2px;
    vertical-align: -12%;
    padding-left: 3px;
}
a.ko {
    color: var(--current-color);	
}
a.ko:before {
    font: normal 30px Genericons;
   color: var(--current-color);	
    content: '\E108';
    transform: rotate(45deg);
    display: inline-block;
    padding-left: 4px;
}
a.ko6 {
    color: var(--current-color);	
}
a.ko6:before {
    font: normal 20px Genericons;
   color: #e74c3c;	
    content: '\E108';
    transform: rotate(45deg);
    display: inline-block;
}
a.ko5 {
    color: #FFFFFF;	
}
a.ko5:before {
    font: normal 30px Genericons;
    color: var(--current-color);
    content: '\E108';
    transform: rotate(45deg);
    display: inline-block;
    padding-left: 4px;
}
a.planifier {
    color: var(--current-color);
}
a.planifier5 {
    color: #FFFFFF;	
	
}
a.planifier:before {
    content: '\E15e';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.planifier5:before {
    content: '\E15e';
    font: normal 30px Genericons;
    color: #FFFFFF;
	
}
a.key4 {
    color: var(--current-color);	
}
a.key4:before {
    content: '\E07c';
    font: normal 30px Genericons;
    color: #ec8404;
}
a.table4-icon {
    color: var(--current-color);	
}
a.table4-icon:before {
    content: '\E127';
    font: normal 30px Genericons;
    color: #ec8404;
}
a.plane4 {
    color: var(--current-color);	
}
a.plane4:before {
    content: '\E105';
    font: normal 30px Genericons;
    color: #ec8404;
}
a.avatar4 {
    color: var(--current-color);	
}
a.avatar4:before {
    content: '\E137';
    font: normal 30px Genericons;
    color: #ec8404;
}
a.planification:after {
    content: '\E15e';
    font: normal 20px Genericons;
    color: white;
}
a.chevron-left:after {
    content: '\E080';
    font: normal 20px Genericons;
    color: var(--current-color);
}
a.chevron-right:after {
    content: '\E112';
    font: normal 20px Genericons;
    color: var(--current-color);
}
a.etc:after {
    content: '\E043';
    font: normal 30px Genericons;
    color: #ec8404;
}
a.flag-icon {
    color: var(--current-color);
}
a.flag-icon:before {
    content: '\E04a';
    font: normal 30px Genericons;
    /* color: #ec8404; */
    color: var(--current-color);
}
a.flag5-icon:before {
    content: '\E04a';
    font: normal 30px Genericons;
    color: var(--current-color);
}
a.avatar-icon:after {
    content: '\E137';
    font: normal 30px Genericons;
    color: var(--current-color);
}
a.unfold-icon:after {
    content: '\E03e';
    font: normal 20px Genericons;
    color: white;
}
a.target-icon:after {
    content: '\E056';
    font: normal 20px Genericons;
    color: white;
}
a.gear-icon-negatif:after {
    content: '\E055';
    font: normal 20px Genericons;
    color: white;
}
a.open.open-close-toggle:after {
	content: '\E135';
    font: normal 20px Genericons;
    color: white;
}
a.close.open-close-toggle:after {
	content: '\E03e';
    font: normal 20px Genericons;
    color: white;
}

.taches_home th#th4, .taches_home th#th5 {
    width: 55px;
}
.taches_home th#th2,.taches_home th#th3 {
    width: 75px;
}
.deconnexion {
    float: right;
    padding-right: 50px;
}
.deconnexion small, .deconnexion b{
    color: white;
    text-shadow: 2px 2px 4px #333333;
}
.main-menu img{
	height: 60px;
    vertical-align: middle;
    width: 60px;
    vertical-align: middle;
    border: 2px solid white;
    border-radius: 34px;
    padding: 3px;
    margin: 1px;
    box-shadow: 2px 2px 0px 0px #999999;
	background-color: var(--current-color-4);
}
.main-menu img:hover{
	background-color: var(--current-color);
}

.imghome{
	height: 60px;
    background-color: white;
    border: 2px solid white;
    padding: 3px;
    box-shadow: 2px 2px 0px 0px #999999;
    position: absolute;
    display: list-item;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.main-menu{
    width: 73%;
}
.progress, .progress_2, .progress_mono {
    border: 1px solid black;
    position: relative;
    padding: 1px;
	background-color: white;
	min-width: 50px;
}

div#bar {
    height: 8px;
}

.progress #bar[data-priorite='1'] {
	width: 10%;
	background-color: #9ab200;
}
.progress #bar[data-priorite='2'] {
	width: 20%;
	background-color: #bcc500;
}
.progress #bar[data-priorite='3'] {
	width: 30%;
	background-color: #d7cd00;
}
.progress #bar[data-priorite='4'] {
	width: 40%;
	background-color: #eaca00;
}
.progress #bar[data-priorite='5'] {
	width: 50%;
	background-color: #fdc300;
}
.progress #bar[data-priorite='6'] {
	width: 60%;
	background-color: #fcd300;
}
.progress #bar[data-priorite='7'] {
	width: 70%;
	background-color: #fab700;
}
.progress #bar[data-priorite='8'] {
	width: 80%;
	background-color: #f7ab00;
}
.progress #bar[data-priorite='9'] {
	width: 90%;
	background-color: #f59f00;
}
.progress #bar[data-priorite='10'] {
	width: 100%;
	background-color: #f29400;
}

.progress_mono #bar[data-priorite='1'] {
	width: 10%;
	background-color: #E2EDF6;
}
.progress_mono #bar[data-priorite='2'] {
	width: 20%;
	background-color: #DBE9F4;
}
.progress_mono #bar[data-priorite='3'] {
	width: 30%;
	background-color: #D2E4F1;
}
.progress_mono #bar[data-priorite='4'] {
	width: 40%;
	background-color: #C7DDED;
}
.progress_mono #bar[data-priorite='5'] {
	width: 50%;
	background-color: #B9D5E8;
}
.progress_mono #bar[data-priorite='6'] {
	width: 60%;
	background-color: #A7CAE2;
}
.progress_mono #bar[data-priorite='7'] {
	width: 70%;
	background-color: #91BDDB;
}
.progress_mono #bar[data-priorite='8'] {
	width: 80%;
	background-color: #76ADD2;
}
.progress_mono #bar[data-priorite='9'] {
	width: 90%;
	background-color: #5499C7;
}
.progress_mono #bar[data-priorite='10'] {
	width: 100%;
	background-color: var(--current-color);
}

.progress_2 #bar[data-priorite='1'] {
	width: 10%;
	background-color: #f29400;
}
.progress_2 #bar[data-priorite='2'] {
	width: 20%;
	background-color: #f59f00;
}
.progress_2 #bar[data-priorite='3'] {
	width: 30%;
	background-color: #f7ab00;
}
.progress_2 #bar[data-priorite='4'] {
	width: 40%;
	background-color: #fab700;
}
.progress_2 #bar[data-priorite='5'] {
	width: 50%;
	background-color: #fdc300;
}
.progress_2 #bar[data-priorite='6'] {
	width: 60%;
	background-color: #fdc300;
}
.progress_2 #bar[data-priorite='7'] {
	width: 70%;
	background-color: #eaca00;
}
.progress_2 #bar[data-priorite='8'] {
	width: 80%;
	background-color: #d7cd00;
}
.progress_2 #bar[data-priorite='9'] {
	width: 90%;
	background-color: #bcc500;
}
.progress_2 #bar[data-priorite='10'] {
	width: 100%;
	background-color: #9ab200;
}
a.yt-video:after{
	content: '\E139';
    font: normal 30px Genericons;
    color: white;
    display: inline-block;
    padding-right: 2px;
}
pre.task_infos{
	text-align: justify;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    /*font-family: Arial,Tahoma,Verdana,sans-serif;*/
	padding:20px;
	font-style:italic;
}
td.INFOborder > a{
	color: var(--current-color);
}
form#rufus_form  td > a{
	text-decoration: underline;
}
.dropt10 div {
    width: 100%;
    display: block;
}
select.listofhtml{
	margin-top: 5px;
}
div[id^="etape_"][id$="_files"] div{
	padding-top: 10px;
}
th.etapeth#th5{
	width: 323px;
}
th.etapeth#th4{
	width: 550px;
}
th.steptask#th5{
	width: 190px;
}
th[data-content='Action']{
	min-width: 50px;
}
th[data-content='Projet']{
	min-width: 130px;
}
tr.standby div a, tr.standby td a, tr.standby td {
    color: #FFFFFF;
}
div.checkboxes{
	border-radius: 10px;
}

::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-thumb {
    background: var(--current-color);
}
::-webkit-scrollbar-track-piece {
    background-color: var(--current-color-light);
}

.veen {
    width: 70%;
    margin: 40px auto;
    background: #2c3e50;
    min-height: 400px;
    display: table;
    position: relative;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	border-radius: 15px;
}

.veen > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.veen > .wrapper {
    position: absolute;
    width: 374px;
    height: 120%;
    top: -10%;
    left: 5%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    transition: all .5s;
    color: #303030;
    overflow: hidden;
	border-radius: 15px;
}
#meteo img{
	border-radius: 15px;
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}

.home-meteo small{
    text-shadow: 2px 2px 4px #333333;
}

.veen .wrapper #login {
    padding-top: 20%;
    visibility: visible;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.veen .wrapper > .form-group {
    padding: 15px 30px 30px;
    width: 100%;
    transition: all .5s;
    background: #fff;
}
.form-group {
    margin-bottom: 15px;
}

.veen .wrapper #market {
    padding-top: 10%;
}
.veen .wrapper > .form-group {
    padding: 15px 30px 30px;
    width: 100%;
    transition: all .5s;
    background: #fff;
}
.form-group {
    margin-bottom: 15px;
}

.veen .wrapper label {
    position: relative;
    top: -56px;
    font-size: 12px;
    white-space: nowrap;
    background: #fff;
    left: -78px;
    padding: 0 5px;
    color: #999;
    pointer-events: none;
    min-width: 155px;
    text-align: left;
}

.veen .wrapper input:not([type='checkbox']) {
    height: 40px;
    padding: 5px 15px;
    border: solid 1px #999;
}

.veen .wrapper input[type='text'], .veen .wrapper input[type='password'] {
    width: 100%;
}

.veen .wrapper input[type='text']:focus, .veen .wrapper input[type='password']:focus {
    border: solid 1px var(--current-color);
	box-shadow: 0 0 7px 2px white;
	outline: none;
}

.veen input[type='button'] {
    background-color:#2c3e50;
    display: inline-block;
    padding: 10px 30px;
    border: 3px solid #fff;
    background-clip: padding-box;
    position: relative;
    color: #FFF;
    transition: all .25s;
	cursor: pointer;
}

.veen .wrapper input {
    height: 40px padding: 5px 15px;
    border: solid 1px #999;
}

.veen input.dark {
    border-color: var(--current-color) !important;
    background: var(--current-color);
}

.veen .btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.veen label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.veen .wrapper h3 {
    margin-bottom: 25px;
}

.veen .h3,.veen h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 40px !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.veen > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.veen a{
	color: #2980b9 !important;
}

body.connexion{
	background: linear-gradient(to right,var(--current-color) ,var(--current-color-2) ) !important;
}

.connexion #content
{
	background: linear-gradient(to right,var(--current-color) ,var(--current-color-2) ) !important;
	color: white !important;
}

.connexion #content a
{
	color: white !important;
	text-decoration: underline;
}

.veen .mail {
    height: 65px;
}

.veen .submit {
    height: 75px;
}

a.cross-icon-2{
	position: relative;
    left: 25%;
}

/*DEBUT AUTOCOMPLETE*/
.optgroup-list-wrapper {
  position: relative;
}

input[data-optgroup-list] + datalist + .list-options {
    outline: 1px solid var(--current-color);
    padding: 5px;
    line-height: 1.75;
    position: absolute;
    background-color: white;
    width: 87%;
	overflow-y: auto;
	max-height: 500;
	z-index: 11;
}
input[data-optgroup-list] + datalist + .list-options summary {
  color: var(--current-color);
  line-height: 1;
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: left;
}
input[data-optgroup-list] + datalist + .list-options summary::-webkit-details-marker {
  fill: var(--current-color);
}
input[data-optgroup-list] + datalist + .list-options ul {
  margin: 0;
  padding: 0;
}
input[data-optgroup-list] + datalist + .list-options > ul > li:not(:last-child) {
  padding-bottom: 0.5rem;
}
input[data-optgroup-list] + datalist + .list-options > ul .option {
  padding: 0 0.5rem;
  cursor: pointer;
}
input[data-optgroup-list] + datalist + .list-options > ul .option:hover {
  background: var(--current-color-light);
}
input[data-optgroup-list] + datalist + .list-options > ul ul li {
  padding-left: 1rem;
}
input[data-optgroup-list] + datalist + .list-options > ul ul li:not([hidden]) {
  display: flex;
}
input[data-optgroup-list] + datalist + .list-options > ul ul li span:first-child {
  margin-right: 3ch;
  display: none;
}
input[data-optgroup-list] + datalist + .list-options > ul ul li span:last-child {
  text-align: left;
  color: black;
}
input[data-optgroup-list] + datalist + .list-options ul {
  list-style-type: none;
}

input[data-optgroup-list] + datalist + .list-options  summary:after {
    text-indent: 0;
    font: normal 20px Genericons;
    color: var(--current-color);
    left: auto;
    right: 20px;
    position: absolute;
}

input[data-optgroup-list] + datalist + .list-options details summary:after {
	content: '\E03e';
}

input[data-optgroup-list] + datalist + .list-options details[open] summary:after {
	content: '\E135';
}

table#termetab
{
	width: 100%;
}
table#termetab th
{
	background-color: #ea5160;
}
table#termetab th#th0.termeth
{
	width: 40px;
}
table#termetab div
{
	max-width: 100%;
}
/*FIN AUTOCOMPLETE*/
div.#C0392B
{
	border: 2px solid #ea5160;
}
div.subheader#C0392B
{
	background-color: #ea5160;
}
.toggle-switch {
	position: relative;
	width: 50px;
	height: 25px;
	background-color: #ccc;
	border-radius: 15px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.toggle-switch .circle {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 21px;
	height: 21px;
	background-color: white;
	border-radius: 50%;
	transition: left 0.3s ease;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.toggle-switch.on {
	background-color: var(--current-color);
}

.toggle-switch.on .circle {
	left: 27px;
}

.toggleBtn, .toggleBtnim {
	text-align: -webkit-center;
}

div.div_section {
	width: 100%;
  	overflow-x: auto;
	padding-left: 0;
}

table.table_section {
	margin: 0 auto;
  	display: table;
}

table.table_section th:first-child,
table.table_section td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

table.table_section .impair td:first-child {
  background-color: #fff; /* Important pour masquer les colonnes qui passent derrière */
}

table.table_section .pair td:first-child {
  background-color: #F5F5F5; /* Important pour masquer les colonnes qui passent derrière */
}

a.notification{
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: white;

	span.badge{
		position: absolute;
		top: -15px;
		background: red;
		color: white;
		border-radius: 50%;
		padding: 5px 1px;
		font-size: 10px;
		font-weight: bold;
		min-width: 18px; 
		text-align: center; 
		white-space: nowrap; 
		line-height: 1;
	}
}

input[type="button"] {
	cursor: pointer;
}

.datatable-header{
    color: white;
    width: 50%;
    height: 45px;
    align-content: center;
    margin-top: -45px;
    border-radius: 15px 15px 0px 0px;
    top: 54px;
    position: relative;
	background-color: #7f8c8d;
	z-index:2;

	&.color1 {
		background-color:var(--current-color);
	}

	&.color2 {
		background-color:var(--ko);
	}

	&.color3 {
		background-color:var(--ok);
	}

	&.color4 {
		background-color:var(--caution);
	}

	&.color5 {
		background-color:var(--nightly);
	}

	&.color6 {
		background-color:var(--info);
	}

	&.color7 {
		background-color:var(--prettygood);
	}

	&.color8 {
		background-color:var(--current-lighter);
	}

	a {
		color: white !important;
		font-weight: bold;
		cursor: pointer;
	}
}

.invisilabeluniversel {
	border-bottom: unset;
}

div.dt-container .dt-paging .dt-paging-button:not(.disabled, .current):hover {
	background: var(--current-color) !important;
}

div.dt-container .dt-paging .dt-paging-button {
	border-radius: 20px;
}

div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
	display: none;
}

.datatable-description {
	width: 100%;
}

.sticker-container {
	display: -webkit-inline-box;
	align-content: center;
}

.sticker-header {
	font-size:smaller; 
	font-weight:bold;>
	text-align: left;
	text-wrap-mode: nowrap;
   	margin-right: 4px;
	align-content: center;
}

.sticker-content {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	width: fit-content;	

	span {
		margin-bottom: 2px;
    	display: block;
	}
}

div.dt-container .dt-paging .dt-paging-button {
	font-size: small;
	height: auto;
}

div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {
	font-size: small;
}

#mesdemandes div.datatable:not(:last-of-type)::after {
	content: '';
	display: block;
	height: 4px;
    border: 0;
    box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.5);
    margin-right: 5%;
    margin-left: 5%;
	padding-bottom: 15px;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
	border: none;
}

table.datatable {
	box-shadow: 5px 5px 5px lightgray;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title, table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title, table.dataTable thead > tr > td div.dt-column-header span.dt-column-title, table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
    text-align: center;
}
.datatable-type span {
	display: block;
}

.datatable-type span:not(:last-of-type) {
	margin-bottom: 3px;
}

/*div.dt-container.dt-empty-footer tbody > tr:last-child > *:first-child {
	border-radius: 0px 0px 0px 15px;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > *:last-child {
	border-radius: 0px 0px 15px 0px;
}*/

.datatable .bookmark {
	display: block;
	place-self: center;
}

div.block td.scrabbletile {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:white; !important;
  background:var(--current-color); /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(var(--current-color)), to(#FFFFFF));
  background:-moz-linear-gradient(var(--current-color), #FFFFFF);
  background:-o-linear-gradient(var(--current-color), #FFFFFF);
  background:linear-gradient(var(--current-color), #FFFFFF);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}


div.block td.scrabbletile_desat {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:black; !important;
  background:#7f8c8d; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7f8c8d), to(#FFFFFF));
  background:-moz-linear-gradient(#7f8c8d, #FFFFFF);
  background:-o-linear-gradient(#7f8c8d, #FFFFFF);
  background:linear-gradient(#7f8c8d, #FFFFFF);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}