.stdheader
{
	background : #5D7C84;
	text-align : center;
	border-radius: 0px;
}

/*
.tabs .panel
{
	position : relative ;
	box-shadow : 0px -2px 5px #D7D7D7 inset ;
}

.tabs .panel .panel_item
{
	opacity : 0.4 ;
	padding-left : 10px ;
	padding-right : 10px ;
	border-radius : 2px 2px 0 0 ;
	border : 1px solid transparent ;
	border-bottom : 0px ;
}

.tabs .panel .panel_item:hover
{
	opacity : 0.7 ;
}

.tabs .panel .panel_label
{
	font-size : 15px ;
	padding : 9px ;
	color: #373737;
	visibility : visible ;
}
*/

.viewspanel
{
	position : relative;
	box-shadow : 0px -3px 5px #D7D7D7 inset ;
}

.viewslayoutpanel
{
	padding : 0px ;
	/*
	position : relative ;
	top : -1px ;
	border-top : 1px solid #CCCCCC ;
	box-shadow : 0px -3px 5px #D7D7D7 ;
	*/
}

.viewspanel .panel_item
{
	opacity : 0.4 ;
	padding-left : 10px ;
	padding-right : 10px ;
	border-radius : 4px 4px 0 0 ;
	border : 1px solid transparent ;
	border-bottom : 0px ;
}

.viewspanel .panel_item:hover
{
	opacity : 0.7 ;
}

.viewspanel .panel_item.selected
{
	opacity : 1 ;
	background : #FFFFFF ;
	border : 1px solid #CCCCCC ;
	border-bottom : 0px ;
	box-shadow : 3px -3px 5px #D7D7D7 ;
}

.viewspanel .panel_label
{
	font-size : 16px ;
	padding : 10px ;
	visibility : visible ;
}

.sas
{
	height : calc( 100% - 30px ) ;
	border-radius: 3px;
	box-shadow: 2px 2px 8px #A7A5A5;
	margin : 5px ;
	padding : 10px ;
}


.wfl_buttonold {
	cursor:pointer;
	text-align : center;
	font-size: 0.9em;
	color: #666666;
	width : 80%;
	margin-bottom : 0.2em;
}

.preview_title_studio {
	border : none;
	text-align : left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 68%;
	color: #2b2b2b;
	text-align : left;
	padding-bottom : 0px;
}

.preview_table_studio {
	border : none;
	text-align : left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	color: #7b7c7c;
	text-align : left;
	padding-bottom : 0px;

}

.preview_field_studio {
	border : solid;
	border-color:#CCCCCC;
	border-width : thin;
	border-style : hidden;
	text-align : left;
	font-size: 80%;
}

.preview_title_big_studio {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #7b7c7c;
	text-align : left;
}

.list_header_studio {
	font-size : 60%;
	text-align : left;
}

.list_body_studio {
	font-size : 80%;
	height : 25px;
	text-align : left;
}

.list_table_studio	{
	border: 1px;
	border-width: 1px;
	border-color: white;
	border-radius: 0px;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	text-align : left;
	color: #7b7c7c;
}

.filter_list_title_studio{
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 70%;
}

.filter_list_field_studio {
	font-size: 80%;
}

.filter_bandeau_studio {
	border: none;
	border-color: #d3cfcf;
	border-radius: 2px;
	-moz-border-radius:2px;
	height: 52px;
	margin-bottom:0.3em;
	background-color: #5D7C84;
}


.filter_fieldset_studio{
	border: none;
	border-color: #d3cfcf;
	border-radius: 6px;
	-moz-border-radius:6px;
	margin: 1px;
	padding: 0.75em;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 32px;
	background-color: #c0bbbb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#c4c4c4), color-stop(0%, #d6d3d3));
	background-image: -o-linear-gradient(white, #d6d3d3 0%, #c4c4c4);
	background-image: -ms-linear-gradient(white, #d6d3d3 0%, #c4c4c4);
	background-image: -moz-linear-gradient(white, #d6d3d3 0%, #c4c4c4);
	background-image: -webkit-linear-gradient(white, #d6d3d3 0%, #c4c4c4);
	background-image: linear-gradient(white, #d6d3d3 0%, #c4c4c4);
}

.filter_table_studio{

	top: 0.1em;
	left: 0.2em;
}


.edit_title_studio{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 60%;
	color: #7b7c7c;
}

.edit_field_studio{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 80%;
}

.text_button_studio{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 80%;
}



div#BLOC_FICHE_TXT {
	float:left;
	width:425px;

	background-color:#FFFFFF;
}

div#BLOC_INFO_TXT {
	float:left;
	width:354px;
	height:50px;
	background-color:#CCCCFF;
}

div#BLOC_LOGO_MARQUE {
	float:left;
	width:90px;
	height:35px;
	background-color:#FFFFFF;
}

div#BLOC_LIBELLE_PRD {
	width:425px;
	height:36px;
	background-color:#FFFFFF;
}

div#BLOC_TXT_COURT {
	width:425px;
	height:105px;
	background-color:#FFFFFF;
}

div#BLOC_BANDEAU {
	width:425px;
	height:1px;
	background-color:##FFFFFF;
}

.MOD_FichProd{font:11px Arial, Helvetica, sans-serif}
.MOD_FichProd .mainProd{position:relative;width:845px;display:inline;float:left}
.MOD_FichProd .mainProd .descProd .Cright{font:bold 14px Arial;margin:0 0 5px 100px;color:#3E3E3E;min-height:35px}
.MOD_FichProd .pLeft{color:RED}
.MOD_FichProd .pLeft b{font:bold italic 19px Arial;line-height:30px;color:black}



.wqstudiotablelinkstd    {
    font-family : Arial , Helvetica , sans-serif ;
    width : 100% ;
    border-collapse : collapse ;
}


.wqstudiotablelinkstd td    {
    font-size : 0.6em ;
    text-align: left;
    border : 1px solid #CCCCCC ;
    padding : 2px ;
}


 .wqstudiotablelinkstd th    {
    font-size : 0.6em ;
    text-align : left ;
    padding-top : 0.5em ;
    padding-bottom : 4px ;
    background-color : #DDDDDD ;
    color : #555555 ;
    border : 1px solid #AAAAAA ;
}

.label_produit	{
    font-family : Arial , Helvetica , sans-serif ;
    font-size:11px;
    color:#999999;
    line-height:20px;
    text-align:left;
    padding-bottom:1em;
}

.wfl_button	{
	-moz-transition: all .4s cubic-bezier;
	margin:auto;
	margin-bottom:4px;
	border: 1px solid #2e6d7d;
	position: relative;
    text-align: center;
	/*display: block;*/
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 1px;
    color: #FFFFFF;
    text-transform: uppercase;
	width: 21em;
	padding: 6px 0;
    line-height: 24px;
	font: 12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
	font-size:120%;
	font-weight: bold;
	text-decoration: none;
	background-color:#2e6d7d;
}

.wfl_button:hover{
	background-color: #5598A9;
}
.wfl_button:disabled{
	opacity: 0.3;
}




.wfl_button:active{
	 -moz-transform: scale(0.98);
	 box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
}



.wfl_button_2 {
	-moz-transition: all .4s cubic-bezier;

	margin:auto;
	margin-bottom:4px;
	border: 1px solid #EF6423;
	position: relative;
    text-align: center;
	display: block;

	box-shadow: 0 1px 2px #D84A0D;
	border-radius: 4px;
    color: #FFFFFF;
    text-transform: uppercase;
	width: 80%;
	padding: 6px 0;
        line-height: 24px;
	font: 12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #ffb76b;
	background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 40%, #ff7c00 60%, #ff7f04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(40%,#ffa73d), color-stop(60%,#ff7c00), color-stop(100%,#ff7f04));
	background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
}


.wfl_button_2:hover {
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
}



.wfl_button_2:active{
	 -moz-transform: scale(0.98);
	 box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
}

.wfl_button_2 {
	-moz-transition: all .4s cubic-bezier;

	margin:auto;
	margin-bottom:4px;
	border: 1px solid #EF6423;
	position: relative;
    text-align: center;
	display: block;

	box-shadow: 0 1px 2px #D84A0D;
	border-radius: 4px;
    color: #FFFFFF;

	width: 80%;
	padding: 6px 0;
        line-height: 24px;
	font: 14px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #ffb76b;
	background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 40%, #ff7c00 60%, #ff7f04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(40%,#ffa73d), color-stop(60%,#ff7c00), color-stop(100%,#ff7f04));
	background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 40%,#ff7c00 60%,#ff7f04 100%);
	}



.wfl_button_2:hover	{
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
}




.wfl_button_gris:active	{
	 -moz-transform: scale(0.98);
	 box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
	 }

.todo_button {
	-moz-transition: all .4s cubic-bezier;
	margin:auto;
	border: 1px solid #185CA8;
	position: relative;
    text-align: center;
	display: block;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 1px;
    color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #2e6d7d;
}


.todo_button:hover	{
	background-color: #5598A9;
}



.todo_button:active {
	 -moz-transform: scale(0.98);
	 box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
 }




table.striped_table>tbody>tr:nth-child(odd) {
  white-space:nowrap;
  /*padding:3px;*/
  /*background-color:rgb(234, 232, 232);*/
  background-color:rgb(247, 247, 247);

}

table.striped_table>tbody>tr:nth-child(even) {
  white-space:nowrap;
  /*padding:3px;*/
  /*background-color:rgb(224, 224, 224);*/
  background-color:#ffffff;
}


table.striped_table>tbody>tr.rowselected:nth-child(odd) {
	background-color : #CFD8DC ;
	color : #FFFFFF ;
	/* box-shadow : 2px 2px 3px #888 ; */

}

table.striped_table>tbody>tr.rowselected:nth-child(even) {
	background-color : #CFD8DC ;
	color : #FFFFFF ;
	/* box-shadow : 2px 2px 3px #888 ; */
}

.visuel_non_conforme {
	font-size: 100%;
    text-align: center;
    color: #C30000;
    margin-top: 20px;
    /* border: 1px solid #A27070; */
    background-color: #E8E8E8;
    padding: 10px;
}



.report_header {text-align:center;padding: 5px;padding-bottom: 10px;}
.report_separation {border-right: #E6E6E6 solid 2px;}

.report_line1 { white-space:nowrap;padding:5px;background-color:#e0e0e0;}
.report_line2 { white-space:nowrap;padding:5px;background-color:#f0f0f0;}
.report_imgopannotated {border:3px solid #E08529;}

.report_imgop {min-width:40px; max-width:200px;}

.reportdiapo_imgopannotated {border:3px dotted blue;}
.reportdiapo_imgop {min-width:180px; max-width:180px;}



.button_report	{
	-moz-transition: all .4s cubic-bezier;
	border: 1px solid #B5B5B5;
    text-align: center;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
    color: #FFFFFF;

	width: 100px;
	padding: 5px 0;

	font: 12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
	text-decoration: none;
	background-color: #2e6d7d;
}



.button_report:active{
	-moz-transform: scale(0.98);
	box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
}


.csv_header { padding:5px;background-color:#505050;color:#f0f0f0;}
.csv_line1 { white-space:nowrap;padding:5px;background-color:#e0e0e0;}
.csv_line2 { white-space:nowrap;padding:5px;background-color:#f0f0f0;}

.csv_duplean { padding:2px;border-radius: 3px;background-color:#a00000;color:#f0f0f0;}
.csv_duplrefcol { padding:2px;border-radius: 3px;background-color:#a00000;color:#f0f0f0;}

.csv_badqttaille { padding:2px;border-radius: 3px;background-color:orange;color:#f0f0f0;}
.csv_badean { padding:2px;border-radius: 3px;background-color:orange;color:#f0f0f0;}
.csv_badformat { padding:2px;border-radius: 3px;background-color:orange;color:#f0f0f0;}

.csv_qt0 {text-decoration: line-through;}
.csv_badline { padding:2px;border-radius: 3px;background-color:#a00000;color:#f0f0f0;}
.csv_qt0line { }
.csv_goodline { padding:2px;border-radius: 3px;background-color:#00a000;color:#f0f0f0;}

.csv_warn { padding:2px;border-radius: 3px;background-color:orange;color:#f0f0f0;}
.csv_ok  { padding:2px;border-radius: 3px;background-color:#00a000;color:#f0f0f0;}
.csv_ko { padding:2px;border-radius: 3px;background-color:#a00000;color:#f0f0f0;}
.csv_no {text-decoration: line-through;}


.button{
	-moz-transition: all .4s cubic-bezier;
	border: 1px solid #666666;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
    color: #FFFFFF;
	padding: 4px;
	font: 12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
	text-decoration: none;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(209,209,209,1) 20%, rgba(173,173,173,1) 74%, rgba(114,114,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(20%,rgba(209,209,209,1)), color-stop(74%,rgba(173,173,173,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 20%,rgba(173,173,173,1) 74%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 20%,rgba(173,173,173,1) 74%,rgba(114,114,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 20%,rgba(173,173,173,1) 74%,rgba(114,114,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 20%,rgba(173,173,173,1) 74%,rgba(114,114,114,1) 100%); /* W3C */
}

.button:hover	{
	background: rgb(114,114,114);
	background: -moz-linear-gradient(top,  rgba(114,114,114,1) 0%, rgba(173,173,173,1) 26%, rgba(209,209,209,1) 80%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,114,114,1)), color-stop(26%,rgba(173,173,173,1)), color-stop(80%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(173,173,173,1) 26%,rgba(209,209,209,1) 80%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(173,173,173,1) 26%,rgba(209,209,209,1) 80%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(173,173,173,1) 26%,rgba(209,209,209,1) 80%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(114,114,114,1) 0%,rgba(173,173,173,1) 26%,rgba(209,209,209,1) 80%,rgba(254,254,254,1) 100%); /* W3C */
}
.button:active {
	 -moz-transform: scale(0.98);
	 box-shadow: 2px 2px 15px rgba(255, 255, 255, 0.8);
}








table.studioreport {
  width:100%;
  border-spacing: 2px 2px;
  border-collapse: collapse;
  border-color:#e0e0e0;
  margin-top:10px;
  margin-bottom:10px;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
}


/*ligne de données paire */
table.studioreport tbody tr:nth-child(odd) {
  white-space:nowrap;
  background-color:#f0f0f0;
  border-top: solid 1px #ffffff;

}

/*lignes de données impaire */
table.studioreport tbody tr:nth-child(even) {
  white-space:nowrap;
  background-color:#e0e0e0;
  border-top: solid 1px #ffffff;
}


/*première ligne d'entete*/
table.studioreport thead tr:nth-child(1) {
	white-space: nowrap;
	background-color: #5c5f60;
	color: #fefefe;
}

/*cellule de la première ligne d'entete*/
table.studioreport thead tr:nth-child(1) th {
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	font-weight: bold;
	padding:6px;


}

/*deuxième ligne d'entete*/
table.studioreport thead tr:nth-child(2) {
	white-space: nowrap;
	background-color: #999999;
	color: #fefefe;
	font-size: 100%;
}

/*cellule de la deuxieme ligne d'entete*/
table.studioreport thead tr:nth-child(2) th {
	font-weight: normal;
  	border-left:2px solid #ffffff;
  	border-bottom:2px solid #ffffff;
  	padding:5px;
}



/*cellule de la troisième ligne d'entete : filtres */
table.studioreport thead tr:nth-child(3) th {
	font-weight: normal;
  	border-left:2px solid #ffffff;
  	border-bottom:2px solid #ffffff;
  	text-align: left;
}



/*cellule de données*/
table.studioreport td {
  border-left:2px solid #ffffff;
  vertical-align: top;
  padding:3px;
}


/*lignes de données impaire */
table.studioreport tbody tr:hover {
  background-color:#a3abad;
  color:white;
}



table.studiolist {
  width:100%;
  border-spacing: 1px 1px;
  border-collapse: collapse;
  border-color:#e0e0e0;
  font-size: 80%;
  margin-top:5px;
  margin-bottom:5px;
  border: 1px solid #EEEEEE;
}


/*ligne de données paire */
table.studiolist tbody tr:nth-child(odd) {
  white-space:nowrap;
  background-color:#f2f2f2;

}

/*lignes de données impaire */
table.studiolist tbody tr:nth-child(even) {
  white-space:nowrap;
  background-color:#ffffff;
}

/*lignes de données impaire */
table.studiolist tbody tr:hover {
  background-color:#CFD8DC;
}


/*première ligne d'entete*/
table.studiolist thead tr:nth-child(1) {
	white-space: nowrap;
	background-color: #dddddd;
	color: #000000;
}

/*cellule de la première ligne d'entete*/
table.studiolist thead tr:nth-child(1) th {
	border-left:1px solid #EEEEEE;
	border-bottom:1px solid #AAAAAA;
	font-weight: bold;
	padding:6px;

}

/*deuxième ligne d'entete*/
table.studiolist thead tr:nth-child(2) {
	white-space: nowrap;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

/*cellule de la deuxieme ligne d'entete*/
table.studiolist thead tr:nth-child(2) th {
	font-weight: normal;
  	padding:5px;
	 border-left: 1px solid #b8b8b8;

}



/*cellule de la troisième ligne d'entete : filtres */
table.studiolist thead tr:nth-child(3) th {
	font-weight: normal;
  	text-align: left;
}



/*cellule de données*/
table.studiolist td {
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  overflow: hidden;
  border-left: 1px solid #b8b8b8;

}





.sampleview_draghover {
	border: 2px dotted #737b7d;
}


.sampleview_task {
    color: #ffffff;
    font-size: 100%;
    margin: 0px;
    margin-bottom: 1px;
    text-align: center;
    font-variant: small-caps;
    background-color: #647b7c;
    margin-top: 2px;
}

/*.sampleview_task_count {
    margin-left: 10px;
    background-color: #959595;
    color: #ebebeb;
    padding: 3px;
    position: relative;
    left: -3px;
}

*/

.flat_button	{
    border: 1px solid #B5B5B5;
    text-align: center;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); */
    border-radius: 1px;
    margin: 1px;
    color: #FFFFFF;
    width: 100px;
    padding: 5px 0;
    /*font: 12px 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;*/
    text-decoration: none;
    /* background-color: #667275; */
    background-color: #64a3a6;
    font-variant: small-caps;
}

.flat_button:disabled	{
	background-color: #8fa7a8;
    color: #e3e3e3;
}

.dashboard_clickable:hover {
	color:red;
}

table.dashboard_operation_table {
  width:100%;
  border-spacing: 1px 1px;
  border-collapse: collapse;
  /*border-collapse: separate;*/
  border-color:#e0e0e0;
  /*font-size: 100%;*/
  margin-top:5px;
  margin-bottom:5px;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
}


/*ligne de données paire */
table.dashboard_operation_table tbody tr:nth-child(odd) {
  /*white-space:nowrap;*/
  background-color:#f0f0f0;
  /*height: 1.5em;*/
  /*border-top: solid 1px #ffffff;*/
  border-bottom: solid 1px #cacaca;

}

/*lignes de données impaire */
table.dashboard_operation_table tbody tr:nth-child(even) {
  /*white-space:nowrap;*/
  background-color:#f0f0f0;
  /*height: 1.5em;*/
  /*border-top: solid 1px #ffffff;*/
  border-bottom: solid 1px #cacaca;
}


/*première ligne d'entete*/
table.dashboard_operation_table thead tr:nth-child(1) {
	/*white-space: nowrap;*/
	background-color: #5c5f60;
	color: #fefefe;
    display: none;

}

/*cellule de la première ligne d'entete*/
table.dashboard_operation_table thead tr:nth-child(1) th {
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	font-weight: bold;
	padding:6px;
	overflow:hidden;

}

/*deuxième ligne d'entete*/
table.dashboard_operation_table thead tr:nth-child(2) {
	/*white-space: nowrap;*/
	background-color: #999999;
	color: #fefefe;
	font-size: 100%;
}

/*cellule de la deuxieme ligne d'entete*/
table.dashboard_operation_table thead tr:nth-child(2) th {
	font-weight: normal;
  	border-left:2px solid #ffffff;
  	border-bottom:2px solid #ffffff;
  	padding:5px;
}



/*cellule de la troisième ligne d'entete : filtres */
table.dashboard_operation_table thead tr:nth-child(3) th {
	font-weight: normal;
  	border-left:2px solid #ffffff;
  	border-bottom:2px solid #ffffff;
  	/*padding:5px;*/
  	text-align: left;
}



/*cellule de données*/
table.dashboard_operation_table td {
  /*border-left:1px dotted rgb(239, 175, 175);*/
  border-left:2px solid #ffffff;
  vertical-align: top;
  padding:3px;
    border-top: 1px solid #c4c4c4;
  /*border-bottom: solid 2px #bababa;*/

}





img.dashboard_search_sample_view {
/*    background-image: url(../../img/icons/loadingimage.png);
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;
*/	background-color: white;
	padding: 4px;
	border-top:1px solid #f0f0f0;
	margin-top:5px;
	/*height: 120px;*/
	width:120px;
	vertical-align: top;
	margin-right: 10px;
}


.dashboard_search_sample_view_task {
    color: #ffffff;
    font-size: 100%;
    margin: 0px;
    margin-bottom: 1px;
    text-align: center;
    font-variant: small-caps;
    background-color: #647b7c;
    margin-top: 2px;
	width: 96%;
	display: inline-block;
}



#___________dashboard_search_samples img[data-shoot] {
    background-image: url(../../img/icons/loadingimage.png);
    height: 180px;
    /*min-width: 75px;*/
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;
}



/*#report_operation img[data-filterselected="1"] {
	border-bottom: #237e32 solid 3px;
	padding-bottom:3px;
}
*/
#report_operation {
	font-family: Arial,Helvetica,sans-serif;
}


#report_operation img[data-annotated="1"] {
	border: 2px solid green;
}

#report_operation img[data-opennotes="1"] {
	margin-top: 3px;
	opacity: 0.9;
	height:1.1rem;
	margin-right: 0.5rem;
}



#report_operation[data-activefilter="onlytovalidate"] #report_operation_onlytovalidate,
#report_operation[data-activefilter="onlymultishots"] #report_operation_onlymultishots,
#report_operation[data-activefilter="onlyannotated"] #report_operation_onlyannotated {
	border-bottom: #237e32 solid 3px;
	padding-bottom: 2px;

}

/*#report_operation[data-activefilter="onlytovalidate"] .sampleview_task:not([data-taskid="IMAGE_V1_T4.VALID"]),*/
#report_operation[data-activefilter="onlymultishots"] .sampleview_task:not([data-multishots="1"]),
#report_operation[data-activefilter="onlyannotated"] .sampleview_task:not([data-annotated="1"])
{
	opacity : 0.25;
}

/*#report_operation[data-activefilter="onlytovalidate"] .sampleview:not([data-taskid="IMAGE_V1_T4.VALID"]),*/
#report_operation[data-activefilter="onlymultishots"] .sampleview:not([data-multishots="1"]),
#report_operation[data-activefilter="onlyannotated"] .sampleview:not([data-annotated="1"])  {
	display:none;
}

#report_operation[data-showmoreviewinfo="1"] thead tr div[data-moreviewinfo]  {
	display:block;
}

#report_operation[data-showmoreviewinfo="0"] thead tr div[data-moreviewinfo]  {
	display:none;
}


#report_operation tr[data-header] th[data-colid="shoot"] {
	vertical-align: top;
}




#report_operation img[data-shootcropping] {
	/*max-width: 50%;*/
    display: inline;
    margin-right: 2px;
    margin-mfet: 2px;
    /*border: 1px dotted #999999;*/
}


#report_operation[data-zoomlevel="1"] img[data-shootpreview] {
	width:20%;
	display:inline;
/*    background-image: url(../../img/icons/loadingimage.png);
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;
    background-size: 20%;*/
    min-height: 30px;
}

#report_operation[data-zoomlevel="2"] img[data-shootpreview] {
	width:50%;
	display:inline;
/*    background-image: url(../../img/icons/loadingimage.png);
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;
    background-size: 50%;*/
    min-height: 50px;

}

#report_operation[data-zoomlevel="3"] img[data-shootpreview] {
	width:100%;
	display:table-cell;
/*    background-image: url(../../img/icons/loadingimage.png);
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;*/
    min-height: 100px;
}

#compare_shoots {
	font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
}


#compare_shoots img[data-shootselected="1"] {
 /*   border: solid 6px rgb(255, 255, 255);
    outline: solid 2px #694a44;
 */   border-left: green 8px solid;
    padding-left: 5px;
}


#compare_shoots_list img:hover {
	box-shadow: 5px 5px 15px 0px #656565;
}

#compare_shoots_list img {
    /*background-image: url(../../img/icons/loadingimage.png);*/
    height: 128px;
    min-width: 75px;
    /*background-position-x: 50%;*/
    /*background-repeat: no-repeat;*/
    /*background-position-y: 40%;*/
}


#compare_shoots_list div[data-overlapicon="hide"]  {
	/*display: block;*/
	visibility: hidden;
}

#compare_shoots_list div[data-overlapicon="show"] {
	/*display: block;*/
	visibility: normal;
    background-image: url(../../img/icons/overlap.png);
    background-position-x: 6px;
    background-repeat: no-repeat;
    background-position-y: 5px;
	position: absolute;
    height: 5rem;
    width: 120px;
    top: 5px;
    left: 5px;
}






/*<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>
*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}




#lightpad_main {
	display: flex;
	flex-direction: column;
	font-family:Roboto, Helvetica Neue, Arial, sans-serif;
	position: absolute;
	top: 1em;
	left: 1em;
	right: 1em;
	bottom: 1em;
	background-color: white;
	overflow: hidden;
	font-size: 80%;
	justify-content:flex-end;
}


#lightpad_samples {
	display: flex;
	flex-direction: column;
	padding: 0.5rem;
	margin-top:0em;
	/*flex-grow:2;*/
/*	height:100%;
*/	overflow: auto;
	align-items: baseline;
	flex:1;
	/*height: 95%;*/
	background-color: #ffffff;
}

#lightpad_shoots {
	margin-top:0em;
	height:100%;
/*	flex-grow:1;
	flex-basis: 20%;
*/	border-right:1px solid darkgrey;
	overflow: auto;
	width:25%;
	background-color: #ffffff;

}

.lightpad_sample {
	background-color: #fafafa;
	display:inline-block;
	/*margin-right: 10px;*/
	margin-top:10px;
	padding:5px;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 2px 1px #aaaaaa;
}


.lightpad_shoot {
	/*padding: 2px;*/
    display: inline-block;
     /*margin-right: 10px;*/
    /* border: 1px solid #bcbcbc; */
    /*text-align: center;*/
    /*height: 180px;*/
    /*margin-bottom: 10px;*/
    /*margin-right: 10px;*/
    margin-top:10px;
	display: flex;
	flex-direction: row;
	/*height:100%;*/

}

.lightpad_shoot[data-shoot_to_remove='1'] {
	opacity: 0.2;
}




#lightpad_shoots img[data-shoot_search_sample] {
    background-image: url(../../img/icons/loadingimage.png);
    height: 180px;
    /*min-width: 75px;*/
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-position-y: 40%;
}

#lightpad_samples img[data-shoot_search_sample] {
    height: 150px;
}



/*#lightpad_main img[shoot_search_sample]:hover {*/
#lightpad_samples img[data-shoot_search_sample]:hover {
    box-shadow: 3px 3px 10px 0px #656565;

}


.lightpad_sample_view {
	text-align:center;
	margin-top:5px;
	/*border-top:1px solid #dbdbdb;*/
	text-align: center;
	background-color:#f0f0f0;
	margin-right: 0.5rem;
	padding:3px;
	border: 1px solid #dddddd;
	min-height: 210px;
}


.lightpad_sample_view_draghover {
/*	border: 4px solid #64a3a6;;
    margin-bottom: 8px;
    margin-right: 8px;*/

    outline: 4px solid #64a3a6;;
    outline-offset: 5px;


}


img.lightpad_sample_view_shoot {
	background-color: white;
	padding: 4px;
	border-top:1px solid #f0f0f0;
	margin-top:5px;
	height: 150px;
}


.lightpad_sample_view_task {
    color: #ffffff;
    font-size: 100%;
    margin: 0px;
    margin-bottom: 1px;
    text-align: center;
    font-variant: small-caps;
    background-color: #647b7c;
    margin-top: 2px;
	width: 96%;
	display: inline-block;
}


/*ligne de données paire */
table.main_dashboard_operation_table tbody tr:nth-child(odd) {
  /*white-space:nowrap;*/
  background-color:#e0e0e0;
  /*height: 1.5em;*/
  /*border-top: solid 1px #ffffff;*/
  border-bottom: solid 1px #cacaca;

}

/*lignes de données impaire */
table.main_dashboard_operation_table tbody tr:nth-child(even) {
  /*white-space:nowrap;*/
  background-color:#f0f0f0;
  /*height: 1.5em;*/
  /*border-top: solid 1px #ffffff;*/
  border-bottom: solid 1px #cacaca;
}


/*cellule de données*/
table.main_dashboard_operation_table td {
  /*border-left:1px dotted rgb(239, 175, 175);*/
  border-left:2px solid #ffffff;
  vertical-align: top;
  padding:3px;
  border-top:none;
  vertical-align: middle;
  /*text-align: right;*/
}

table.main_dashboard_operation_table td[data-colid="opNameOrShootingSessionDate"] {
  text-align: left;
}





#___________dashboard_shooting_sessions td:has(div[data-green]) {
	background-color: #00FF00;
}